#jellyfish favicons!! | Explore Tumblr posts and blogs

wuvmaze · 6 years ago

Text

parfait

<!DOCTYPE html> <head>

<!-----

| Theme #21 Parfait | By vulcankind

- You may edit as much as you like - I only ask that you do not steal parts of my code and please,

!!! DO NOT TOUCH THE CREDIT !!!

Released: 12/01/2018

Credits: Un-Nested Tumblr Captions - neothm Audioplayer Script - roxiestheme timeAgo(); plugin - bychloethemes Tooltips - manos.malihu.gr/tuts/style-my-tooltips.html Icon Font - honeybee.themehive.co / FontAwesome No.js Photosets - annasthms/espoirthemes jquery.com

----->

<title>{Title}{block:SearchPage} — {lang:Search results for SearchQuery}{/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title> {block:Description} <meta name="description" content="{MetaDescription}"> {/block:Description}

/* ---------------------------------------------- DEFAULT STYLING */

body { cursor: url(https://66.media.tumblr.com/tumblr_m2wj6h0gSu1qfamg6.gif), auto; background:{color:background} url('{image:background}'); background-attachment: fixed; color:{color:text}; font-family:muli,consolas; font-size:11px;

}

iframe#ask_form { height:190px!important; }

a { color:{color:accent}; text-decoration:none; transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; }

a:hover { color:{color:text}; {block:ifnottinycursor}cursor:pointer;{/block:ifnottinycursor}; {block:iftinycursor}cursor:url('https://static.tumblr.com/zq8teoi/Bowpglk3u/tumblr_inline_ol4nwisgdu1uxxza6_1280.png'), auto;{/block:iftinycursor} }

b { color:{color:accent}; }

i { color:rgba({RGBcolor:text},.75); }

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in { opacity:0; -webkit-animation:fadeIn ease-in 1; -moz-animation:fadeIn ease-in 1; animation:fadeIn ease-in 1; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:2s; -moz-animation-duration:2s; animation-duration:2s; }

{block:iftinycursor} #cc, #cc a, #cc a:hover{ cursor: url(https://66.media.tumblr.com/tumblr_m2wj6h0gSu1qfamg6.gif), auto; position:fixed; top:0px;left:0px; width:100%;height:100%; cursor: url('https://static.tumblr.com/zq8teoi/Y7gpglk0a/tumblr_inline_ol4nwhvswg1uxxza6_1280.png'), url('https://static.tumblr.com/zq8teoi/Bowpglk3u/tumblr_inline_ol4nwisgdu1uxxza6_1280.png'), progress !important; } {/block:iftinycursor}

::-webkit-scrollbar { width: 15px; background:rgba(0,0,0,.1); border:7px solid {color:window}; {block:ifnotfooter} border-bottom-right-radius:{select:border radius}; {/block:ifnotfooter} }

::-webkit-scrollbar-thumb { background-color: {color:accent}; border:5px solid {color:window}; }

::selection { background:rgba({RGBcolor:accent},1); color:{color:Titles}; }

#s-m-t-tooltip { display: block; margin-top:32px; margin-left:-10px; max-width:150px z-index:999; word-wrap: break-word; padding: 5px 8px 5px 8px; background:{color:posts}; border:1px solid {color:borders}; font-size: 10px; letter-spacing: 1px; border-radius:{select:border radius}; text-transform: uppercase; transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; {block:ifdropshadows} -webkit-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.1); -moz-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.1); box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.1); {block:ifdropshadows} }

ul { list-style:none; } ul li:before { content:'—'; margin-right: 10px; position:relative; line-height:22px; vertical-align:middle; font-weight: 900; color: {color:accent}; }

/* ---------------------------------------------- CONTAINER */

#container { width:700px; margin:0 auto; }

/* ---------------------------------------------- WINDOW STYLING */

#window { width:700px; {block:iffooter} height:570px; {/block:iffooter} {block:ifnotfooter} height:524px; border-bottom-right-radius:{select:border radius}; border-bottom-left-radius:{select:border radius}; {/block:ifnotfooter} background:{color:window}; position:fixed; margin-top:20px; word-wrap:break-word; transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; border:1px solid {color:borders}; border-radius:{select:border radius}; {block:ifdropshadows} -webkit-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.1); -moz-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.1); box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.1); {block:ifdropshadows} }

/* ---------------------------------------------- TUMBLR CONTROLS */

{block:ifdefaulttumblrcontrols} iframe.tmblr-iframe { opacity:0; display:none!important; } {/block:ifdefaulttumblrcontrols}

#controls { position:absolute; color:{color:Titles}; margin-left:550px; margin-top:-20px; font-size:14px; width:127px; text-align:right; }

#controls a { color:{color:Titles}; }

.controls { display:inline-block; }

.controls-like { overflow:hidden; margin-bottom:-4px; }

a.controls-like .liked + span { color:red; }

.controls-like .like_button iframe { position:absolute; left:-2px; bottom:-4px; right:0; z-index:2; opacity:0; }

.controls-like .like-button iframe:hover,.controls-like:hover,.like-button:hover { {block:ifnottinycursor}cursor:pointer;{/block:ifnottinycursor}; {block:iftinycursor}cursor:url('https://static.tumblr.com/zq8teoi/Bowpglk3u/tumblr_inline_ol4nwisgdu1uxxza6_1280.png'), auto;{/block:iftinycursor} }

/* ---------------------------------------------- TOP BAR */

#topbar { height:50px; background: {color:accent}; background: -moz-linear-gradient(left, {color:gradient 1} 0%, {color:gradient 2} 100%); background: -webkit-linear-gradient(left, {color:gradient 1} 0%,{color:gradient 2} 100%); background: linear-gradient(to right, {color:gradient 1} 0%,{color:gradient 2} 100%); width:680px; padding:10px; border-top-left-radius:{select:border radius}; border-top-right-radius:{select:border radius}; }

#favicon { width:20px; height:20px; }

#favicon img { max-width:20px; max-height:20px; }

#favicon span { font-size:20px; color:{color:Titles}; }

#title { position:absolute; margin-left:35px; margin-top:-15px; color:{color:Titles}; letter-spacing:2px; text-transform:uppercase; max-width:500px; overflow:hidden; }

/* ---------------------------------------------- ADDRESS BAR */

#topbar2 { background:{color:tabs}; padding:10px; border-bottom: 1px solid rgba({RGBcolor:borders},.5); position:fixed; width:680px; margin-top:-4px; border-top:1px solid rgba({RGBcolor:borders},.75); }

#address { width:490px; margin-left:120px; padding:9px 10px 6px 15px; color:{color:text}; opacity:.9; border-radius:{select:border radius}; background:#fff; border:1px solid rgba({RGBcolor:borders},.6); font-size:10px; font-family:muli; }

.tum { opacity:.5; transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; }

#address:hover .tum { opacity:1; }

#address input { border:0; outline:0; width:435px; color:{color:text}; font-size:10px; font-family:muli; }

/* ---------------------------------------------- ADDRESS ICONS */

#webicons { position:absolute; font-size:14px; margin-top:8px; margin-left:5px; }

.webicon,.webicons,.webicon a{ display:inline-block; color:{color:accent}; }

.webicons { color:rgba({RGBcolor:accent},.5); }

a .webicons,.webicons a { color:rgba({RGBcolor:accent},1); }

/* THEME CREDIT - DO NOT TOUCH UNDER ANY CIRCUMSTANCE; TY! */

#theme-credit-do-not-touch a { color:{color:accent}; font-size:16px; position:absolute; margin-left:657px; margin-top:-24px; }

/* ---------------------------------------------- TABS */

.tabs { display: flex; flex-wrap: wrap; margin-top:-31px; }

.tabs label { order: 1; font-family:roboto; font-size:9px; display: block; padding: 10px 20px 6px 25px; margin-right: 2px; {block:ifnottinycursor}cursor:pointer;{/block:ifnottinycursor}; {block:iftinycursor}cursor:url('https://static.tumblr.com/zq8teoi/Bowpglk3u/tumblr_inline_ol4nwisgdu1uxxza6_1280.png'), auto;{/block:iftinycursor} text-transform:uppercase; background: {color:tabs}; letter-spacing:2px; transition: background ease 0.2s; opacity:.8; border-top-left-radius:{select:border radius}; border-top-right-radius:{select:border radius}; z-index:999999999999; border:1px solid rgba({RGBcolor:borders},.75); border-bottom:0; transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; }

.tabs input[type="radio"] { display: none; }

.tabs input[type="radio"]:checked + label { opacity:1; color:{color:accent}; }

.tabs input[type="radio"]:checked + label + .tab { display: block; }

.tabs label:hover { color:{color:accent}; {block:ifnottinycursor}cursor:pointer;{/block:ifnottinycursor}; {block:iftinycursor}cursor:url('https://static.tumblr.com/zq8teoi/Bowpglk3u/tumblr_inline_ol4nwisgdu1uxxza6_1280.png'), auto;{/block:iftinycursor} }

.tabs label:hover .tab { color:{color:text}; }

/* ---------------------------------------------- FOOTER */

#footer { background:{color:tabs}; padding:10px; position:absolute; margin-top:452px; border-top: 1px solid rgba({RGBcolor:borders},.5); position:fixed; width:680px; border-bottom-right-radius:{select:border radius}; border-bottom-left-radius:{select:border radius}; }

/* ---------------------------------------------- SEARCH BAR */

#search { width:200px; height:15px; padding:5px; color:{color:text}; border-radius:{select:border radius}; background:{color:posts}; border:1px solid rgba({RGBcolor:borders},.6); }

.search { outline:none; border:0; color:{color:text}; position:absolute; width:173px; margin-top:2px; margin-left:5px; }

.search::placeholder { color:{color:text}; }

.subm { outline:0; border:0; background:transparent; color:{color:text}; font-size:12px; margin-left:178px; position:absolute; transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; }

.subm:hover,.subm2:hover { {block:ifnottinycursor}cursor:pointer;{/block:ifnottinycursor}; {block:iftinycursor}cursor:url('https://static.tumblr.com/zq8teoi/Bowpglk3u/tumblr_inline_ol4nwisgdu1uxxza6_1280.png'), auto;{/block:iftinycursor} color:{color:accent}; }

/* ---------------------------------------------- CLOCK */

#time { color:{color:text}; position:absolute; margin-left:590px; margin-top:-18px; }

#time span { position:absolute; margin-left:-20px; vertical-align:middle; }

/* ---------------------------------------------- SIDEBAR */

#sidebar { padding:20px; background:{color:posts}; width:210px; border:1px solid {color:borders}; border-radius:{select:border radius}; line-height:18px; position:fixed; z-index:99999999999; margin-left:-270px; margin-top:100px; min-height:100px; {block:ifdropshadows} -webkit-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.1); -moz-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.1); box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.1); {block:ifdropshadows} }

#description::-webkit-scrollbar { border:7px solid {color:posts}; border-bottom-right-radius:{select:border radius}; border-top-right-radius:{select:border radius};

}

#description::-webkit-scrollbar-thumb { border:5px solid {color:posts}; border-bottom-right-radius:{select:border radius}; border-top-right-radius:{select:border radius}; }

#header { background:{color:accent} url('{image:sidebar header}'); {block:iffullsidebarheader}background-size:cover;{/block:iffullsidebarheader} border-top-right-radius:{select:border radius}; border-top-left-radius:{select:border radius}; width:250px; {block:ifsidebarheader} height:100px; {/block:ifsidebarheader} {block:ifnotsidebarheader} height:0px; {/block:ifnotsidebarheader} margin-top:-20px; margin-left:-20px; } {block:ifdraggablesidebar} #header:hover { cursor:move; } {/block:ifdraggablesidebar}

#portrait { width:60px; height:60px; {block:ifnotcircleavatar} border-radius:{select:border radius}; {/block:ifnotcircleavatar} {block:ifcircleavatar} border-radius: 100%; {/block:ifcircleavatar} margin:0 auto; {block:ifnotavatar} display:none; {/block:ifnotavatar} }

#portrait img { width:60px; height:60px; {block:ifnotcircleavatar} border-radius:{select:border radius}; {/block:ifnotcircleavatar} {block:ifcircleavatar} border-radius: 100%; {/block:ifcircleavatar} border:5px solid {color:posts}; background:{color:posts}; {block:ifnotsidebarheader} margin-top:-35px; {/block:ifnotsidebarheader} {block:ifsidebarheader} margin-top:60px; {/block:ifsidebarheader} }

#description { {block:ifsidebarheader} {block:ifavatar} margin-top:40px; {/block:ifavatar} {block:notifavatar} margin-top:0px; {/block:notifavatar} {/block:ifsidebarheader} {block:ifnotsidebarheader} {block:ifavatar} margin-top:45px; {/block:ifavatar} {block:notifavatar} margin-top:0px; {/block:notifavatar} {/block:ifnotsidebarheader} text-align:center; max-height:150px; margin-bottom:-20px; font-size:11px; line-height:22px; overflow:auto; margin-left:-20px; width:210px; padding:20px; {block:ifavatar} padding-top:0px; {/block:ifavatar} {block:ifnoavatar} padding-top:20px; {/block:ifnoavatar} }

#drag { font-size:18px; color:{color:Titles}; position:absolute; margin-left:225px; margin-top:5px; opacity:.5; transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; {block:ifnotdraggablesidebar} display:none; {/block:ifnotdraggablesidebar} {block:ifnotsidebarheader} display:none; {block:ifnotsidebarheader} }

{block:ifdraggablesidebar} #drag:hover { {block:ifnottinycursor}cursor:pointer;{/block:ifnottinycursor}; {block:iftinycursor}cursor:url('https://static.tumblr.com/zq8teoi/Bowpglk3u/tumblr_inline_ol4nwisgdu1uxxza6_1280.png'), auto;{/block:iftinycursor} } {/block:ifdraggablesidebar}

#sidebar:hover #drag { opacity:1; }

/* ---------------------------------------------- POST STYLING */

.tabs .tab { order: 99; width: 100%; margin-top:51px; height:406px; display: none; overflow-y:auto; overflow-x: hidden; background:{color:window}; background-attachment: fixed; }

{block:ifnotfooter} .tab { border-bottom-right-radius:{select:border radius}; border-bottom-left-radius:{select:border radius}; } {/block:ifnotfooter}

.post { padding:20px; background:{color:posts}; width:500px; margin-top:50px; margin-bottom:50px; border:1px solid rgba({RGBcolor:borders},.8); border-radius:{select:border radius}; line-height:18px; }

#post-wrap { width:540px; margin:0 auto; }

.post img { max-width:100%; border-radius:{select:border radius}; }

.media img:hover { cursor:zoom-in; }

.npf_row { width: 100%; margin: auto !important; }

.post figure { max-width:100%; }

figure img { max-width:100%; max-height:100%; }

.title { font-family:roboto; font-weight:300; text-align:center; font-size:15px; margin-bottom:20px; width:500px; margin-left:-20px; margin-top:-20px; letter-spacing:3px; background: {color:accent}; background: -moz-linear-gradient(left, {color:gradient 1} 0%, {color:gradient 2} 100%); background: -webkit-linear-gradient(left, {color:gradient 1} 0%,{color:gradient 2} 100%); background: linear-gradient(to right, {color:gradient 1} 0%,{color:gradient 2} 100%); color:{color:Titles}; padding:20px; text-transform:uppercase; }

h1 { width:100%; font-family:roboto; font-weight:300; text-align:center; font-size:15px; margin-bottom:20px; background: {color:accent}; letter-spacing:3px; background: -moz-linear-gradient(left, {color:gradient 1} 0%, {color:gradient 2} 100%); background: -webkit-linear-gradient(left, {color:gradient 1} 0%,{color:gradient 2} 100%); background: linear-gradient(to right, {color:gradient 1} 0%,{color:gradient 2} 100%); color:{color:Titles}; padding:20px; text-transform:uppercase; }

h1 a, .title a { color:{color:Titles}; }

h2 { text-align:center; font-family:roboto; letter-spacing:1px; margin-bottom:20px; font-weight:initial; }

/* ---------------------------------------------- CAPTIONS */

.tumblr_parent { width:500px; margin-left:0; margin-top:0; }

.caption { margin-bottom:-10px; }

.caption h1,.caption .title { max-width:90%; }

.tumblr_parent blockquote, blockquote { border-left:1px solid rgba({RGBcolor:accent},.5); padding-left:10px; }

.tumblr_avatar, .tumblr_avatar img { {block:ifnotcircleavatar} border-radius:{select:border radius}; {/block:ifnotcircleavatar} {block:ifcircleavatar} border-radius: 100%; {/block:ifcircleavatar} vertical-align:middle; margin-bottom:5px; width:25px; height:25px display:inline-block; }

.tumblr_blog,.label { background: {color:accent}; color:{color:Titles}; padding:6px 10px 5px 10px; font-size:10px; line-height:initial; border-radius: 2px; {block:ifuserportraits}margin-left:10px;{/block:ifuserportraits} letter-spacing:2px; text-transform:uppercase; display:inline-block; vertical-align:middle; margin-bottom:3px; }

.tumblr_blog:hover { color:{color:Titles}; }

/* ---------------------------------------------- POST INFO */

.info { border-bottom:1px solid rgba({RGBcolor:borders},.5); padding:10px; padding-right:15px; padding-bottom:10px; margin-left:-20px; margin-top:-20px; width:515px; font-size:10px; margin-bottom:20px; }

.info i { color:{color:text}; vertical-align:middle; transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; }

.info a { color:{color:text}; }

.info a:hover { color:{color:accent}; }

.info a:hover i { color:{color:accent}; }

.likee { position:relative; display:inline-block; overflow:hidden; float:right; {block:ifuserportraits} margin-top:5px; {block:ifuserportraits} {block:ifnotuserportraits} margin-top:4px; {block:ifnotuserportraits} color:{color:text}; font-size:13px; padding-left:2px; }

a.likee .liked + span { color:{color:accent}; }

.likee .like_button iframe { position:absolute; top:-5px; left:-2px; bottom:0; right:0; z-index:2; opacity:0; }

.likee:hover { {block:ifnottinycursor}cursor:pointer;{/block:ifnottinycursor}; {block:iftinycursor}cursor:url('https://static.tumblr.com/zq8teoi/Bowpglk3u/tumblr_inline_ol4nwisgdu1uxxza6_1280.png'), auto;{/block:iftinycursor} }

.reblogg { color:{color:text}; float:right; font-size:11px; {block:ifuserportraits} margin-top:4px; {block:ifuserportraits} {block:ifnotuserportraits} margin-top:3px; {block:ifnotuserportraits} margin-right:10px; }

.info img { {block:ifnotcircleavatar} border-radius:{select:border radius}; {/block:ifnotcircleavatar} {block:ifcircleavatar} border-radius: 100%; {/block:ifcircleavatar} width:25px; }

.info, .info img { display:inline-block; vertical-align:middle; }

.time-ago { text-transform: uppercase; letter-spacing:1px; margin-left:3px; display:inline-block; vertical-align:middle; {block:ifnotuserportraits} margin-top:4px; {/block:ifnotuserportraits} {block:ifuserportraits} margin-top:5px; {/block:ifuserportraits} margin-right:5px; }

.notecount { letter-spacing:1px; vertical-align:middle; display:inline-block; {block:ifnotuserportraits} margin-top:4px; {/block:ifnotuserportraits} {block:ifuserportraits} margin-top:5px; {/block:ifuserportraits} margin-left:3px; }

/* ---------------------------------------------- POST TAGS */

.tags { width:520px; padding:0px 10px 10px 10px; margin-top:-35px; margin-bottom:-35px; line-height:20px; }

.tags .th-push-pin-o { color:{color:accent}; vertical-align:middle; }

.tags span { padding-right:5px; display:inline-block; vertical-align:middle; }

.tags a { color:{color:text}; opacity:.6; }

.tags a:hover { opacity:1; }

/* ---------------------------------------------- LIGHTBOX */

.vignette, #vignette { opacity:0; }

.lightbox-image, #tumblr_lightbox img { box-shadow:none !important; border-radius: {select:border radius} !important; max-width:none; }

.tmblr-lightbox, #tumblr_lightbox { background-color:rgba({RGBcolor:Background},.95)!important; }

.lightbox-image, #tumblr_lightbox img { border:1px solid {color:borders};!important; border-radius: {select:border radius}!important; -moz-box-sizing:border-box; box-sizing:border-box; padding:15px!important; background:{color:posts}!important; }

.lightbox-caption, #tumblr_lightbox_caption { visibility:hidden; }

/* ---------------------------------------------- PHOTOSET POSTS */

[photoset-layout] { grid-gap: 10px; }

[photoset-layout] img { border-radius:{select:border radius}; }

[photoset-layout] img:hover { cursor:zoom-in; }

.media { padding:10px; padding-bottom:5px; border-radius:{select:border radius}; }

.media img { border-radius:{select:border radius}; }

/* ---------------------------------------------- VIDEO POSTS */

.videoWrapper { position: relative; padding-bottom: 56.25%; height: 0; border-radius:{select:border radius}; overflow: hidden; }

.videoWrapper iframe{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius:{select:border radius}; }

video { max-width:100%; height:auto!important; border-radius:{select:border radius}; }

.embed_iframe { max-width:100%; }

/* ---------------------------------------------- AUDIO POSTS */

.tumblr_audio_player { height:85px; width:100%; border-radius:{select:border radius}; }

.spotify_audio_player { height:80px!important; width:100%!important; } .bandcamp_audio_player { height:120px!important; width:100%!important; }

.soundcloud_audio_player { height:150px!important; width:100%!important; }

/* ---------------------------------------------- CHAT POSTS */

.label { margin-bottom:5px; }

/* ---------------------------------------------- ANSWER POSTS */

.askerr { background: {color:accent}; color:{color:Titles}; padding:6px 10px 5px 10px; line-height:initial; border-radius:{select:border radius}; letter-spacing:2px; text-transform:uppercase; display:inline-block; vertical-align:middle; }

.askerr a { color:{color:Titles}; }

.askerport { width:40px; height:40px; border-radius:{select:border radius}; display:inline-block; vertical-align:middle; }

.askerport img { {block:ifnotcircleavatar} border-radius:{select:border radius}; {/block:ifnotcircleavatar} {block:ifcircleavatar} border-radius: 100%; {/block:ifcircleavatar} }

.bubble { border: 1px solid rgba({RGBcolor:borders},.5); border-radius:{select:border radius}; padding:20px; padding-top:30px; }

.askercont { width:480px; margin-bottom:-20px; padding-left:10px; padding-right:10px; }

/* ---------------------------------------------- PAGINATION */

.pagination { text-transform:uppercase; letter-spacing:1px; text-align:center; }

/* ---------------------------------------------- PERMALINK PAGE */

#perma { margin:0 auto; }

#perma a { color:{color:accent}; }

#notebox { width:520px; max-height:200px; overflow:auto; text-align:left; margin-left:-20px; margin-bottom:-20px; padding:10px; margin-top:10px; border-top:1px solid {color:borders}; background:{color:posts}; color:{color:text}; font-family:muli,consolas; font-size:12px; text-transform:none; letter-spacing:0px; border-bottom-right-radius:{select:border radius}; border-bottom-left-radius:{select:border radius}; }

#notebox a { color:{color:text}; }

#notebox a:hover { color:{color:accent}; }

#notebox::-webkit-scrollbar,#aboutdesc::webkit-scrollbar { width: 15px; background:rgba(0,0,0,.1); border:7px solid {color:posts}; border-bottom-right-radius:{select:border radius}; }

#notebox::-webkit-scrollbar-thumb,#aboutdesc::webkit-scrollbar-thumb { background-color: {color:accent}; border:5px solid {color:posts}; border-bottom-right-radius:{select:border radius}; }

li.note.like::before { font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f004"; display:inline-block; vertical-align:middle; margin-right:15px; margin-left:5px; }

li.note.reblog::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f079"; display:inline-block; vertical-align:middle; margin-right:15px; margin-left:5px; }

li.note.reply::before { font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f075"; display:inline-block; vertical-align:middle; margin-right:15px; margin-left:5px; }

li.note.reblog.original_post::before { font-family: "Font Awesome 5 Free"; content: "\f304"; display:inline-block; vertical-align:middle; margin-right:15px; margin-left:5px; }

.more_notes_link { font-size:10px; letter-spacing:1px; padding:15px; text-align:center; text-transform:uppercase; }

#notebox ol { margin-top:0; margin-bottom:0; margin-left:-40px; }

#notebox ol li { list-style:none; padding:6px; }

#notebox img { display:none }

.permnav a { text-transform:uppercase; margin-top:20px; letter-spacing:1px; color:{color:text}; display:inline-block; margin-bottom:10px; }

.permnav { display:inline-block; color:{color:text}; letter-spacing:2px; font-size:10px; text-transform:uppercase; }

#permnav { position:relative; height:40px; }

#permnav a { color:{color:text}; }

.permatag { font-size:10px; line-height:18px; margin-top:5px; text-transform:none; color:{color:text}; letter-spacing:0px; }

.permatag a { color:{color:text}; }

/* ---------------------------------------------- NAVIGATION PAGE */

.tab h1 { width:660px; margin-top:0px; }

#links { width:700px; margin:0 auto; transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; }

.link { padding:20px; display:inline-block; width:275px; margin-top:19px; margin-left:20px; text-align:center; font-size:14px; font-weight:300; letter-spacing:2px; background:{color:posts}; border:1px solid rgba({RGBcolor:borders},1); border-radius:{select:border radius}; opacity:.4; transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; }

.tab:hover .link,.tab:hover .link2 { opacity:.7; }

#links a { color:{color:text}; transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; }

#links a:hover .link { transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; opacity:1; letter-spacing:3px; border:1px solid rgba({RGBcolor:accent},1); background:{color:accent}; color:{color:Titles}; {block:ifnottinycursor}cursor:pointer;{/block:ifnottinycursor}; {block:iftinycursor}cursor:url('https://static.tumblr.com/zq8teoi/Bowpglk3u/tumblr_inline_ol4nwisgdu1uxxza6_1280.png'), auto;{/block:iftinycursor} }

{select:custom links} {display:none;}

/* ---------------------------------------------- ABOUT PAGE */

#aboutcontainer { width:700px; }

#aboutpic { background: {color:accent}; background: -moz-linear-gradient(left, {color:gradient 1} 0%, {color:gradient 2} 100%); background: -webkit-linear-gradient(left, {color:gradient 1} 0%,{color:gradient 2} 100%); background: linear-gradient(to right, {color:gradient 1} 0%,{color:gradient 2} 100%); background-size:cover; width:130px; height:130px; {block:ifnotcircleavatar} border-radius:{select:border radius}; {/block:ifnotcircleavatar} {block:ifcircleavatar} border-radius: 100%; {/block:ifcircleavatar} margin-left:30px; padding:8px; display:inline-block; vertical-align:middle; margin-top:45px; }

.picc { {block:ifnotcircleavatar} border-radius:{select:border radius}; {/block:ifnotcircleavatar} {block:ifcircleavatar} border-radius: 100%; {/block:ifcircleavatar} width:130px; height:130px; position:absolute; transition:.8s; -webkit-transition:.8s; -moz-transition:.8s; -o-transition:.8s; background:transparent url('{image:About Page Portrait}'); background-size:cover; }

#abouticons { display:inline-block; vertical-align:middle; line-height:40px; margin-left:40px; margin-top:50px; }

#abouticons span { font-size:16px; padding:10px; color:{color:Titles}; border-radius:100%; background:{color:accent}; }

.aboute { color:{color:text}; display:inline-block; margin-left:20px; vertical-align:top; font-size:12px; letter-spacing:1px; padding-bottom:7px; height:30px; word-wrap:break-word; width:150px; }

#aboutdesc { padding-right:20px; overflow:auto; line-height:18px; height:162px; width:220px; position:absolute; margin-left:440px; margin-top:-168px; }

{CustomCSS} </style> </head> <body {block:ifblockrightclicking}oncontextmenu="return false"{/block:ifblockrightclicking}>

{block:iftinycursor}<div id="cc"></div>{/block:iftinycursor}

{block:ifsidebar} <div id="sidebar" class="draggable"> <div id="header"> {block:ifdraggablesidebar}<div id="drag"><span class="th th-zoom-directions" title="Click+Drag"></span></div>{/block:ifdraggablesidebar} <div id="portrait"><img src="{portraiturl-64}"></div> </div> <div id="description">{description}</div> </div> {/block:ifsidebar}

<div id="topbar"> <div id="favicon">{block:ifcustomfavicon}<img src="{image:custom favicon}">{/block:ifcustomfavicon}{block:ifnotcustomfavicon}<span class="th th-{select:favicon}">{/block:ifnotcustomfavicon}</span></div> <div id="title">{title} {block:SearchPage} — {lang:Search results for SearchQuery}{/block:SearchPage}{block:PermalinkPage} {block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</div>

<div id="controls"> {block:permalinkpage}{block:posts}{block:Date} <a><div class="controls controls-like">{LikeButton}<span class="th th-heart-1-o"></span></div></a> <a href="{ReblogURL}" title="Reblog"><div class="controls"><span class="th th-loading-arrows"></span></div></a> <a href="#" title="{lang:Share this}" onClick="MyWindow=window.open('/post/{postID}/embed','MyWindow','width=600,height=500,top=120,left=500'); return false;"><div class="controls"><span class="th th-upload-o"></span></div></a> {/block:Date}{/block:posts}{/block:permalinkpage} <a href="https://tumblr.com/message/{name}" target="_blank" title="Message"><div class="controls"><span class="th th-chat-bubble-o"></span></div></a> <a href="#" onClick="MyWindow=window.open('https://tumblr.com/follow/{name}','MyWindow','width=600,height=500,top=120,left=500'); return false;" title="{lang:Follow}"><div class="controls"><span class="th th-plus-1-o"></span></div></a> <a href="https://tumblr.com/dashboard" title="Dashboard"><div class="controls"><span class="th th-house-1-o"></span></div></a> </div> </div>

<div id="topbar2"> <div id="webicons"> {block:PreviousPage} <a href="{PreviousPage}" title="{lang:Previous page}"> {/block:PreviousPage} <div class="webicons"><span class="th th-left-direction"></span></div> </a> {block:NextPage} <a href="{NextPage}" title="{lang:Next page}"> {/block:NextPage} <div class="webicons" style="margin-left:5px;"><span class="th th-right-direction"></span></div></a> <a href="/" title="Refresh"><div class="webicon" style="margin-left:12px;"><span class="th th-reload-arrow"></span></div></a> <a href="https://tumblr.com/dashboard" title="Dashboard"><div class="webicon"><span class="th th-house-1-o"></span></div></a> </div> <div id="address"><span class="tum">Tumblr | </span><input type="text" placeholder="{BlogURL}" spellcheck="false"></input></div>

</div>

{block:iffooter} <div id="footer" {block:NoSearchResults}style="display:none"{/block:NoSearchResults}> <div id="search"> <form action="/search" method="get"> <input type="text" name="q" value="{SearchQuery}" class="search" autocomplete="off" spellcheck="false" placeholder="{lang:Search}..." style="font-family:muli;font-size:12px"/> <button type="submit" class="subm" title="Go"/><span class="th th-loupe-1-o"></span></button> </form> </div>

<div id="time"> <span class="th th-clock-o"></span> <form name="Tick"> <input type="text" name="Clock" style="outline:0;border:0;background:transparent;color:{color:text};letter-spacing:1px;font-family:muli;font-size:12px" readonly> </form> <script>  </script> </div> </div> {/block:iffooter}

<div class="tabs"> <input type="radio" name="tabs" id="tabone" checked="checked"> <label for="tabone" style="margin-left:5px;">{lang:Posts}</label> <div class="tab">

{block:searchpage} {block:SearchResults} <div class="post title" style="margin-top:20px;">{lang:Found SearchResultCount results for SearchQuery}</div> {/block:SearchResults} {block:NoSearchResults} <div class="post title" style="margin-top:20px;">{lang:No search results for SearchQuery}</div> {/block:NoSearchResults} {/block:searchpage}

{block:TagPage} <div class="post title" style="margin-top:20px;">{lang:Showing TagResultCount posts tagged Tag}</div> {/block:TagPage}

{block:Posts} {block:ContentSource} {/block:ContentSource} <div class="post">

{block:indexpage}{block:date} <div class="info"> {block:RebloggedFrom} {block:ifuserportraits}<a href="{ReblogParentURL}" title="{ReblogParentName}"><img src="{ReblogRootPortraitURL-30}"></a>{/block:ifuserportraits} {/block:RebloggedFrom} {block:NotReblog} {block:ifuserportraits}<a href="{Permalink}" title="{Name}"><img src="{PortraitURL-30}"></a>{/block:ifuserportraits} {/block:NotReblog} <a href="{permalink}" title="View Post" {block:ifuserportraits}style="margin-left:10px;"{/block:ifuserportraits}{block:ifnotuserportraits}style="margin-left:5px;"{/block:ifnotuserportraits}> <i class="far fa-clock"></i> <div class="time-ago"> {TimeStamp}</div> <i class="far fa-bookmark"></i> <span class="notecount">{notecount}</span></a>

<a class="likee">{LikeButton}<span class="far fa-heart"></span></a> <a href="{reblogurl}" title="Reblog" class="reblogg"><span class="fas fa-redo-alt"></i></a> </div> {/block:date}{/block:indexpage}

{block:Text} {block:Title} <div class="title">{Title}</div> {/block:Title} <div class="caption"> {block:NotReblog} {Body} {/block:NotReblog} {block:RebloggedFrom} <div class="tumblr_parent"> {block:Reblogs} <div class="reblog-header"> <a class="tumblr_avatar" href="{Permalink}" target="_blank" {block:ifnotuserportraits}style="display:none"{/block:ifnotuserportraits}><img src="{PortraitURL-64}"></a> <a target="_blank" href="{Permalink}" class="tumblr_blog">{Username}</a> </div> <div class="reblog-content"> {Body} </div> {/block:Reblogs} </div> {/block:RebloggedFrom} </div> {/block:Text}

{block:Link} <div class="title"><a href="{URL}">{Name}</a></div> <div class="caption"> {block:NotReblog} {Description} {/block:NotReblog} {block:RebloggedFrom} <div class="tumblr_parent"> {block:Reblogs} <div class="reblog-header"> <a class="tumblr_avatar" href="{Permalink}" target="_blank" {block:ifnotuserportraits}style="display:none"{/block:ifnotuserportraits}><img src="{PortraitURL-64}"></a> <a target="_blank" href="{Permalink}" class="tumblr_blog">{Username}</a> </div> <div class="reblog-content"> {Body} </div> {/block:Reblogs} </div> {/block:RebloggedFrom} </div> {/block:Link}

{block:Answer} <div class="askercont"> <div class="askerport"><img src="{AskerPortraitURL-128}"></div> <div class="askerr" style="margin-left:5px;">{Asker}</div></div> <div class="bubble">{Question}</div> <div class="askercont" style="text-align:right;margin-top:10px;"> {block:Answerer} <div class="askerr" style="margin-right:5px;">{Answerer}</div> {/block:Answerer} {block:Answerer} <div class="askerport"><img src="{AnswererPortraitURL-128}"></div> {/block:Answerer} {block:NotReblog} <div class="askerr" style="margin-right:5px;">{Name}</div> {/block:NotReblog} {block:NotReblog} <div class="askerport"><img src="{PortraitURL-128}"></div> {/block:NotReblog} </div> <div class="bubble" style="padding-bottom:10px;padding-top:20px;">{Answer}</div> {block:Answerer}<br>{Replies}{/block:Answerer} {/block:Answer}

{block:Quote} <div class="title">"{Quote}"</div> {block:Source} <div class="caption">{Source}</div> {/block:Source} {/block:Quote}

{block:Chat} {block:Title} <div class="title">{Title}</div> {/block:Title} {block:Lines} <div class="chatt"> {block:Label} <span class="label">{Label}</span>{/block:Label} {Line} </div> {/block:Lines} {/block:Chat}

{block:Photo} <div class="media"><a href="#" title="{lang:Zoom}" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"> <img src="{PhotoURL-HighRes}"> </a></div> {block:ifshowcaptions} <div class="caption" style="margin-top:10px;"> {block:NotReblog} {Caption} {/block:NotReblog} {block:RebloggedFrom} <div class="tumblr_parent"> {block:Reblogs} <div class="reblog-header"> <a class="tumblr_avatar" href="{Permalink}" target="_blank" {block:ifnotuserportraits}style="display:none"{/block:ifnotuserportraits}><img src="{PortraitURL-64}"></a> <a target="_blank" href="{Permalink}" class="tumblr_blog">{Username}</a> </div> <div class="reblog-content"> {Body} </div> {/block:Reblogs} </div> {/block:RebloggedFrom} </div>{/block:ifshowcaptions} {/block:Photo}

{block:Photoset} <div class="photoset-grid" photoset-layout="{PhotosetLayout}" title="{lang:Zoom}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div> {block:ifshowcaptions} {block:Caption} <div class="caption" style="margin-top:10px;"> <div class="caption-body"> {block:NotReblog} {Caption} {/block:NotReblog} {block:RebloggedFrom} <div class="tumblr_parent"> {block:Reblogs} <div class="reblog-header"> <a class="tumblr_avatar {select:avatar shape}" href="{Permalink}" target="_blank"><img src="{PortraitURL-64}"></a> <a target="_blank" href="{Permalink}" class="tumblr_blog">{Username}</a> </div> <div class="reblog-content"> {Body} </div> {/block:Reblogs} </div> {/block:RebloggedFrom} </div></div> {/block:Caption} {/block:ifshowcaptions} {/block:Photoset}

{block:Video} <div class="media"><div class="videoWrapper">{VideoEmbed-500}</div></div> {block:ifshowcaptions}<div class="caption" style="margin-top:20px;"> {block:NotReblog} {Caption} {/block:NotReblog} {block:RebloggedFrom} <div class="tumblr_parent"> {block:Reblogs} <div class="reblog-header"> <a class="tumblr_avatar" href="{Permalink}" target="_blank" {block:ifnotuserportraits}style="display:none"{/block:ifnotuserportraits}><img src="{PortraitURL-64}"></a> <a target="_blank" href="{Permalink}" class="tumblr_blog">{Username}</a> </div> <div class="reblog-content"> {Body} </div> {/block:Reblogs} </div> {/block:RebloggedFrom} </div>{/block:ifshowcaptions} {/block:Video}

{block:Audio} <div class="media"> <div class="audioContainer"> {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed} </div> </div>{block:ifshowcaptions} <div class="caption" style="margin-top:15px;"> {block:NotReblog} {Caption} {/block:NotReblog} {block:RebloggedFrom} <div class="tumblr_parent"> {block:Reblogs} <div class="reblog-header"> <a class="tumblr_avatar" href="{Permalink}" target="_blank" {block:ifnotuserportraits}style="display:none"{/block:ifnotuserportraits}><img src="{PortraitURL-64}"></a> <a target="_blank" href="{Permalink}" class="tumblr_blog">{Username}</a> </div> <div class="reblog-content"> {Body} </div> {/block:Reblogs} </div> {/block:RebloggedFrom} </div>{/block:ifshowcaptions} {/block:Audio}

</div>

{block:date}{block:permalinkpage} <div id="perma" class="post title" style="font-size:10px;letter-spacing:2px;text-align:left;font-family:muli;background:{color:posts};color:{color:text};margin-top:-20px;"> {block:RebloggedFrom} {lang:PostTypeNoun reblogged from ReblogParentName with NoteCount notes 2} — <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{lang:Source}</a> {/block:RebloggedFrom} {block:NotReblog}{lang:Posted TimeAgo with NoteCount notes}{/block:NotReblog} <br>{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} — {12Hour}:{Minutes}{CapitalAmPm} {block:HasTags} <div class="permatag"><span class="th th-push-pin-o" style="padding-right:5px;vertical-align:middle;"></span> {block:Tags}<a href="{TagURL}" title="{lang:Posts} {lang:Tagged with} #{tag}"> #{Tag} </a>{/block:Tags} </div>{/block:HasTags} {block:PermalinkPagination} <div id="permnav"> {block:NextPost}<div class="permnav" style="float:left"><a href="{NextPost}" title="{lang:Newer posts}"><span class="th th-left-direction" style="padding-right:10px;"></span> {lang:Newer}</a></div>{/block:NextPost} {block:PreviousPost}<div class="permnav" style="float:right"><a href="{PreviousPost}" title="{lang:Older posts}">{lang:Older} <span class="th th-right-direction" style="padding-left:10px;"></span></a></div>{/block:PreviousPost} </div> {/block:PermalinkPagination} {block:PostNotes} <div id="notebox"> {PostNotes} </div> {/block:PostNotes} </div><br><br><br><br> {block:permalinkpage}{/block:date}

{block:ifshowtags} {block:indexpage} {block:HasTags} <div class="tags"> <span class="th th-push-pin-o" style="vertical-align:middle;"></span> {block:Tags} <a href="{TagURL}" title="All Posts Tagged #{Tag}">#{Tag}</a> {/block:Tags} </div> {/block:HasTags} {/block:indexpage} {/block:ifshowtags}

{/block:Posts}

{block:indexpage}{block:Pagination} <div class="post pagination"> {block:PreviousPage}<a href="{PreviousPage}" style="padding-right:5px;" title="{lang:Previous page}"><span class="th th-left-direction"></span></a>{/block:PreviousPage} {lang:Page CurrentPage of TotalPages} {block:NextPage}<a href="{NextPage}" style="padding-left:5px;" title="{lang:Next page}"><span class="th th-right-direction"></span></a>{/block:NextPage} <div style="color:rgba({RGBcolor:text},.6);"><a href="https://vulcankind.tumblr.com" title="THEME CREDIT">Theme by VK</a> | {copyrightyears} | {lang:Powered by Tumblr 2}</div> </div> {/block:Pagination}{/block:indexpage} </div> </div></div>

<input type="radio" name="tabs" id="tabtwo"> <label for="tabtwo">{lang:Navigate}</label> <div class="tab"> <div id="links"> <a href="/"><div class="link">{lang:home}</div></a> {block:AskEnabled}<a href="/ask"><div class="link">Ask</div></a>{/block:AskEnabled} {block:SubmissionsEnabled} <a href="/submit"><div class="link">Submit</div></a>{/block:SubmissionsEnabled} <a href="/archive"><div class="link">{lang:archive}</div></a> <a href="{text:Link 1 URL}"><div class="link link1">{text:Link 1 Title}</div></a> <a href="{text:Link 2 URL}"><div class="link link2">{text:Link 2 Title}</div></a> <a href="{text:Link 3 URL}"><div class="link link3">{text:Link 3 Title}</div></a> <a href="{text:Link 4 URL}"><div class="link link4">{text:Link 4 Title}</div></a> <a href="{text:Link 5 URL}"><div class="link link5">{text:Link 5 Title}</div></a> <a href="{text:Link 6 URL}"><div class="link link6">{text:Link 6 Title}</div></a> </div> </div>

{block:ifaboutpage} <input type="radio" name="tabs" id="tabthree"> <label for="tabthree">{lang:About}</label> <div class="tab"> <div id="aboutcontainer"> <div id="aboutpic"><div class="picc"></div></div> <div id="abouticons"> <span class="th th-user-8-o"></span><div class="aboute">{text:User Icon}</div><br> <span class="th th-calendar-1-o"></span><div class="aboute">{text:Birthday Icon}</div><br> <span class="th th-placeholder-4-o"></span><div class="aboute">{text:Location Icon}</div><br> <span class="th th-{select:profile zodiac}"></span><div class="aboute">{text:Zodiac Icon}</div> </div> <div id="aboutdesc">{text:about Description}</div> </div> </div> {/block:ifaboutpage}

{block:AskEnabled} <input type="radio" name="tabs" id="tabsix"> <label for="tabsix">Inbox</label> <div class="tab"> <div style="margin: 0 auto;width:540px;"> <div class="post"> <div class="title" style="border-top-left-radius:{select:border radius};border-top-right-radius:{select:border radius};">{asklabel}</div> {text:ask box text}<br><br> <iframe frameborder="0" scrolling="no" width="100%" height="190" src="https://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe></div> </div></div> {/block:AskEnabled}

</div></div>

3 notes · View notes