Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <!---------------------------------------------------------------------------
- ,,
- ,GG,
- GIIG
- Gl''lG
- ;G' 'G;
- GP YG
- oQ' 'Qo -Sʜᴇɪᴋᴀʜ ᴛʜᴇᴍᴇ ʙʏ
- *TGGGGGGGGGGGGQQQ, ,QQQGGGGGGGGGGGGP* ɴʏᴄᴛᴏᴛʜᴇᴍᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ
- *TGo, '* *' ,oGP*
- *TGo, ɴʏᴄᴛ□ᴛʜᴇᴍᴇs ,oGP* -ᴘʟᴇᴀsᴇ ʀᴇғᴇʀ ᴛᴏ ᴏʀɪɢɪɴᴀʟ
- *TGio,, ,,oiGP* ᴘᴏsᴛ ʟɪɴᴋ ғᴏʀ ʀᴜʟᴇs ᴀɴᴅ ᴍɪsᴄ
- ;GGT' 'TGG:
- GG' ii 'GG -ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴀɴʏ ᴏғ ᴛʜᴇ
- GG' ,GG, 'GG ᴄᴏᴅᴇ ᴄʀᴇᴅɪᴛ ᴏʀ ᴍᴏᴠᴇ ɪᴛ ᴛᴏ
- GG* oGGGGo. *GG ᴀ ᴘᴀɢᴇ.
- oG* oGG* *GGo. *Go
- ;GG;oGG* *GGo;GG;
- ,GGGT* *TGGG,
- ""' '""
- ---------------------------------------------------------------------------->
- <!-- hover title 2/2 -->
- <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
- <head>
- <!-- website necessities -->
- {block:Ifcustomfavicon}<link rel="shortcut icon" href="{image:favicon}"/>{/block:Ifcustomfavicon}
- {block:IfNotcustomfavicon}<link rel="shortcut icon" href="{favicon}"/>{/block:IfNotcustomfavicon}
- <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
- <title>{Title}</title>
- {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
- <!-------------------------------- IMAGES ---------------------------------->
- <meta name="image:Default Audio Pic" content="http://static.tumblr.com/u5vz4xb/ARio99fgm/image02.png"/>
- <meta name="image:Background" content="http://static.tumblr.com/u5vz4xb/ARio99fgm/image02.png"/>
- <meta name="image:Custom Cursor" content="http://static.tumblr.com/u5vz4xb/1fZo99aws/force_cursor.png"/>
- <meta name="image:Custom Cursor Links" content="http://static.tumblr.com/u5vz4xb/1fZo99aws/force_cursor.png"/>
- <meta name="image:Favicon" content="http://static.tumblr.com/u5vz4xb/Wh7o99ax2/favicon.png"/>
- <!-------------------------------- COLORS ---------------------------------->
- <!-- Full Body -->
- <meta name="color:Background" content="#ededed"/>
- <meta name="color:Scroll BG" content="#ededed"/>
- <meta name="color:Scroll Thumb" content="#de8a92"/>
- <!-- Sidebar -->
- <meta name="color:Link BG" content="#de8a92"/>
- <meta name="color:Link Rings 1" content="#a0555f"/>
- <meta name="color:Link BG Hover" content="#f0d59e"/>
- <meta name="color:Link Rings 1 Hover" content="#a0555f"/>
- <meta name="color:Link Rings 2" content="#de8a92"/>
- <meta name="color:Link Connecting Lines" content="#cccccc"/>
- <meta name="color:Eye Shape" content="#de8a92"/>
- <meta name="color:Eye Triangles" content="#de8a92"/>
- <meta name="color:Eye Tear" content="#de8a92"/>
- <meta name="color:Eye Iris" content="#f0d59e"/>
- <meta name="color:Eye Iris Ring" content="#a0555f"/>
- <meta name="color:Description Text" content="#b8b8b8"/>
- <meta name="color:Description Links" content="#e4b68a"/>
- <meta name="color:Description Links Hover" content="#f0d59e"/>
- <!-- Posts -->
- <meta name="color:Posts BG" content="#f1f1f1"/>
- <meta name="color:Posts 2nd BG" content="#e4e4e4"/>
- <meta name="color:Posts Title" content="#e5acb2"/>
- <meta name="color:Posts Text" content="#aaaaaa"/>
- <meta name="color:Posts Bold" content="#b39696"/>
- <meta name="color:Posts Italic" content="#aaaaaa"/>
- <meta name="color:Posts Code" content="#aaaaaa"/>
- <meta name="color:Posts Code BG" content="#dadada"/>
- <meta name="color:Posts Links" content="#f0d59e"/>
- <meta name="color:Posts Links Hover" content="#e4b68a"/>
- <meta name="color:Posts Blockquote" content="#de8a92"/>
- <meta name="color:Audio Player" content="#a2a2a2"/>
- <!-- Post Endings -->
- <meta name="color:Postending Text" content="#a0555f"/>
- <meta name="color:Postending BG" content="#de8a92"/>
- <meta name="color:Postending Links" content="#e4b68a"/>
- <meta name="color:Postending Links Hover" content="#f0d59e"/>
- <!-- Permalink -->
- <meta name="color:Permalink Text" content="#e4b68a"/>
- <meta name="color:Permalink Links" content="#b8b8b8"/>
- <meta name="color:Permalink Links Hover" content="#f0d59e"/>
- <meta name="color:Permalink Blockquote" content="#e4e4e4"/>
- <meta name="color:Permalink Scroll Thumb" content="#de8a92"/>
- <!-- Misc. -->
- <meta name="color:Link Hover Title BG" content="#ffffff"/>
- <meta name="color:Link Hover Title Text" content="#b8b8b8"/>
- <meta name="color:Selection BG" content="#de8a92"/>
- <meta name="color:Selection Text" content="#f7f7f7"/>
- <meta name="color:Selection Links" content="#f7f7f7"/>
- <!------------------------------- OPTIONS ---------------------------------->
- <meta name="if:Hover for Link Connectors" content="0"/>
- <meta name="if:Hover for Sheikah Eye" content="0"/>
- <meta name="if:Hover for Description" content="0"/>
- <meta name="if:Description Text Centered" content="1"/>
- <meta name="if:Monochrome Photos" content="1"/>
- <meta name="if:Fade Photos" content="1"/>
- <meta name="if:2nd Chat Post Format" content="1"/>
- <meta name="if:Postending Circles for Indexpage" content="0"/>
- <meta name="if:Custom Cursor" content="1"/>
- <meta name="if:Custom Favicon" content="1"/>
- <meta name="if:Dark Audio Player" content="0"/>
- <meta name="if:Credit on the Right" content="1"/>
- <!-------------------------------- TEXTS ----------------------------------->
- <meta name="text:Link 1 URL" content="/" />
- <meta name="text:Link 1 Hover" content="Link 1" />
- <meta name="text:Link 2 URL" content="/" />
- <meta name="text:Link 2 Hover" content="Link 2" />
- <meta name="text:Link 3 URL" content="/" />
- <meta name="text:Link 3 Hover" content="Link 3" />
- <meta name="text:Link 4 URL" content="/" />
- <meta name="text:Link 4 Hover" content="Link 4" />
- <meta name="text:Ask Verb" content="wondered" />
- <!-- symbol font (like the credit) -->
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
- <!-- custom font 1/3 -->
- <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Cinzel|Cinzel+Decorative' rel='stylesheet' type='text/css'>
- </head>
- <!-- custom font 2/3 -->
- <script type="text/javascript">
- WebFontConfig = {
- google: { families: [ 'Montserrat:400,700:latin', 'Cinzel::latin', 'Cinzel+Decorative::latin' ] }
- };
- (function() {
- var wf = document.createElement('script');
- wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
- wf.type = 'text/javascript';
- wf.async = 'true';
- var s = document.getElementsByTagName('script')[0];
- s.parentNode.insertBefore(wf, s);
- })(); </script>
- <style type="text/css">
- /* custom font 3/3 */
- @import url(https://fonts.googleapis.com/css?family=Montserrat:400,700|Cinzel|Cinzel+Decorative);
- /* ------------------------------ DECORATION ---------------------------- */
- /* body */
- body {
- color:{color:Posts Text};
- background:{color:background} url('{image:background}') fixed;
- font: normal normal normal 11px/17px 'Montserrat', sans-serif;
- text-align:justify;}
- /* ------------------------ CREDIT; DON'T REMOVE ------------------------- */
- #credit {
- z-index:99999; position:fixed;
- bottom:10px;
- {block:IfNotCreditOnTheRight}left:10px;{/block:IfNotCreditOnTheRight}
- {block:IfCreditOnTheRight}right:10px;{/block:IfCreditOnTheRight}
- position:fixed; z-index:1;
- background:{color:Link BG};
- border-radius:50%;
- margin: 4px 0px 0px -272px; padding:8px;
- box-shadow:0px 0px 0px 2.5px {color:Link Rings 2}, 0px 0px 0px 4px {color:Link Rings 1}, 0px 0px 0px -1px {color:Link Rings 2} inset;
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- transition: all 0.3s linear;}
- #credit:hover {
- background:{color:Link BG Hover};
- box-shadow:0px 0px 0px 5px {color:Link Rings 2}, 0px 0px 0px 7px {color:Link Rings 1 Hover}, 0px 0px 0px 1px {color:Link Rings 2} inset !important;}
- /* ------------------------------ MINOR STUFF ---------------------------- */
- /* hover text */
- #s-m-t-tooltip {
- z-index: 99999; display: block;
- margin-left: 15px; margin-top: 5px;
- max-width:150px;
- padding: 3px 5px 4px 6px;
- font-size:9px;
- color: {color:Link Hover Title Text};
- text-transform:uppercase;
- letter-spacing:1px;
- text-align:center;
- background: {color:Link Hover Title BG};}
- /* scrollbar */
- ::-webkit-scrollbar {
- height:14px; width:14px;
- background: {color:Scroll BG};}
- ::-webkit-scrollbar-thumb {
- background: {color:Scroll Thumb};
- border:4px solid {color:Scroll BG};}
- /* drag n' click selection */
- ::selection {
- background: {color:Selection BG};
- color: {color:Selection Text};}
- ::-moz-selection {
- background: {color:Selection BG};
- color: {color:Selection Text};}
- a::selection {
- background: {color:Selection BG};
- color: {color:Selection Links};}
- a::-moz-selection {
- background: {color:Selection BG};
- color: {color:Selection Links};}
- /* ----------------------------- FONT STUFF ------------------------------ */
- /* main font decorations */
- .posts p:last-child {
- margin-bottom:0px;}
- .posts p:first-child {
- margin-top:0px;}
- b, strong {color:{color:Posts Bold};}
- i, em {color:{color:Posts Italic};}
- /* links */
- a:link, a:active, a:visited{
- text-decoration:none;
- color:{color:Posts Links};
- -webkit-transition: all 0.35s linear;
- -moz-transition: all 0.35s linear;
- transition: all 0.35s linear;}
- a:hover {
- color:{color:Posts Links Hover};}
- a i, i a, a em, em a, a b, b a, a strong, strong a {
- color:{color:Posts Links} !important;
- -webkit-transition: all 0.35s linear;
- -moz-transition: all 0.35s linear;
- transition: all 0.35s linear;}
- a i:hover, i a:hover, a em:hover, em a:hover, a b:hover, b a:hover, a strong:hover, strong a:hover {
- color:{color:Posts Links Hover} !important;}
- pre {
- padding: 6px 9px;
- color:{color:Posts Code};
- font-size:10px; max-width:100%;
- font-family:consolas;
- text-align:left;
- background:{color:Posts Code BG};
- border-left: 7px solid {color:posts blockquote};
- white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
- word-wrap: break-word;}
- code {
- color:{color:Posts Code};
- font-size:10px;
- font-family:consolas;
- background:{color:Posts Code BG};
- padding:1px 2px;}
- sup, sub, small {font-size:9px;}
- /* text and link post titles */
- h1 {font: normal normal 400 20px/20px Cinzel Decorative;
- color:{color:Posts Title};
- text-align:center; text-transform:capitalize;
- letter-spacing:2px;}
- /* quote and ask post titles */
- h2 {font: normal normal 400 18px/18px Cinzel;
- color:{color:Posts Bold};
- text-align:center; text-transform:lowercase;
- letter-spacing:0.5px;}
- h1 small, h2 small, small h2, small h1 {
- font-family:Cinzel !important;
- font-size:13px !important; line-height:13px !important;
- letter-spacing:0.5px !important;}
- h2 sup, h2 sub {
- font-family:Cinzel !important;
- font-size:11px !important; line-height:11px !important;
- letter-spacing:0.5px !important;}
- h2 b, h2 strong {text-shadow:0px 0px 0px {color:Posts Bold}, 1px 0px 0px {color:Posts Bold};}
- /* -------------------------------- SIDEBAR ------------------------------ */
- /* WHOLE side */
- #side {
- position:fixed;
- left:50%; margin-left:-507px;
- top:50%; margin-top:-195px;
- height:272px; width:274px;
- border-radius:50%;}
- /* horizontal middle lines */
- #side .horizontal {
- position:fixed; z-index:-2;
- height:2px; width:21px;
- top:50%; margin-top:-59px;
- left:50%;}
- #side .horizontal#left {
- margin-left:-465px;
- {block:IfHoverforLinkConnectors}
- box-shadow:0px 0px 0px 0px {color:Link Connecting Lines} inset;
- {/block:IfHoverforLinkConnectors}
- {block:IfNotHoverforLinkConnectors}
- box-shadow:-21px 0px 0px 0px {color:Link Connecting Lines} inset;
- {/block:IfNotHoverforLinkConnectors}
- -webkit-transition: all 0.2s ease-in;
- -moz-transition: all 0.2s ease-in;
- transition: all 0.2s ease-in;
- -webkit-transition-delay: .6s;
- -moz-transition-delay: .6s;
- transition-delay: .6s;}
- #side:hover .horizontal#left {
- box-shadow:-21px 0px 0px 0px {color:Link Connecting Lines} inset;
- -webkit-transition-delay: .0s;
- -moz-transition-delay: .0s;
- transition-delay: .0s;}
- #side .horizontal#right {
- margin-left:-297px;
- {block:IfHoverforLinkConnectors}
- box-shadow:0px 0px 0px 0px {color:Link Connecting Lines} inset;
- {/block:IfHoverforLinkConnectors}
- {block:IfNotHoverforLinkConnectors}
- box-shadow:21px 0px 0px 0px {color:Link Connecting Lines} inset;
- {/block:IfNotHoverforLinkConnectors}
- -webkit-transition: all 0.2s ease-in;
- -moz-transition: all 0.2s ease-in;
- transition: all 0.2s ease-in;
- -webkit-transition-delay: .6s;
- -moz-transition-delay: .6s;
- transition-delay: .6s;}
- #side:hover .horizontal#right {
- box-shadow:21px 0px 0px 0px {color:Link Connecting Lines} inset;
- -webkit-transition-delay: .0s;
- -moz-transition-delay: .0s;
- transition-delay: .0s;}
- /* circular outline */
- #side #outline {
- position:fixed; z-index:-2;
- left:50%; margin-left:-477px;
- top:50%; margin-top:-164px;
- height:212px; width:214px;
- {block:IfHoverforLinkConnectors}
- box-shadow:0px 0px 0px 0px {color:Link Connecting Lines};
- {/block:IfHoverforLinkConnectors}
- {block:IfNotHoverforLinkConnectors}
- box-shadow:0px 0px 0px 2px {color:Link Connecting Lines};
- {/block:IfNotHoverforLinkConnectors}
- border-radius:50%;
- -webkit-transition: all 0.2s ease-in;
- -moz-transition: all 0.2s ease-in;
- transition: all 0.2s ease-in;
- -webkit-transition-delay: .4s;
- -moz-transition-delay: .4s;
- transition-delay: .4s;}
- #side:hover #outline {
- box-shadow:0px 0px 0px 2px {color:Link Connecting Lines};
- -webkit-transition-delay: .2s;
- -moz-transition-delay: .2s;
- transition-delay: .2s;}
- /* lines that aren't perpendicular */
- #side .rotated {
- position:fixed; z-index:0;
- top:50%; left:50%; width:2px;
- {block:IfHoverforLinkConnectors}
- box-shadow:0px 0px 0px 0px {color:Link Connecting Lines} inset;
- {/block:IfHoverforLinkConnectors}
- {block:IfNotHoverforLinkConnectors}
- box-shadow:0px -31px 0px 0px {color:Link Connecting Lines} inset;
- {/block:IfNotHoverforLinkConnectors}
- transform-origin: 50% 0%;
- -webkit-transform-origin: 50% 0%;
- -moz-transform-origin: 50% 0%;
- -webkit-transition: all 0.2s ease-in;
- -moz-transition: all 0.2s ease-in;
- transition: all 0.2s ease-in;
- -webkit-transition-delay: .2s;
- -moz-transition-delay: .2s;
- transition-delay: .2s;}
- #side:hover .rotated {
- box-shadow:0px -31px 0px 0px {color:Link Connecting Lines} inset;
- -webkit-transition-delay: .4s;
- -moz-transition-delay: .4s;
- transition-delay: .4s;}
- #side .rotated#one {
- margin-left:-447px; margin-top:-27px;
- height:26px;
- transform: rotate(65deg);
- -webkit-transform: rotate(65deg);
- -moz-transform: rotate(65deg);}
- #side .rotated#two {
- margin-left:-428px; margin-top:-1px;
- height:14px;
- transform: rotate(45deg);
- -webkit-transform: rotate(45deg);
- -moz-transform: rotate(45deg);}
- #side .rotated#three {
- margin-left:-400px; margin-top:13px;
- height:21px;
- transform: rotate(25deg);
- -webkit-transform: rotate(25deg);
- -moz-transform: rotate(25deg);}
- #side .rotated#four {
- margin-left:-341px; margin-top:13px;
- height:31px;
- transform: rotate(-22deg);
- -webkit-transform: rotate(-22deg);
- -moz-transform: rotate(-22deg);}
- /* inner curve */
- #side #incurve {
- position:fixed; z-index:-2;
- top:50%; left:50%;
- margin:-52px 0px 0px -450px;
- width:160px; height:70px;
- border-radius:0px 0px 50% 50%/0px 0px 100% 100%;
- {block:IfHoverforLinkConnectors}
- box-shadow:0px 0px 0px 0px {color:Link Connecting Lines}, 0px 0px 0px 0px {color:Link Connecting Lines}, 0px 0px 0px 0px {color:Link Connecting Lines};
- {/block:IfHoverforLinkConnectors}
- {block:IfNotHoverforLinkConnectors}
- box-shadow:0px 2px 0px 0px {color:Link Connecting Lines}, 2px 0px 0px 0px {color:Link Connecting Lines}, -2px 0px 0px 0px {color:Link Connecting Lines};
- {/block:IfNotHoverforLinkConnectors}
- -webkit-transition: all 0.2s ease-in;
- -moz-transition: all 0.2s ease-in;
- transition: all 0.2s ease-in;
- -webkit-transition-delay: .0s;
- -moz-transition-delay: .0s;
- transition-delay: .0s;}
- #side:hover #incurve {
- box-shadow:0px 2px 0px 0px {color:Link Connecting Lines}, 2px 0px 0px 0px {color:Link Connecting Lines}, -2px 0px 0px 0px {color:Link Connecting Lines};
- -webkit-transition-delay: .6s;
- -moz-transition-delay: .6s;
- transition-delay: .6s;}
- /* "disconnects" the connecting lines */
- #side .disconnect {
- position:fixed; z-index:-1;
- top:50%; left:50%;
- background:{color:background} url('{image:background}') fixed;}
- #side .disconnect#top {
- margin-left:-402px; margin-top:-166px;
- height:7px; width:64px;}
- #side .disconnect#top-left {
- border-radius:0px 0px 0px 100%;
- margin-left:-431px; margin-top:-154px;
- height:9px; width:11px;}
- #side .disconnect#left {
- margin-left:-479px; margin-top:-47px;
- height:10px; width:5px;}
- #side .disconnect#bottom-left {
- border-radius:5px 100% 0px 0px;
- margin-left:-471px; margin-top:-17px;
- height:55px; width:51px;}
- #side .disconnect#bottom {
- margin-left:-402px; margin-top:39px;
- height:11px; width:74px;}
- #side .disconnect#right {
- margin-left:-266px; margin-top:-80px;
- height:10px; width:5px;}
- #side .disconnect#inner-left {
- margin-left:-452px; margin-top:-52px;
- height:25px; width:10px;}
- #side .disconnect#inner-right {
- margin-left:-309px; margin-top:-52px;
- height:46px; width:21px;}
- #side .disconnect#inner-bottom {
- margin-left:-399px; margin-top:10px;
- height:11px; width:58px;}
- /* ALL sidebar links */
- #circles a {
- position:fixed; z-index:1;
- background:{color:Link BG};
- border-radius:50%;
- box-shadow:0px 0px 0px 2px {color:Link Rings 2}, 0px 0px 0px 4px {color:Link Rings 1}, 0px 0px 0px -1px {color:Link Rings 2} inset;
- left:50%; top:50%;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;}
- #circles a:hover {
- background:{color:Link BG Hover};
- box-shadow:0px 0px 0px 5px {color:Link Rings 2}, 0px 0px 0px 7px {color:Link Rings 1 Hover}, 0px 0px 0px 1px {color:Link Rings 2} inset !important;
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;}
- /* INDIVIDUAL sidebar links */
- #circles a:nth-of-type(1) {
- margin: -164px 0px 0px -419px; padding:7px;
- box-shadow:0px 0px 0px 2px {color:Link Rings 2}, 0px 0px 0px 3.5px {color:Link Rings 1}, 0px 0px 0px -1px {color:Link Rings 2} inset;}
- #circles a:nth-of-type(2) {
- margin: -163px 0px 0px -335px; padding:6px;
- box-shadow:0px 0px 0px 2px {color:Link Rings 2}, 0px 0px 0px 3.5px {color:Link Rings 1}, 0px 0px 0px -1px {color:Link Rings 2} inset;}
- #circles a:nth-of-type(3) {
- margin: -66px 0px 0px -272px; padding:8px;
- box-shadow:0px 0px 0px 2.5px {color:Link Rings 2}, 0px 0px 0px 4px {color:Link Rings 1}, 0px 0px 0px -1px {color:Link Rings 2} inset;}
- #circles a:nth-of-type(4) {
- margin: -7px 0px 0px -321px; padding:5.5px;
- box-shadow:0px 0px 0px 2px {color:Link Rings 2}, 0px 0px 0px 3.5px {color:Link Rings 1}, 0px 0px 0px -1px {color:Link Rings 2} inset;}
- #circles a:nth-of-type(5) {
- margin: 35px 0px 0px -419px; padding:7px;
- box-shadow:0px 0px 0px 2px {color:Link Rings 2}, 0px 0px 0px 3.5px {color:Link Rings 1}, 0px 0px 0px -1px {color:Link Rings 2} inset;}
- #circles a:nth-of-type(6) {
- margin: 14px 0px 0px -451px; padding:4.5px;
- box-shadow:0px 0px 0px 1.5px {color:Link Rings 2}, 0px 0px 0px 2.5px {color:Link Rings 1}, 0px 0px 0px -1px {color:Link Rings 2} inset;}
- #circles a:nth-of-type(7) {
- margin: -66px 0px 0px -485px; padding:8px;
- box-shadow:0px 0px 0px 2.5px {color:Link Rings 2}, 0px 0px 0px 4px {color:Link Rings 1}, 0px 0px 0px -1px {color:Link Rings 2} inset;}
- /* eye iris */
- #side #iris {
- position:fixed; z-index:3;
- left:50%; margin-left:-388px;
- top:50%; margin-top:-75px;
- height:35px; width:35px;
- border-radius:50%;
- background:{color:Link Rings 2};
- {block:IfHoverforSheikahEye}
- box-shadow:0px 0px 0px 18px {color:Link BG} inset, 0px 0px 0px 5px {color:Link Rings 2}, 0px 0px 0px 8px {color:Link Rings 1};
- {/block:IfHoverforSheikahEye}
- {block:IfNotHoverforSheikahEye}
- box-shadow:0px 0px 0px 11px {color:Eye Iris} inset, 0px 0px 0px 6px {color:Link Rings 2}, 0px 0px 0px 8px {color:Eye Iris Ring};
- {/block:IfNotHoverforSheikahEye}
- -webkit-transition: all 0.2s ease-in;
- -moz-transition: all 0.2s ease-in;
- transition: all 0.2s ease-in;
- -webkit-transition-delay: .2s;
- -moz-transition-delay: .2s;
- transition-delay: .2s;}
- #side #iris::before {
- content:"";
- position:fixed; z-index:4;
- left:50%; margin-left:-349px;
- top:50%; margin-top:-59px;
- border-radius:50%;
- {block:IfHoverforSheikahEye}
- box-shadow:0px 0px 0px 0px {color:Link Rings 2}; opacity:0;
- {/block:IfHoverforSheikahEye}
- {block:IfNotHoverforSheikahEye}
- box-shadow:0px 0px 0px 4px {color:Link Rings 2}; opacity:1;
- {/block:IfNotHoverforSheikahEye}
- padding:2px; background:{color:Eye Iris};
- -webkit-transition: all 0.2s ease-in;
- -moz-transition: all 0.2s ease-in;
- transition: all 0.2s ease-in;
- -webkit-transition-delay: .0s;
- -moz-transition-delay: .0s;
- transition-delay: .0s;}
- #side #iris::after {
- content:"";
- position:fixed; z-index:4;
- left:50%; margin-left:-396px;
- top:50%; margin-top:-59px;
- border-radius:50%;
- {block:IfHoverforSheikahEye}
- box-shadow:0px 0px 0px 0px {color:Link Rings 2}; opacity:0;
- {/block:IfHoverforSheikahEye}
- {block:IfNotHoverforSheikahEye}
- box-shadow:0px 0px 0px 4px {color:Link Rings 2}; opacity:1;
- {/block:IfNotHoverforSheikahEye}
- padding:2px; background:{color:Eye Iris};
- -webkit-transition: all 0.2s ease-in;
- -moz-transition: all 0.2s ease-in;
- transition: all 0.2s ease-in;
- -webkit-transition-delay: .0s;
- -moz-transition-delay: .0s;
- transition-delay: .0s;}
- #side:hover #iris {
- box-shadow:0px 0px 0px 11px {color:Eye Iris} inset, 0px 0px 0px 6px {color:Link Rings 2}, 0px 0px 0px 8px {color:Eye Iris Ring};
- -webkit-transition-delay: .0s;
- -moz-transition-delay: .0s;
- transition-delay: .0s;}
- #side:hover #iris::after {
- box-shadow:0px 0px 0px 4px {color:Link Rings 2}; opacity:1;
- -webkit-transition-delay: .2s;
- -moz-transition-delay: .2s;
- transition-delay: .2s;}
- #side:hover #iris::before {
- box-shadow:0px 0px 0px 4px {color:Link Rings 2}; opacity:1;
- -webkit-transition-delay: .2s;
- -moz-transition-delay: .2s;
- transition-delay: .2s;}
- /* triangle eye lashes */
- #side .trilash {
- position:fixed; z-index:2;
- left:50%; top:50%;
- height:0px; width:2px;
- border:20px solid {color:Eye Triangles};
- border-radius:100% 100% 5px 5px/100% 100% 5px 5px;
- border-color:transparent transparent {color:Eye Triangles} transparent;
- border-width:0px 12px 29px 12px;
- transform-origin: 50% 0%;
- -webkit-transform-origin: 50% 0%;
- -moz-transform-origin: 50% 0%;
- -webkit-transition: all 0.4s ease-in;
- -moz-transition: all 0.4s ease-in;
- transition: all 0.4s ease-in;
- -webkit-transition-delay: .0s;
- -moz-transition-delay: .0s;
- transition-delay: .0s;}
- #side .trilash#middle {
- {block:IfHoverforSheikahEye}
- margin:-114px 0px 0px -384px; opacity:0;
- {/block:IfHoverforSheikahEye}
- {block:IfNotHoverforSheikahEye}
- margin:-129px 0px 0px -384px;
- {/block:IfNotHoverforSheikahEye}}
- #side:hover .trilash#middle {
- margin:-129px 0px 0px -384px; opacity:1;
- -webkit-transition-delay: .1s;
- -moz-transition-delay: .1s;
- transition-delay: .1s;}
- #side .trilash#left {
- {block:IfHoverforSheikahEye}
- margin:-101px 0px 0px -435px; opacity:0;
- {/block:IfHoverforSheikahEye}
- {block:IfNotHoverforSheikahEye}
- margin:-116px 0px 0px -435px;
- {/block:IfNotHoverforSheikahEye}
- transform: rotate(-29deg);
- -webkit-transform: rotate(-29deg);
- -moz-transform: rotate(-29deg);}
- #side:hover .trilash#left {
- margin:-116px 0px 0px -435px; opacity:1;
- -webkit-transition-delay: .1s;
- -moz-transition-delay: .1s;
- transition-delay: .1s;}
- #side .trilash#right {
- {block:IfHoverforSheikahEye}
- margin:-101px 0px 0px -333px; opacity:0;
- {/block:IfHoverforSheikahEye}
- {block:IfNotHoverforSheikahEye}
- margin:-116px 0px 0px -333px;
- {/block:IfNotHoverforSheikahEye}
- transform: rotate(29deg);
- -webkit-transform: rotate(29deg);
- -moz-transform: rotate(29deg);}
- #side:hover .trilash#right {
- margin:-116px 0px 0px -333px; opacity:1;
- -webkit-transition-delay: .1s;
- -moz-transition-delay: .1s;
- transition-delay: .1s;}
- /* side eye lashes */
- #side #left-lash {
- position:fixed; z-index:2;
- height:13px; width:14px;
- left:50%; top:50%;
- background:{color:background} url('{image:background}') fixed;
- {block:IfHoverforSheikahEye}
- margin:-67px 0px 0px -433px; opacity:0;
- {/block:IfHoverforSheikahEye}
- {block:IfNotHoverforSheikahEye}
- margin:-79px 0px 0px -433px;
- {/block:IfNotHoverforSheikahEye}
- box-shadow: -2px 2px 0px 2px {color:Eye Shape}, -2px 6px 0px 2px {color:Eye Shape}, -3px 4px 0px 2px {color:Eye Shape};
- border-radius:40% 0px 50% 40%/40% 0px 50% 40%;
- -webkit-transition: all 0.4s ease-in;
- -moz-transition: all 0.4s ease-in;
- transition: all 0.4s ease-in;}
- #side:hover #left-lash {
- margin:-79px 0px 0px -433px; opacity:1;}
- #side #right-lash {
- position:fixed; z-index:2;
- height:13px; width:14px;
- left:50%; top:50%;
- {block:IfHoverforSheikahEye}
- margin:-67px 0px 0px -323px; opacity:0;
- {/block:IfHoverforSheikahEye}
- {block:IfNotHoverforSheikahEye}
- margin:-79px 0px 0px -323px;
- {/block:IfNotHoverforSheikahEye}
- box-shadow: 2px 2px 0px 2px {color:Eye Shape}, 2px 6px 0px 2px {color:Eye Shape}, 3px 4px 0px 2px {color:Eye Shape};
- border-radius:0px 40% 40% 50%/0px 40% 40% 50%;
- -webkit-transition: all 0.4s ease-in;
- -moz-transition: all 0.4s ease-in;
- transition: all 0.4s ease-in;}
- #side:hover #right-lash {
- margin:-79px 0px 0px -323px; opacity:1;}
- /* eyeshape */
- #side #shape-top {
- position:fixed; z-index:2;
- left:50%; top:50%;
- height:33px; width:105px;
- {block:IfHoverforSheikahEye}
- margin:-81px 0px 0px -423px; opacity:0;
- {/block:IfHoverforSheikahEye}
- {block:IfNotHoverforSheikahEye}
- margin:-91px 0px 0px -423px;
- {/block:IfNotHoverforSheikahEye}
- border-radius:50% 50% 0px 0px/100% 100% 0px 0px;
- box-shadow:-6px 7px 0px {color:Eye Shape} inset, 6px 7px 0px {color:Eye Shape} inset;
- -webkit-transition: all 0.4s ease-in;
- -moz-transition: all 0.4s ease-in;
- transition: all 0.4s ease-in;}
- #side:hover #shape-top {
- margin:-91px 0px 0px -423px; opacity:1;}
- #side #shape-bottom {
- position:fixed; z-index:2;
- left:50%; top:50%; opacity:1;
- height:32px; width:103px;
- {block:IfHoverforSheikahEye}
- margin: -69px 0px 0px -422px; opacity:0;
- {/block:IfHoverforSheikahEye}
- {block:IfNotHoverforSheikahEye}
- margin:-59px 0px 0px -422px;
- {/block:IfNotHoverforSheikahEye}
- border-radius: 0px 0px 50% 50%/0px 0px 100% 100%;
- box-shadow:-5px -4px 0px {color:Eye Shape} inset, 5px -4px 0px {color:Eye Shape} inset;
- -webkit-transition: all 0.4s ease-in;
- -moz-transition: all 0.4s ease-in;
- transition: all 0.4s ease-in;}
- #side:hover #shape-bottom {
- margin:-59px 0px 0px -422px; opacity:1;}
- /* tear */
- #side #tear {
- position:fixed; z-index:2;
- left:50%; top:50%;
- {block:IfHoverforSheikahEye}
- margin: -26px 0px 0px -381px; opacity:0;
- {/block:IfHoverforSheikahEye}
- {block:IfNotHoverforSheikahEye}
- margin: -6px 0px 0px -381px;
- {/block:IfNotHoverforSheikahEye}
- height:44px; width:22px;
- background:{color:Eye Tear};
- border-radius: 50% 50% 60% 60%/75% 75% 50% 50%;
- -webkit-transition: all 0.2s ease-in;
- -moz-transition: all 0.2s ease-in;
- transition: all 0.2s ease-in;
- -webkit-transition-delay: .0s;
- -moz-transition-delay: .0s;
- transition-delay: .0s;}
- #side #tear::before {
- content:""; position:fixed;
- left:50%; top:50%;
- {block:IfHoverforSheikahEye}
- margin: -37px 0px 0px -378px;
- {/block:IfHoverforSheikahEye}
- {block:IfNotHoverforSheikahEye}
- margin: -27px 0px 0px -378px;
- {/block:IfNotHoverforSheikahEye}
- width:8px; height:0px;
- border:3px solid {color:Eye Tear};
- border-width:0px 4px 26px 4px;
- border-color: transparent transparent {color:Eye Tear} transparent;
- -webkit-transition: all 0.2s ease-in;
- -moz-transition: all 0.2s ease-in;
- transition: all 0.2s ease-in;
- -webkit-transition-delay: .0s;
- -moz-transition-delay: .0s;
- transition-delay: .0s;}
- #side:hover #tear {
- opacity:1; margin: -6px 0px 0px -381px;
- -webkit-transition: all 0.2s ease-in;
- -moz-transition: all 0.2s ease-in;
- transition: all 0.2s ease-in;
- -webkit-transition-delay: .2s;
- -moz-transition-delay: .2s;
- transition-delay: .2s;}
- #side:hover #tear::before {
- margin: -27px 0px 0px -378px;
- -webkit-transition-delay: .2s;
- -moz-transition-delay: .2s;
- transition-delay: .2s;}
- /* description */
- #description {
- position:fixed; z-index:4;
- left:50%; top:50%;
- margin:150px 0px 0px -435px;
- width:120px;
- font-size:10px; line-height:13px;
- color:{color:Description Text};
- {block:IfHoverforDescription}
- padding:5px 10px 10px 10px; opacity:0;
- {/block:IfHoverforDescription}
- {block:IfNotHoverforDescription}
- padding:10px 10px 10px 10px; opacity:1;
- {/block:IfNotHoverforDescription}
- letter-spacing:0.5px;
- {block:IfDescriptionTextCentered}
- text-align:center;
- {/block:IfDescriptionTextCentered}
- {block:IfNotDescriptionTextCentered}
- text-align:justify;
- {/block:IfNotDescriptionTextCentered}
- -webkit-transition: all 0.2s ease-in;
- -moz-transition: all 0.2s ease-in;
- transition: all 0.2s ease-in;}
- #side:hover #description {
- padding:10px 10px 10px 10px; opacity:1;}
- #description a {color:{color:Description Links};}
- #description a:hover {color:{color:Description Links Hover};}
- #description b, #description strong, #description i, #description em {
- color:{color:Description Text};}
- #description::before {
- display:block; content:"";
- position:fixed; z-index:3;
- left:50%; top:50%;
- margin:146px 0px 0px -437px;
- padding:5px;
- {block:IfHoverforDescription}
- opacity:0;
- box-shadow:0px 0px 0px 0px {color:Link Rings 2}, 0px 0px 0px 0px {color:Link Rings 1};
- {/block:IfHoverforDescription}
- {block:IfNotHoverforDescription}
- box-shadow:0px 0px 0px 2px {color:Link Rings 2}, 0px 0px 0px 3.5px {color:Link Rings 1};
- background: {color:Link BG}; opacity:1;
- {/block:IfNotHoverforDescription}
- border-radius:50%;
- -webkit-transition: all 0.2s ease-in;
- -moz-transition: all 0.2s ease-in;
- transition: all 0.2s ease-in;}
- #side:hover #description::before {
- box-shadow:0px 0px 0px 2px {color:Link Rings 2}, 0px 0px 0px 3.5px {color:Link Rings 1};
- background: {color:Link BG}; opacity:1;}
- #description::after {
- display:block; content:"";
- position:fixed; z-index:2;
- left:50%; top:50%;
- margin:150px 0px 0px -425px;
- width:124px; height:2px;
- {block:IfHoverforDescription}
- box-shadow:0px 0px 0px {color:Link Connecting Lines} inset;
- {/block:IfHoverforDescription}
- {block:IfNotHoverforDescription}
- box-shadow: 124px 0px 0px {color:Link Connecting Lines} inset;
- {/block:IfNotHoverforDescription}
- -webkit-transition: all 0.8s ease-in-out;
- -moz-transition: all 0.8s ease-in-out;
- transition: all 0.8s ease-in-out;}
- #side:hover #description::after {
- box-shadow: 124px 0px 0px {color:Link Connecting Lines} inset;}
- /* pagination */
- #pagination {
- z-index: 9; position:fixed;
- top:0px; left:50%;
- margin-left:-57px;
- width:550px; padding:10px 1px;
- overflow:hidden;
- background:{color:background} url('{image:background}') fixed;
- letter-spacing:1px; text-align:center;}
- .active {
- display:inline-block;
- min-width:18px;
- line-height:10px;
- padding:7px 2px 7px 2px;
- letter-spacing:1px;
- border-radius:2px;}
- #pagination a .active {
- background:transparent;
- border:1px solid transparent;
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- transition: all 0.3s linear;}
- #pagination a .active:hover {
- color:{color:posts links hover};
- background:{color:Posts BG};
- border:1px solid {color:Posts BG};}
- /* ------------------------------- POSTS --------------------------------- */
- /* posts position */
- #entries {
- margin-top:70px; margin-left:50%;}
- /* posts themselves */
- .posts {
- margin:0 0 80px -50px;
- overflow:hidden;
- width: 500px;
- text-align:justify;
- padding:20px;
- background: {color:Posts BG} url('');}
- /* ----------------------------- POST TYPES ------------------------------ */
- /* text post */
- blockquote {
- padding:0px;
- padding-left:6px;
- margin:-3px 0 -1px 6px;
- border-left:2px solid {color:posts blockquote};}
- hr {display: block;
- margin: 30px 80px;
- border:1px solid {color:posts blockquote};}
- /* bullet lists */
- ol {margin-left:-8px;
- list-style-type:decimal;}
- ul {margin-left:-20px;
- list-style-type:none;}
- ul li::before {
- content:"";
- margin:0px 10px 2px 0px;
- display:inline-block;
- height:4px; width:4px;
- border-radius:50%;
- background:{color:posts blockquote};}
- li {margin-bottom:3px;}
- /* text-images */
- .posts img {
- vertical-align:middle;
- max-width:100%;}
- /* the credit below images that are from other people */
- .tmblr-full {margin:0;}
- .tmblr-attribution {
- opacity:.8;
- margin-top:0px;
- font-family:Calibri;
- font-size:8px; line-height:8px;
- text-transform:uppercase;
- letter-spacing:1px;}
- .tmblr-attribution::after {content: " >";}
- /* link posts */
- .link-posts a {
- background: {color:Posts Links};
- display:inline-block;
- width: 480px;
- padding:10px;
- color:{color:Posts BG};}
- .link-posts a:hover {
- background: {color:Posts Links Hover}}
- /* ask posts */
- .ask-posts img {
- vertical-align:middle;
- display:inline-block;
- margin-right:7px;
- max-width:64px;}
- .ask-posts .question {
- vertical-align:middle;
- display:inline-block;
- min-height:44px; width:402px;
- padding: 10px;
- background: {color:Posts 2nd BG};}
- .ask-posts h2 {text-align:left; margin:0px 0px 5px 5px;}
- /* quote posts */
- .quote-posts {
- padding:10px 0px;
- text-align:center}
- .quote {
- vertical-align:middle;
- width:430px;
- display:inline-block;}
- .quote-posts .fa {
- font-size:20px;
- vertical-align:middle;
- display:inline-block;
- color:{color:Posts Blockquote}}
- /* chat posts */
- .chat {margin:0px; padding:0px; line-height:14px;}
- .chat li {text-align:left;}
- .chat li::before {display:none;}
- {block:IfNot2ndChatPostFormat}
- .chat li {
- padding:0px 0px 4px 4px;
- border-bottom:2px solid {color:Posts Blockquote};}
- .chat li:first-of-type {
- padding-top:4px;
- border-top:2px solid {color:Posts Blockquote};}
- {/block:IfNot2ndChatPostFormat}
- {block:If2ndChatPostFormat}
- .chat li {
- padding:5px 8px;
- margin-bottom:4px;
- background: {color:Posts 2nd BG};}
- {/block:If2ndChatPostFormat}
- /* photo posts */
- .posts img, .posts .html_photoset, .posts #audio-pic {
- {block:IfFadePhotos}opacity:0.75;{/block:IfFadePhotos}
- {block:IfMonochromePhotos}
- -webkit-filter: grayscale(100%);
- -moz-filter: grayscale(100%);
- -ms-filter: grayscale(100%);
- -o-filter: grayscale(100%);
- filter: grayscale(100%);{/block:IfMonochromePhotos}
- -webkit-transition-duration: 0.5s;
- -moz-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- transition-duration:0.5s;}
- .posts:hover img, .posts:hover .html_photoset, .posts:hover #audio-pic {
- opacity:1;
- -webkit-filter: grayscale(0%);
- -moz-filter: grayscale(0%);
- -ms-filter: grayscale(0%);
- -o-filter: grayscale(0%);
- filter: grayscale(0%);
- -webkit-transition-duration: 0.5s;
- -moz-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- transition-duration:0.5s;}
- /* photoset focused image background */
- .tmblr-lightbox {
- background-color:transparent !important;}
- .vignette {
- z-index:99998! important;
- opacity:.75 !important;
- background-color:{color:background} !important;
- background-image:none !important;}
- .tmblr-lightbox .lightbox-image {
- z-index:99999! important;
- border-radius:0px !important;
- background:{color:background} !important;
- box-shadow:0px 0px 0px 30px {color:background} !important;}
- .tmblr-lightbox .lightbox-caption {
- z-index:99999! important;
- font-family:consolas !important;
- font-size:10px !important;
- font-size: 15px !important;
- font-weight: bold !important;
- color: {color:posts title} !important;
- text-shadow: 0 4px 30px {color:background} !important;}
- /* video posts */
- #youtube_iframe, .tumblr_video_container {
- margin-bottom:5px; max-width:100%;}
- .caption iframe, .caption #youtube_iframe, .caption .tumblr_video_container {
- margin:5px 0px; max-width:100%;}
- /* audio posts */
- #audio-pic {
- display:inline-block;
- vertical-align:middle;
- margin-right:2px;
- width:135px; height:135px;
- background: url('{image:Default Audio Pic}');
- background-size:cover;}
- #info-container {
- display:inline-block;
- vertical-align:middle;
- text-align:left;
- font-size:8px; line-height:15px;
- width:355px;
- text-transform:uppercase;
- letter-spacing:1px;}
- #info-container li {
- display:block;
- padding:4px 7px;
- margin:0px; margin-top:4px;
- background:{color:Posts 2nd BG};}
- .posts .audio_player {
- max-width:355px; max-height:27px;
- margin:0px;
- background:{color:Audio Player};
- {block:IfMonochromePhotos}
- -webkit-filter: grayscale(100%);
- -moz-filter: grayscale(100%);
- -ms-filter: grayscale(100%);
- -o-filter: grayscale(100%);
- filter: grayscale(100%);{/block:IfMonochromePhotos}
- -webkit-transition: all 0.2s linear;
- -moz-transition: all 0.2s linear;
- transition: all 0.2s linear;}
- .posts:hover .audio_player {
- {block:IfMonochromePhotos}
- -webkit-filter: grayscale(0%);
- -moz-filter: grayscale(0%);
- -ms-filter: grayscale(0%);
- -o-filter: grayscale(0%);
- filter: grayscale(0%);{/block:IfMonochromePhotos}}
- .tumblr_audio_player {
- width:355px; opacity:.66;}
- /* ----------------------------- POSTS INFO ------------------------------ */
- /* if circles */
- #postinfo {
- margin-top:20px;
- position:absolute;
- text-align:center;
- margin-left:-20px;
- width:534px; padding-top:17px;}
- /* individual circles */
- #postinfo a {
- display:inline-block;
- font-size:20px;
- height:20px; width:20px;
- color:{color:Link BG};
- background:{color:Link Rings 2};
- margin:0px 12px; border-radius:50%;
- box-shadow:0px 0px 0px 0px {color:Link Rings 2}, 0px 0px 0px 0px {color:Link Rings 1};
- -webkit-transition: all 0.2s linear;
- -moz-transition: all 0.2s linear;
- transition: all 0.2s linear;}
- #postinfo a:hover {
- color:{color:Link BG Hover};
- box-shadow:0px 0px 0px 3px {color:Link Rings 2}, 0px 0px 0px 4.5px {color:Link Rings 1 Hover} !important;}
- /* circles like button */
- #postinfo #like {
- display:inline-block;}
- #postinfo .like_button {
- display:inline-block;
- position:relative;
- top:0px; left:0px;}
- #postinfo .like_button iframe {
- position:absolute;
- margin:-2px 0px 0px -22px;
- display:inline-block;
- opacity:0; z-index:99;}
- #postinfo .like_button::before {
- content:"\f08a";
- display:inline-block;
- font-size:18px; line-height:21px;
- height:20px; width:20px;
- margin-left:12px;
- font-family:'FontAwesome';
- color:{color:Link BG};
- background:{color:Link Rings 2};
- box-shadow:0px 0px 0px 0px {color:Link Rings 2}, 0px 0px 0px 0px {color:Link Rings 1};
- border-radius:50%;
- -webkit-transition: all 0.2s linear;
- -moz-transition: all 0.2s linear;
- transition: all 0.2s linear;}
- #postinfo .like_button:hover::before {
- color:{color:Link BG Hover};
- box-shadow:0px 0px 0px 3px {color:Link Rings 2}, 0px 0px 0px 4.5px {color:Link Rings 1 Hover} !important;}
- #postinfo .like_button.liked::before {content:"\f004";}
- /* line connectors */
- #postline1 {
- position:absolute; z-index:-3;
- margin:-17px 0px 0px 91px;
- height:26px; width:26px;
- border-radius:0 0 0 100%;
- border:2px solid {color:Link Connecting Lines};
- border-width:0px 0px 2px 2px;
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- -webkit-transition-delay: .5s;
- -moz-transition-delay: .5s;
- transition-delay: .5s;
- -webkit-transform-origin: 100% 0%;
- -moz-transform-origin: 100% 0%;
- transform-origin: 100% 0%;
- -webkit-transform: rotate(90deg);
- -moz-transform: rotate(90deg);
- transform: rotate(90deg);}
- .posts:hover #postline1 {
- -webkit-transform: rotate(0deg);
- -moz-transform: rotate(0deg);
- transform: rotate(0deg);
- -webkit-transition-delay: .0s;
- -moz-transition-delay: .0s;
- transition-delay: .0s;}
- #postline2 {
- position:absolute; z-index:-3;
- margin:9px 0px 0px 119px;
- height:2px; width:330px;
- /*background:{color:Link Connecting Lines};*/
- box-shadow:0px 0px 0px {color:Link Connecting Lines} inset;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- -webkit-transition-delay: .0s;
- -moz-transition-delay: .0s;
- transition-delay: .0s;}
- .posts:hover #postline2 {
- box-shadow:330px 0px 0px {color:Link Connecting Lines} inset;
- -webkit-transition-delay: .2s;
- -moz-transition-delay: .2s;
- transition-delay: .2s;}
- /* if no circles */
- #postending {
- padding:10px; width:500px;
- margin:15px 0px -10px -10px;
- background: {color:Postending BG};
- text-align:center;
- margin-top:15px;
- font-size:9px;
- text-transform:uppercase;
- letter-spacing:1px;
- color: {color:Postending Text};}
- #postending a {
- color:{color:Postending Links};}
- #postending a:hover {
- color:{color:Postending Links Hover};}
- /* ---------------------------- PERMALINK -------------------------------- */
- /* permalink position */
- #permalink {
- background:; /* if you want the post-notes to have a non-transparent bg */
- margin:-70px 0px 0px -50px;
- width: 500px; padding: 20px;}
- /* post notes container */
- .notes {
- max-height:600px;
- overflow: auto; text-align:center;
- line-height:0px; font-size:0px;
- color:transparent; letter-spacing:0px;}
- .notes a {
- font-size:10px; line-height:14px;
- letter-spacing:1px;
- font-weight:bold;
- color:{color:Permalink Links};}
- .notes a:hover {
- color:{color:Permalink Links Hover};}
- .notes blockquote, .notes .answer_content {
- font-size:10px; line-height:17px;
- letter-spacing:1px;
- max-width:350px;
- margin:3px auto; border:none;
- color:{color:Permalink Links};
- background:{color:Permalink Blockquote};}
- .notes blockquote {
- display:inline-block;
- padding:1px 10px 0px 10px;}
- .notes .answer_content {
- display:block;
- padding:2px 10px 1px 10px;}
- .notes img {display:none;}
- .notes li {margin-left:-10px;}
- /* replaced regular sentences with fa symbols */
- .notes .like span a::after, .notes .reblog .tumblelog::after, .notes .reblog blockquote::before, .notes .reblog blockquote::after, .notes .answer_content::before, .notes .answer_content::after, .notes .reply .action a::after {
- font-weight:normal;
- vertical-align:middle;
- content:"";
- font-family:'FontAwesome';
- display:inline-block; margin:0px 5px;
- font-size:10px;
- color:{color:Permalink Text};}
- .notes .like span a::after {content:"\f004";}
- .notes .reblog .tumblelog::after {content: "\f079";}
- .notes .reblog blockquote::before, .notes .answer_content::before {content: "\f10d"; margin-top:-1px;}
- .notes .reblog blockquote::after, .notes .answer_content::after {content: "\f10e"; margin-top:-1px;}
- .notes .reply .action a::after {content: "\f063";}
- /* permalink scrollbar */
- #permalink ::-webkit-scrollbar {
- height:5px; width:5px;
- background: transparent;}
- #permalink ::-webkit-scrollbar-thumb:vertical {
- background: {color:Permalink Scroll Thumb};
- border:none;}
- </style>
- <body>
- <!-------------------------------- CURSOR ---------------------------------->
- {block:IfCustomCursor}
- <style type="text/css"> body {cursor: url({image:Custom Cursor}), auto;} a, a:hover{cursor:url({image:Custom Cursor Links}), auto;}
- </style>
- <!-- Custom cursors don't show up on empty spaces, but this fixes that -->
- <div style="position:fixed; background:rgba(0,0,0,0); top:0px; left:0px; width:100%; height:100%; z-index: -99999999999999;"></div>{/block:IfCustomCursor}
- <!-------------------------- CREDIT; DON'T REMOVE -------------------------->
- <a href="http://nyctothemes.tumblr.com/" title="© nyctothemes" id="credit"></a>
- <!-------------------------------- SIDEBAR --------------------------------->
- <div id="side">
- <!-- connecting lines -->
- <div id="outline"></div>
- <div class="horizontal" id="left"></div>
- <div class="horizontal" id="right"></div>
- <div class="disconnect" id="top"></div>
- <div class="disconnect" id="top-left"></div>
- <div class="disconnect" id="left"></div>
- <div class="disconnect" id="bottom-left"></div>
- <div class="disconnect" id="bottom"></div>
- <div class="disconnect" id="right"></div>
- <div class="disconnect" id="inner-left"></div>
- <div class="disconnect" id="inner-bottom"></div>
- <div class="disconnect" id="inner-right"></div>
- <div class="rotated" id="one"></div>
- <div class="rotated" id="two"></div>
- <div class="rotated" id="three"></div>
- <div class="rotated" id="four"></div>
- <div id="incurve"></div>
- <!-- circle links -->
- <div id="circles">
- <a href="/" title="Index"></a>
- <a href="/ask" title="Ask"></a>
- <a href="/archive" title="Archive"></a>
- <a href="{text:link 1 URL}" title="{text:link 1 hover}"></a>
- <a href="{text:link 2 URL}" title="{text:link 2 hover}"></a>
- <a href="{text:link 3 URL}" title="{text:link 3 hover}"></a>
- <a href="{text:link 4 URL}" title="{text:link 4 hover}"></a>
- </div>
- <!-- eye -->
- <div id="iris"></div>
- <div id="right-lash"></div>
- <div id="left-lash"></div>
- <div class="trilash" id="left"></div>
- <div class="trilash" id="middle"></div>
- <div class="trilash" id="right"></div>
- <div id="shape-top"></div>
- <div id="shape-bottom"></div>
- <div id="tear"></div>
- <!-- description -->
- <div id="description">
- {description}
- </div>
- </div> <!-- "side" -->
- <!-- Page navigation -->
- {block:Pagination}<div id="pagination">
- {block:PreviousPage}<a href="{PreviousPage}" title="Retreat">{/block:PreviousPage}<div class="active">◀</div>{block:PreviousPage}</a>{/block:PreviousPage}
- world <b>{CurrentPage}</b> of <b>{TotalPages}</b>
- {block:NextPage}<a href="{NextPage}" title="Go Forth">{/block:NextPage}<div class="active">▶</div>{block:NextPage}</a>{/block:NextPage}
- </div>{/block:Pagination}
- <!-- description -->
- <div id="side-window">
- </div>
- <!-- sidebar links -->
- <div id="sidelinks">
- <a href="/" title="Index"></a>
- <a href="/ask" title="Ask"></a>
- <a href="/archive" title="Archive"></a>
- <a href="{text:link 1 URL}" title="{text:link 1 hover}"></a>
- <a href="{text:link 2 URL}" title="{text:link 2 hover}"></a>
- <a href="{text:link 3 URL}" title="{text:link 3 hover}"></a>
- <a href="{text:link 4 URL}" title="{text:link 4 hover}"></a>
- </div>
- <div id="moon"></div>
- <!--------------------------------- POSTS ---------------------------------->
- <div id="entries">
- {block:posts}
- <div class="posts">
- <!-- text posts -->
- {block:Text}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- <div class="caption">{Body}</div>
- {/block:Text}
- <!-- link posts -->
- {block:Link}
- {block:Thumbnail}<center>
- <a href="{Thumbnail-HighRes}">
- <img src="{Thumbnail}" class="photo-posts" style="margin-bottom:5px;">
- </a>
- </center>{/block:Thumbnail}
- <div class="link-posts"><h1><a href="{URL}">
- {Name} →
- </a></h1></div>
- {block:Description}<div class="caption">
- <p>{Description}</p>
- </div>{/block:Description}
- {/block:Link}
- <!-- ask posts -->
- {block:Answer}
- <div class="ask-posts">
- <img src="{AskerPortraitURL-64}">
- <div class="question">
- <h2>{Asker} {text:Ask Verb}:</h2> {Question}
- </div></div><br>
- <div id="caption">{Answer}</div>
- {/block:Answer}
- <!-- quote posts -->
- {block:Quote}
- <h2 class="quote-posts">
- <l class="fa fa-quote-left"></l>
- <div class="quote">{Quote}</div>
- <l class="fa fa-quote-right"></l>
- </h2>
- <div style="text-align:right; margin-right:20px">
- {block:Source}<b>- {Source}</b>{/block:Source}
- </div>
- {/block:Quote}
- <!-- chat posts -->
- {block:Chat}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- <ul class="chat">{block:Lines}
- <li class="user_{UserNumber}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</li>
- {/block:Lines}</ul>
- {/block:Chat}
- <!-- photo posts -->
- {block:Photo}
- <center>
- {block:HighRes}<a href="{PhotoURL-HighRes}">{/block:HighRes}<img src="{PhotoURL-500}" class="photo-posts"/>{block:HighRes}</a>{/block:HighRes}
- </center>
- {block:Caption}<br><div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
- {block:Photoset}
- <center>
- {Photoset-500}
- </center>
- {block:Caption}<br><div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
- <!-- video post -->
- {block:Video}
- {Video-500}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Video}
- <!-- audio posts -->
- {block:Audio}
- <!--image-->
- {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}<div id="audio-pic" {block:AlbumArt}style="background:none"{/block:AlbumArt}>
- {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
- </div>{block:IndexPage}</a>{/block:IndexPage}
- <div id="info-container">
- <!--player-->
- {block:ifDarkAudioPlayer}{AudioPlayerBlack}{/block:ifDarkAudioPlayer}
- {block:ifNotDarkAudioPlayer}{AudioPlayerWhite}{/block:ifNotDarkAudioPlayer} <!--info-->
- {block:TrackName}<li><b>Track:</b> {TrackName}</li>{/block:TrackName}
- {block:Artist}<li><b>Artist:</b> {Artist}</li>{/block:Artist}
- {block:Album}<li><b>Album:</b> {Album}</li>{/block:Album}
- {block:PlayCount}<li><b>Plays:</b> {FormattedPlayCount}</li>{/block:PlayCount}
- </div>
- {block:Caption}<div class="caption" style="margin-top:5px;">{Caption}</div>{/block:Caption}{/block:Audio}
- <!------------------------------ POST ENDING ------------------------------->
- {block:PermalinkPage}{block:Date}<div id="postending">
- <!-- date posted -->
- <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}</a>
- <!-- notes counter -->
- {block:NoteCount}
- || <a href="#permalink">{NoteCountWithLabel}</a>
- {/block:NoteCount}
- <!-- reblogged from -->
- {block:RebloggedFrom}<br>
- Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
- {/block:RebloggedFrom}
- <!-- original poster -->
- {block:ContentSource}
- || Source: <a href="{SourceURL}">{SourceTitle}</a>
- {/block:ContentSource}
- <!-- tags -->
- {block:HasTags}<br><div style="padding:0px 20px 0px 20px">
- Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
- </div>{/block:HasTags}
- </div>{/block:Date}{/block:PermalinkPage}
- <!------------- If Circles for Index Page ------------->
- {block:IfPostendingCirclesForIndexpage}
- {block:IndexPage}
- <div id="postinfo">
- <div id="postline1"></div>
- <div id="postline2"></div>
- <!-- date posted -->
- {block:Date}
- <a href="{Permalink}" title="{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}"><l class="fa fa-clock-o"></l></a>
- {/block:Date}
- <!-- notes counter -->
- {block:NoteCount}
- <a href="{Permalink}" title="{NoteCountWithLabel}"><l class="fa fa-times-circle-o" style="
- transform: rotate(45deg);
- -webkit-transform: rotate(45deg);
- -moz-transform: rotate(45deg);"></l></a>
- {/block:NoteCount}
- <!-- tags -->
- {block:HasTags}
- <a href="{Permalink}" title="# {block:Tags}{Tag}, {/block:Tags}"><l class="fa fa-compass"></l></a>
- {/block:HasTags}
- <!-- reblogged from -->
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}" title="Via: {ReblogParentName}"><l class="fa fa-at"></l></a>
- {/block:RebloggedFrom}
- <!-- original poster -->
- {block:ContentSource}
- <a href="{SourceURL}" title="Source: {SourceTitle}"><l class="fa fa-copyright"></l></a>
- {/block:ContentSource}
- <!-- reblog and like -->
- <a href="{ReblogURL}" title="Reblog"><l class="fa fa-refresh" style="font-size:19px"></l></a>
- <div id="like" title="like">{LikeButton size="24"}</div>
- </div>
- {/block:IndexPage}
- {/block:IfPostendingCirclesForIndexpage}
- <!------------- If NO Circles for Index Page ------------->
- {block:IfNotPostendingCirclesForIndexpage}
- {block:IndexPage}
- {block:Date}<div id="postending">
- <!-- date posted -->
- <a href="{Permalink}">{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}</a>
- <!-- notes counter -->
- {block:NoteCount}
- || <a href="{Permalink}">{NoteCountWithLabel}</a>
- {/block:NoteCount}
- <!-- reblogged from -->
- {block:RebloggedFrom}<br>
- Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
- {/block:RebloggedFrom}
- <!-- original poster -->
- {block:ContentSource}
- || Source: <a href="{SourceURL}">{SourceTitle}</a>
- {/block:ContentSource}
- <!-- tags -->
- {block:HasTags}<br><div style="padding:0px 20px 0px 20px">
- Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
- </div>{/block:HasTags}
- </div>{/block:Date}
- {/block:IndexPage}
- {/block:IfNotPostendingCirclesForIndexpage}
- </div> <!-- ending div tag for "posts" -->
- {/block:Posts}
- <!------------------------------- PERMALINK -------------------------------->
- {block:PostNotes}
- <div id="permalink">{PostNotes}</div>
- {/block:PostNotes}
- </div> <!-- ending div tag for "entries" -->
- </body>
- </html>
Add Comment
Please, Sign In to add comment