Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <!---------------------------------------------------------------------------
- ,,
- ,GG,
- GIIG
- Gl''lG
- ;G' 'G;
- GP YG
- oQ' 'Qo -Tʜᴇ Gʀɪᴅ ᴛʜᴇᴍᴇ ʙʏ
- *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,
- ""' '""
- ---------------------------------------------------------------------------->
- <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>
- {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:Background" content=""/>
- <meta name="image:Custom Cursor" content="http://static.tumblr.com/u5vz4xb/e6Dnhiuf0/cursor1.png"/>
- <meta name="image:Custom Cursor Links" content="http://static.tumblr.com/u5vz4xb/NMNnhiufk/cursor2.png"/>
- <meta name="image:Favicon" content="http://static.tumblr.com/29e4b93e46be436207ef2851c6879f10/u5vz4xb/M6Hnokf4y/tumblr_static_3g9u2vj7ng8wk4wgw8cgwgwcc.png"/>
- <meta name="image:Album Art" content="http://static.tumblr.com/9c309a26edd055605a3e87448877aa00/u5vz4xb/LKhnod31a/tumblr_static_5fwq3pz1wbggg8g8o8ow8sgws.png"/>
- <!-------------------------------- COLORS ---------------------------------->
- <!-- Full Body -->
- <meta name="color:Background" content="#000000"/>
- <meta name="color:Scroll Track" content="#36180f"/>
- <meta name="color:Scroll Thumb" content="#f4f3e4"/>
- <!-- Sidebar -->
- <meta name="color:Identity Disc Glow" content="#ff9900"/>
- <meta name="color:Description BG" content="#111111"/>
- <meta name="color:Description Borders" content="#f5f2d1"/>
- <meta name="color:Description Text" content="#5c4c3e"/>
- <meta name="color:Description Links" content="#d8ab60"/>
- <meta name="color:Description Links Hover" content="#ffffff"/>
- <meta name="color:Symbol Links BG" content="#000000"/>
- <meta name="color:Symbol Links Borders" content="#2b0b01"/>
- <meta name="color:Symbol Links Text" content="#e79a31"/>
- <meta name="color:Symbol Links Hover BG" content="#61361b"/>
- <meta name="color:Symbol Links Hover Borders" content="#926530"/>
- <meta name="color:Symbol Links Hover Text" content="#f5f2d1"/>
- <meta name="color:Circuits" content="#1a0a05"/>
- <meta name="color:Circuits Hover" content="#eda23c"/>
- <!-- Posts -->
- <meta name="color:Posts BG" content="#0c0c0c"/>
- <meta name="color:Posts Title" content="#684e35"/>
- <meta name="color:Posts Text" content="#4b3022"/>
- <meta name="color:Posts Bold" content="#684e35"/>
- <meta name="color:Posts Italic" content="#4b3022"/>
- <meta name="color:Posts Code" content="#4f4f4f"/>
- <meta name="color:Posts Code BG" content="#232323"/>
- <meta name="color:Posts Links" content="#d4d4d4"/>
- <meta name="color:Posts Links Hover" content="#ffffff"/>
- <meta name="color:Blockquote Border" content="#e79a31"/>
- <meta name="color:Blockquote BG" content="#151515"/>
- <meta name="color:Audio Player" content="#803501"/>
- <!-- Post Endings -->
- <meta name="color:Ending BG" content="#151515"/>
- <meta name="color:Ending Text" content="#5c4c3e"/>
- <meta name="color:Ending Links" content="#e5a844"/>
- <meta name="color:Ending Links Hover" content="#ffffff"/>
- <!-- Permalink -->
- <meta name="color:Permalink Text" content="#333333"/>
- <meta name="color:Permalink Links" content="#444444"/>
- <meta name="color:Permalink Links Hover" content="#61361b"/>
- <meta name="color:Permalink Blockquote" content="#111111"/>
- <meta name="color:Permalink Scroll Thumb" content="#111111"/>
- <!-- Misc. -->
- <meta name="color:Link Hover BG" content="#0c0c0c"/>
- <meta name="color:Link Hover Text" content="#f7f7f7"/>
- <meta name="color:Selection BG" content="#755d40"/>
- <meta name="color:Selection Text" content="#b3997a"/>
- <meta name="color:Selection Links" content="#ffffff"/>
- <!------------------------------- OPTIONS ---------------------------------->
- <meta name="if:White Disc" content="0"/>
- <meta name="if:Description Centered" content="1"/>
- <meta name="if:Pixel Fonts" content="0"/>
- <meta name="if:Monochrome Photos" content="1"/>
- <meta name="if:Fade Photos" content="1"/>
- <meta name="if:Symbol Info for Indexpage" content="1"/>
- <meta name="if:Custom Cursor" content="1"/>
- <meta name="if:Custom Favicon" content="1"/>
- <meta name="if:Dark Audio Player" content="1"/>
- <meta name="if:Credit on the Right" content="1"/>
- <!-------------------------------- TEXTS ----------------------------------->
- <meta name="text:Ask Verb" content="asked" />
- <meta name="text:Link 1 URL" content="/" />
- <meta name="text:Link 1 Hover" content="Link One" />
- <meta name="text:Link 2 URL" content="/" />
- <meta name="text:Link 2 Hover" content="Link Two" />
- <meta name="text:Link 3 URL" content="/" />
- <meta name="text:Link 3 Hover" content="Link Three" />
- <meta name="text:Link 4 URL" content="/" />
- <meta name="text:Link 4 Hover" content="Link Four" />
- <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
- <link href='http://fonts.googleapis.com/css?family=Audiowide' rel='stylesheet' type='text/css'>
- </head>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
- <script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
- <script type="text/javascript">
- WebFontConfig = {
- google: { families: [ 'Audiowide::latin' ] }
- };
- (function() {
- var wf = document.createElement('script');
- wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
- '://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">
- @import url(http://fonts.googleapis.com/css?family=Audiowide);
- @font-face { font-family: "tr0n"; src: url('https://dl.dropboxusercontent.com/s/h4nd73b46wf8gxv/TR0Npx.ttf'); }
- @font-face { font-family: "tr0nx2"; src: url('https://dl.dropboxusercontent.com/s/vibrq412n42mnof/TR0Nx2.ttf'); }
- /* --------------------------------------------------------------------------
- M I S C E L L A N E O U S
- -------------------------------------------------------------------------- */
- /* body */
- body {
- color:{color:Posts Text};
- background:{color:background} url('{image:background}') fixed;
- font-family:consolas;
- font-size:10px;
- line-height:13px;
- text-align:left;}
- /*-------------------------- CREDIT; DON'T REMOVE -------------------------*/
- #credit {
- z-index:99999;
- position:fixed;
- bottom:10px;
- {block:IfNotCreditOnTheRight}left:10px;{/block:IfNotCreditOnTheRight}
- {block:IfCreditOnTheRight}right:10px;{/block:IfCreditOnTheRight}}
- #credit a {
- display:inline-block;
- height:17px; width:18px;
- padding-top:1px;
- text-align:center;
- border-radius:15px;
- line-height:16px;
- background:{color:Symbol Links BG};
- border:2px solid {color:Symbol Links Text};
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- transition: all 0.3s linear;}
- #credit a i {
- color:{color:Symbol Links Text};
- line-height:16px;
- font-size:11px;
- position: relative;
- top: 50%;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- transition: all 0.3s linear;}
- #credit a:hover {
- border:2px solid {color:Symbol Links Hover Text};
- box-shadow:0 0 3px {color:Symbol Links Hover BG};
- transform: rotate(360deg);
- -webkit-transform: rotate(360deg);
- -moz-transform: rotate(360deg);
- -o-transform: rotate(360deg);
- -ms-transform: rotate(360deg);}
- #credit a:hover i {
- color:{color:Symbol Links Hover Text};
- text-shadow:0 0 3px {color:Symbol Links Hover Text};}
- /* --------------------------- MINOR STUFF ---------------------------- */
- /* hover text */
- #s-m-t-tooltip {
- z-index: 99999;
- display: block;
- margin-left:20px; margin-top:10px;
- border-left:5px solid {color:Blockquote Border};
- max-width:200px;
- color: {color:Link Hover Text};
- text-transform:uppercase;
- font-size:8px;
- {block:IfNotpixelfonts}
- padding: 3px 5px 4px 6px;
- font-family:Calibri;
- {/block:IfNotpixelfonts}
- {block:Ifpixelfonts}
- padding: 4px 5px 3px 6px;
- font-family:'tr0nx2', Calibri;
- {/block:Ifpixelfonts}
- line-height:10px;
- letter-spacing:1px;
- text-align:left;
- background: {color:Link Hover BG};}
- #s-m-t-tooltip:empty, #s-m-t-tooltip:invalid {display:none; opacity:0; visibility: hidden;}
- /* scrollbar */
- ::-webkit-scrollbar {
- height: 9px;
- width: 9px;
- background: {color:Scroll Track};
- border: 4px solid {color:background};}
- ::-webkit-scrollbar-thumb {
- background: {color:Scroll Thumb};
- border:3px solid {color:background};}
- /* 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 --------------------------- */
- /* links */
- a:link, a:active, a:visited {
- text-decoration:none;
- color:{color:Posts Links};
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- transition: all 0.3s linear;}
- a:hover {
- color:{color:Posts Links Hover};
- -webkit-transition: all 0.1s linear;
- -moz-transition: all 0.1s linear;
- transition: all 0.1s linear;}
- .posts a {
- letter-spacing:1px;
- text-transform:uppercase;
- font-size:9px;}
- .posts a:hover {
- text-shadow:0 0 3px {color:Blockquote Border};}
- /* main font decorations */
- b, strong{
- font-weight:normal;
- color:{color:Posts Bold};
- text-shadow:1px 0px 0px {color:Posts Bold};
- letter-spacing:1px;}
- i, em {color:{color:Posts Italic};}
- b a, strong a, a b, a strong {color:{color:Posts Links}; text-shadow:1px 0px 0px {color:Posts Links}};}
- i a, em a, a i, a em {font-style: italic; color:{color:Posts Links};}
- pre {color:{color:Posts Code};
- font-size:11px;
- max-width:100%;
- font-family:Courier New;
- background:{color:Posts Code BG};
- padding:3px 6px 4px 6px;
- border-left: 5px solid {color:blockquote border};
- word-wrap: break-word;
- white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;}
- code {
- color:{color:Posts Code};
- font-size:11px;
- font-family:Courier New;
- background:{color:Posts Code BG};
- padding:0px 1px 1px 1px;}
- /* text and link post titles */
- h1 {font: normal normal normal 18px/18px Audiowide;
- text-transform:uppercase;
- color:{color:Posts Title};
- text-align:center;
- letter-spacing:1px;}
- /* quote and ask post titles */
- h2 {font: normal normal normal 16px/16px Audiowide;
- color:{color:Posts Bold};
- text-align:center;
- letter-spacing:0px;}
- .posts h1:first-child, .posts h2:first-child {margin-top:0px;}
- /* --------------------------------------------------------------------------
- S I D E B A R
- -------------------------------------------------------------------------- */
- /* entire sidebar container */
- #side {
- position:fixed;
- left:50%; margin-left:-445px;
- top:50%; margin-top:-85px;
- height:170px; width:170px;
- border-radius:85px;
- /* background:rgba(255,0,0,0.1); */
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;}
- #side:hover {
- margin-left:-495px;
- height:170px; width:310px;
- border-radius:85px 0px 0px 85px;}
- /* identity disc */
- #disc {
- z-index:3; opacity:1;
- position:fixed;
- left:50%; margin-left:-425px;
- top:50%; margin-top:-75px;
- height:150px; width:150px;
- border-radius:75px;
- {block:IfNotWhiteDisc}background: {color:Identity Disc Glow} url(http://static.tumblr.com/u5vz4xb/URhno0uih/disc2.png) center;
- {/block:IfNotWhiteDisc}{block:IfWhiteDisc}
- background: {color:Identity Disc Glow} url(http://static.tumblr.com/u5vz4xb/nYpno798s/disc3.png) center;{/block:IfWhiteDisc}
- background-size:cover;
- box-shadow:0 0 6px {color:Identity Disc Glow};
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;}
- #disc-hole {
- position:relative;
- top:50%; left:50%;
- margin-top:-31px; margin-left:-31px;
- height:62px; width:62px;
- border-radius:62px;
- background:{color:background} url('{image:background}') fixed;}
- #side:hover #disc {
- box-shadow:none;
- margin-left:-485px;
- transform: rotate(180deg);
- -webkit-transform: rotate(180deg);
- -moz-transform: rotate(180deg);
- -o-transform: rotate(180deg);
- -ms-transform: rotate(180deg);}
- /* description */
- #description {
- z-index:4;
- opacity:0;
- position:fixed;
- left:50%; margin-left:-425px;
- top:50%; margin-top:-75px;
- height:130px; width:130px;
- padding:5px;
- background:{color:description bg};
- border:5px solid {color:description borders};
- box-shadow:0 0 6px {color:Identity Disc Glow}, 0 0 6px {color:Identity Disc Glow} inset;
- border-radius:75px;
- overflow:hidden;
- color:{color:Description Text};
- {block:IfDescriptionCentered}text-align:center;{/block:IfDescriptionCentered}
- {block:IfNotDescriptionCentered}text-align:justify;{/block:IfNotDescriptionCentered}
- line-height:10px;
- text-transform:uppercase;
- {block:IfNotpixelfonts}
- font-size:8px;
- font-family:Calibri;
- letter-spacing:.5px;
- {/block:IfNotpixelfonts}
- {block:Ifpixelfonts}
- font-size:8px;
- font-family:'tr0nx2', Calibri;
- letter-spacing:0px;
- {/block:Ifpixelfonts}
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;}
- #description a {
- color:{color:description links};
- {block:IfNotpixelfonts}
- font-size:8px;
- {/block:IfNotpixelfonts}
- {block:Ifpixelfonts}
- font-size:8px;
- {/block:Ifpixelfonts}}
- #description a:hover {
- color:{color:description links hover};}
- #description b, #description strong {
- color:{color:Description Text};
- {block:Ifpixelfonts}
- font-weight:normal;
- text-shadow:1px 0px 0px {color:Description Text};
- letter-spacing:1px;
- {/block:Ifpixelfonts}}
- #description i, #description em {color:{color:Description Text};}
- .leftdescspace {float:left; clear:left; height:10px;}
- .rightdescspace {float:right; clear:right; height:10px;}
- #side:hover #description {opacity:1; margin-left:-485px;}
- /* ------------------------------ NAVIGATION ----------------------------- */
- /* page-navigation and link-title container */
- #navigationtab {
- z-index:1; opacity:0;
- position:fixed;
- width:0px; height:30px;
- left:50%; margin-left:-380px;
- top:50%; margin-top:-73px;
- border:solid {color:description links};
- border-width:0px 4px 0px 4px;
- overflow:hidden;
- display:block;
- background:{color:description bg};
- border-radius:4px 2px 4px 2px;
- transform: skew(45deg, 0deg);
- -webkit-transform: skew(45deg, 0deg);
- -moz-transform: skew(45deg, 0deg);
- -o-transform: skew(45deg, 0deg);
- -ms-transform: skew(45deg, 0deg);
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- transition: all 0.3s linear;}
- #side:hover #navigationtab {
- opacity:1; width:155px;}
- #pagination, #linktitle {
- z-index:2;
- position:fixed;
- overflow:hidden;
- line-height:10px;
- left:50%; top:50%;
- text-transform:uppercase;
- color:{color:Description Text};
- text-align:center;
- {block:IfNotpixelfonts}
- font-size:8px;
- font-family:Calibri;
- {/block:IfNotpixelfonts}
- {block:Ifpixelfonts}
- font-size:16px;
- font-family:'tr0n', Calibri;
- {/block:Ifpixelfonts}
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- transition: all 0.3s linear;}
- #pagination a {
- color:{color:Description Links};}
- #pagination a:hover {
- color:{color:Description Links Hover};}
- #pagination {
- opacity:0;
- width:0px; height:14px;
- padding:1px 12px 0px 25px;
- margin-left:-374px; margin-top:-73px;
- letter-spacing:0px;
- border-bottom:1px dotted {color:Description Text};}
- #side:hover #pagination {
- opacity:1; width:115px;}
- #linktitle {
- opacity:0; visibility:hidden;
- height:15px;
- color:{color:Description Links};
- margin-left:-340px; margin-top:-56px;
- width:117px; padding-right:3px;
- letter-spacing:1px;}
- #side:hover #minorlink:hover #linktitle {opacity:1; visibility:visible;}
- #side:hover #mainlinks:hover #linktitle {opacity:1; visibility:visible;}
- /* ------------------------------ MAIN LINKS ----------------------------- */
- /* sidebar not hovered */
- #mainlinks a {
- z-index:2; position:fixed;
- left:50%;
- top:50%; margin-top:-35px;
- opacity:0;
- position:fixed;
- display:block;
- height:28px; width:27px;
- padding-left:1px;
- border-radius:15px;
- color:{color:Symbol Links Text};
- background:{color:Symbol Links BG};
- border:1px solid {color:Symbol Links Borders};
- font-size:18px;
- text-align:center;
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- transition: all 0.3s linear;
- transform: rotate(180deg);
- -webkit-transform: rotate(180deg);
- -moz-transform: rotate(180deg);
- -o-transform: rotate(180deg);
- -ms-transform: rotate(180deg);}
- #link1, #link2, #link3, #link4 {margin-left:-310px}
- #mainlinks i {
- color:{color:Symbol Links Text};
- position: relative;
- top: 50%;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- transition: all 0.3s linear;}
- /* sidebar hovered, links not hovered */
- #side:hover #mainlinks a {
- opacity:1;
- transform: rotate(360deg);
- -webkit-transform: rotate(360deg);
- -moz-transform: rotate(360deg);
- -o-transform: rotate(360deg);
- -ms-transform: rotate(360deg);}
- #side:hover #link1 {margin-left:-332px}
- #side:hover #link2 {margin-left:-297px}
- #side:hover #link3 {margin-left:-261px}
- #side:hover #link4 {margin-left:-226px}
- /* sidebar hovered, links hovered */
- #side:hover #mainlinks a:hover {
- background:{color:Symbol Links Hover BG};
- border:1px solid {color:Symbol Links Hover Borders};
- border-radius:0px;
- box-shadow:0 0 3px {color:Symbol Links Hover BG}}
- #side:hover #mainlinks a:hover i {
- font-size:21px;
- color:{color:Symbol Links Hover Text};
- text-shadow:0 0 3px {color:Symbol Links Hover Text};}
- /* ----------------------------- MINOR LINKS ----------------------------- */
- /* horizontal lines */
- .minorline1 {
- z-index:2;
- position:fixed;
- left:50%; margin-left:-350px;
- top:50%;
- height:5px; background:{color:circuits};
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- transition: all 0.3s linear;}
- #line1 {margin-top:35px; width:0px;}
- #line3 {margin-top:25px; width:0px;}
- #line5 {margin-top:15px; width:0px;}
- #line7 {margin-top:5px; width:0px;}
- /* horizontal lines hovered */
- #side:hover #line1 {width:35px; opacity:1;}
- #side:hover #line3 {width:55px; opacity:1;}
- #side:hover #line5 {width:75px; opacity:1;}
- #side:hover #line7 {width:95px; opacity:1;}
- #minorlink:hover .minorline1 {
- background:{color:circuits Hover};}
- #side:hover #minorlink:hover #line1 {width:36px;}
- #side:hover #minorlink:hover #line3 {width:56px;}
- #side:hover #minorlink:hover #line5 {width:76px;}
- #side:hover #minorlink:hover #line7 {width:96px;}
- /* diagonal lines */
- .minorline2 {
- z-index:2;
- position:fixed;
- left:50%; top:50%;
- height:5px; background:{color:circuits};
- transform: rotate(45deg);
- -webkit-transform: rotate(45deg);
- -moz-transform: rotate(45deg);
- -o-transform: rotate(45deg);
- -ms-transform: rotate(45deg);
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- transition: all 0.3s linear;}
- #line2 {width:0; margin-top:35px; margin-left:-311px;}
- #line4 {width:0; margin-top:25px; margin-left:-294px;}
- #line6 {width:0; margin-top:15px; margin-left:-276px;}
- #line8 {width:0; margin-top:5px; margin-left:-258px;}
- /* diagonal lines hovered*/
- #side:hover #line2 {width:30px; opacity:1; margin-top:45px; margin-left:-321px;}
- #side:hover #line4 {width:45px; opacity:1; margin-top:40px; margin-left:-304px;}
- #side:hover #line6 {width:60px; opacity:1; margin-top:35px; margin-left:-286px;}
- #side:hover #line8 {width:74px; opacity:1; margin-top:31px; margin-left:-267px;}
- #minorlink:hover .minorline2 {
- background:{color:circuits Hover};}
- #side:hover #minorlink:hover #line2 {width:35px; margin-top:47px; margin-left:-321px;}
- #side:hover #minorlink:hover #line4 {width:50px; margin-top:42px; margin-left:-304px;}
- #side:hover #minorlink:hover #line6 {width:65px; margin-top:37px; margin-left:-286px;}
- #side:hover #minorlink:hover #line8 {width:79px; margin-top:33px; margin-left:-267px;}
- /* end circles */
- .lineend {
- z-index:2;
- position:fixed;
- top:50%; margin-top:56px;
- left:50%;
- text-decoration:none;
- display:inline-block;
- margin-right:15px;
- width:10px; height:10px;
- border:0px solid {color:circuits};
- border-radius:5px;
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- transition: all 0.3s linear;}
- #end1 {margin-left:-298px;}
- #end2 {margin-left:-268px;}
- #end3 {margin-left:-238px;}
- #end4 {margin-left:-208px;}
- /* end circles hovered */
- #side:hover #end1 {opacity:1; width:4px; height:4px; border:3px solid {color:circuits};}
- #side:hover #end2 {opacity:1; width:4px; height:4px; border:3px solid {color:circuits};}
- #side:hover #end3 {opacity:1; width:4px; height:4px; border:3px solid {color:circuits};}
- #side:hover #end4 {opacity:1; width:4px; height:4px; border:3px solid {color:circuits};}
- #side:hover #minorlink:hover .lineend {margin-top:60px; border:3px solid {color:circuits Hover};}
- #side:hover #minorlink:hover #end1 {margin-left:-293px;}
- #side:hover #minorlink:hover #end2 {margin-left:-263px;}
- #side:hover #minorlink:hover #end3 {margin-left:-233px;}
- #side:hover #minorlink:hover #end4 {margin-left:-203px;}
- /* --------------------------------------------------------------------------
- P O S T S
- -------------------------------------------------------------------------- */
- /* posts position */
- #entries {
- margin-top:70px;
- margin-left:50%;}
- /* posts themselves */
- .posts {
- margin:0 0 70px -50px;
- overflow:hidden;
- width: 500px;
- padding:20px;
- background: {color:Posts BG};
- border: 1px solid {color:Blockquote BG};
- box-shadow:3px 0px 3px -3px {color:blockquote border}, -3px 0px 3px -3px {color:blockquote border} inset;
- border-right:3px solid {color:blockquote border};}
- /* ------------------------------ POST TYPES ----------------------------- */
- /* text post */
- blockquote {
- padding:3px 0px 3px 6px;
- margin:-6px 0 -4px 6px;
- background:{color:blockquote bg};
- border-left:2px solid {color:blockquote border};}
- blockquote blockquote {
- padding:1px 0px 1px 6px;}
- blockquote p:first-of-type {margin-top:0px;}
- blockquote p:last-of-type {margin-bottom:0px;}
- /* separator */
- hr {display: block;
- margin-top: 10px;
- margin-bottom: 10px;
- margin-left: auto;
- margin-right: auto;
- border-style: solid;
- border-width: 1px;
- border-color: {color:blockquote border};}
- /* bullet lists */
- ul {margin-left:-15px;
- list-style-type:circle;}
- ol {margin-left:-15px;
- list-style-type:decimal;}
- li {margin-bottom:3px;}
- /* text-images */
- .posts img {
- max-width:100%;
- {block:IfFadePhotos}opacity:0.85;{/block:IfFadePhotos}
- -webkit-transition-duration: 0.2s;
- -moz-transition-duration:0.2s;
- -o-transition-duration:0.2s;
- transition-duration:0.2s;}
- .posts:hover img {opacity:1;}
- /* 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::before {content: "└";}
- .tmblr-attribution::after {content: " >";}
- img a{border:none; max-width:100%;}
- /* link posts */
- .link-posts a {
- background: {color:Symbol Links Text};
- display:inline-block;
- width: 480px;
- border-radius:3px;
- padding:10px;
- color:{color:Posts BG};}
- .link-posts a:hover {
- background: {color:Symbol Links Hover Text}}
- /* ask posts */
- .ask-posts {
- min-height:64px;
- padding: 10px;
- background: {color:Blockquote BG};
- border-radius:3px;}
- .ask-posts img {
- border-radius:2px;
- max-width:64px;}
- .ask-posts .question {
- margin-top:-64px; margin-left:74px;
- width:406px;}
- .ask-posts h2 {text-align:left; margin:0px 0px 5px 0px;}
- /* 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 */
- .person {
- font-weight:normal;
- color:{color:Posts Bold};
- text-shadow:1px 0px 0px {color:Posts Bold};
- letter-spacing:1px;}
- ul.chat, .chat ol, .chat li {
- list-style:none;
- margin:0px;
- padding:3px;}
- .chat li:nth-child(odd) {
- padding:4px 3px 4px 3px;}
- .chat li:nth-child(even) {
- background: {color:blockquote bg};}
- /* text-images */
- .posts img {
- max-width:100%;
- {block:IfFadePhotos}opacity:0.85;{/block:IfFadePhotos}
- -webkit-transition-duration: 0.2s;
- -moz-transition-duration:0.2s;
- transition-duration:0.2s;
- -o-transition-duration:0.2s;}
- .posts:hover img {opacity:1;}
- img a{border:none; max-width:100%;}
- /* 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 */
- .caption #youtube_iframe, .caption iframe {
- margin:5px 0px 5px 0px;
- max-width:100%;}
- /* audio posts */
- #audio-pic {
- display:inline-block;
- vertical-align:middle;
- margin-right:2px;
- border-radius:3px;
- 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;
- border-radius:3px;
- padding:4px 7px;
- margin:0px; margin-top:4px;
- {block:IfNotpixelfonts}
- font-size:8px;
- font-family:Calibri;
- letter-spacing:.5px;
- {/block:IfNotpixelfonts}
- {block:Ifpixelfonts}
- font-size:8px;
- font-family:'tr0nx2', Calibri;
- letter-spacing:0px;
- {/block:Ifpixelfonts}
- background:{color:Posts 2nd BG};}
- #info-container b {
- color:{color:Posts Bold};
- {block:Ifpixelfonts}
- font-weight:normal;
- text-shadow:1px 0px 0px {color:Posts Bold};
- letter-spacing:1px;
- {/block:Ifpixelfonts}}
- .posts .audio_player {
- max-width:355px; max-height:27px;
- margin:0px; border-radius:3px;
- 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 symbol ending */
- #postinfo {
- margin-top:20px;
- padding-top:9px;
- position:absolute;
- text-align:center;
- margin-left:75px;
- line-height:25px;
- width:350px; height:30px;}
- #postinfo a {
- text-decoration:none;
- display:inline-block;
- margin:0px 5px 0px 5px;
- height:23px; width:22px;
- padding-left:1px;
- border-radius:15px;
- color:{color:Symbol Links Text};
- background:{color:Symbol Links BG};
- border:1px solid {color:Symbol Links Borders};
- line-height:16px;
- font-size:13px;
- text-align:center;
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- transition: all 0.3s linear;}
- #postinfo i {
- color:{color:Symbol Links Text};
- line-height:16px;
- font-size:13px;
- position: relative;
- top: 50%;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- transition: all 0.3s linear;}
- #postinfo a:hover {
- margin:0px 10px 0px 10px;
- background:{color:Symbol Links Hover BG};
- border:1px solid {color:Symbol Links Hover Borders};
- border-radius:0px;
- box-shadow:0 0 3px {color:Symbol Links Hover BG};}
- #postinfo a:hover i {
- font-size:16px;
- color:{color:Symbol Links Hover Text};
- text-shadow:0 0 3px {color:Symbol Links Hover Text};}
- #infoline1 {
- position:absolute; display:box;
- margin-top:21px; margin-left:90px;
- height:0px; width:8px;
- background:{color:Circuits};
- transform: skew(45deg, 0deg);
- -webkit-transform: skew(45deg, 0deg);
- -moz-transform: skew(45deg, 0deg);
- -o-transform: skew(45deg, 0deg);
- -ms-transform: skew(45deg, 0deg);
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- transition: all 0.3s linear;}
- #infoline2 {
- position:absolute; display:box;
- margin-top:41px; margin-left:115px;
- height:5px; width:0px;
- background:{color:Circuits};
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- transition: all 0.3s linear;}
- #infolineend {
- position:absolute; display:box;
- margin-top:39px; margin-left:384px;
- width:10px; height:10px;
- border:0px solid {color:circuits};
- border-radius:5px;
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- transition: all 0.3s linear;}
- .posts:hover #infoline1 {
- height:25px; margin-left:100px;}
- .posts:hover #infoline2 {
- width:270px;}
- .posts:hover #infolineend {width:4px; height:4px; border:3px solid {color:circuits};}
- /* if text ending */
- #postending {
- border-radius:3px;
- padding:10px;
- width:500px;
- {block:IfNotpixelfonts}
- padding:10px;
- {/block:IfNotpixelfonts}
- {block:Ifpixelfonts}
- padding:8px 10px 12px 10px;
- {/block:Ifpixelfonts}
- margin:15px 0px -10px -10px;
- background: {color:Ending BG};
- text-align:center;
- border-radius:1px;
- margin-top:15px;
- text-transform:uppercase;
- {block:IfNotpixelfonts}
- font-size:8px;
- font-family:Calibri;
- letter-spacing:1px;
- {/block:IfNotpixelfonts}
- {block:Ifpixelfonts}
- font-size:16px;
- font-family:'tr0n', Calibri;
- {/block:Ifpixelfonts}
- color: {color:Ending Text};}
- #postending a {
- {block:IfNotpixelfonts}
- font-size:8px;
- {/block:IfNotpixelfonts}
- {block:Ifpixelfonts}
- font-size:16px;
- {/block:Ifpixelfonts}
- color:{color:Ending Links};}
- #postending a:hover {
- text-shadow:none;
- color:{color:Ending Links Hover};}
- /* ----------------------------- PERMALINK ------------------------------- */
- /* permalink position */
- #permalink {
- background:; /* if you want the post-notes to have a non-transparent bg */
- margin-top: -70px; margin-left:-50px;
- width: 500px;
- padding: 20px;}
- /* post notes container */
- #notescontainer {
- width: 500px;
- max-height:600px;
- overflow: auto;
- line-height:14px;
- text-transform:uppercase;
- {block:IfNotpixelfonts}
- font-size:8px;
- font-family:Calibri;
- letter-spacing:1px;
- {/block:IfNotpixelfonts}
- {block:Ifpixelfonts}
- font-size:16px;
- font-family:'tr0n', Calibri;
- {/block:Ifpixelfonts}
- text-align:left;
- color:{color:Permalink Text};}
- #notescontainer a {
- color:{color:Permalink Links};}
- #notescontainer a:hover {
- color:{color:Permalink Links Hover};}
- #notescontainer blockquote {
- background:none; padding:1px 0px 1px 6px;
- margin-top:3px; margin-bottom:3px;
- border-left: 2px solid {color:Permalink Blockquote};}
- #notescontainer a::before {content: "{";}
- #notescontainer a::after {content: "}";}
- #notescontainer .avatar_frame::before {content:none;}
- #notescontainer .avatar_frame::after {content:none;}
- /* permalink etc */
- .notes img {
- {block:IfFadePhotos}opacity:0.7;{/block:IfFadePhotos}
- {block:IfMonochromePhotos}-webkit-filter: grayscale(100%);{/block:IfMonochromePhotos}
- width: 10px;
- position: relative;
- vertical-align: middle;
- padding-right: 5px;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;}
- ol.notes, .notes li {
- width: 100%;
- list-style: none;
- margin: 0px;
- padding-left: 0px}
- .notes li:hover img {
- {block:IfFadePhotos}opacity:1;{/block:IfFadePhotos}
- {block:IfMonochromePhotos}-webkit-filter: grayscale(0%);{/block:IfMonochromePhotos}
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;}
- /* permalink scrollbar */
- #permalink ::-webkit-scrollbar {
- height: 5px;
- width: 5px;
- background: transparent;}
- #permalink ::-webkit-scrollbar-thumb:vertical {
- background: {color:Permalink Scroll Thumb};
- border:none;
- border-radius: 1px;}
- </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}), pointer;}
- </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 -------------------------->
- <div id="credit">
- <a href="http://nyctothemes.tumblr.com/" title="© nyctothemes">
- <i class="fa fa-circle-o-notch"></i>
- </a>
- </div>
- <!-------------------------------- SIDEBAR --------------------------------->
- <div id="side">
- <div id="disc"><div id="disc-hole"></div></div>
- <!-- description -->
- <div id="description">
- <div class="leftdescspace" style="width:38px;"></div>
- <div class="rightdescspace" style="width:38px;"></div>
- <div class="leftdescspace" style="width:24px;"></div>
- <div class="rightdescspace" style="width:24px;"></div>
- <div class="leftdescspace" style="width:14px;"></div>
- <div class="rightdescspace" style="width:14px;"></div>
- <div class="leftdescspace" style="width:7px;"></div>
- <div class="rightdescspace" style="width:7px;"></div>
- <div class="leftdescspace" style="width:4px;"></div>
- <div class="rightdescspace" style="width:4px;"></div>
- <div class="leftdescspace" style="width:1px;"></div>
- <div class="rightdescspace" style="width:1px;"></div>
- <div class="leftdescspace" style="width:0px;"></div>
- <div class="rightdescspace" style="width:0px;"></div>
- <div class="leftdescspace" style="width:1px;"></div>
- <div class="rightdescspace" style="width:1px;"></div>
- <div class="leftdescspace" style="width:4px;"></div>
- <div class="rightdescspace" style="width:4px;"></div>
- <div class="leftdescspace" style="width:7px;"></div>
- <div class="rightdescspace" style="width:7px;"></div>
- <div class="leftdescspace" style="width:14px;"></div>
- <div class="rightdescspace" style="width:14px;"></div>
- <div class="leftdescspace" style="width:24px;"></div>
- <div class="rightdescspace" style="width:24px;"></div>
- <div class="leftdescspace" style="width:38px;"></div>
- <div class="rightdescspace" style="width:38px;"></div>
- {description}
- </div>
- <!-- page navigation and link titles -->
- <div id="navigationtab"></div>
- <div id="pagination">
- {block:indexpage}{block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}">{/block:PreviousPage}<{block:PreviousPage}</a> {/block:PreviousPage}{block:JumpPagination length="5"} {block:CurrentPage}{PageNumber}{/block:CurrentPage} {block:JumpPage}<a class="jump" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination} {block:NextPage}<a href="{NextPage}">{/block:NextPage}>{block:NextPage}</a>{/block:NextPage}
- {/block:Pagination}{/block:indexpage}
- {block:permalinkpage}Permalink Page{/block:permalinkpage}
- </div>
- <!-- large links -->
- <div id="mainlinks">
- <div id="linktitle">Index</div>
- <a href="/" id="link1"><i class="fa fa-power-off"></i></a>
- </div>
- <div id="mainlinks">
- <div id="linktitle">Message</div>
- <a href="/ask" id="link2"><i class="fa fa-crosshairs"></i></a>
- </div>
- <div id="mainlinks">
- <div id="linktitle">Archive</div>
- <a href="/archive" id="link3"><i class="fa fa-clock-o"></i></a>
- </div>
- <div id="mainlinks">
- <div id="linktitle">Submit</div>
- <a href="/submit" id="link4"><i class="fa fa-arrow-circle-o-up"></i></a>
- </div>
- <!-- circuit-board links -->
- <a href="{text:link 1 URL}" id="minorlink">
- <div id="linktitle">{text:link 1 hover}</div>
- <div class="minorline1" id="line1"></div>
- <div class="minorline2" id="line2"></div>
- <div class="lineend" id="end1"></div>
- </a>
- <a href="{text:link 2 URL}" id="minorlink">
- <div id="linktitle">{text:link 2 hover}</div>
- <div class="minorline1" id="line3"></div>
- <div class="minorline2" id="line4"></div>
- <div class="lineend" id="end2"></div>
- </a>
- <a href="{text:link 3 URL}" id="minorlink">
- <div id="linktitle">{text:link 3 hover}</div>
- <div class="minorline1" id="line5"></div>
- <div class="minorline2" id="line6"></div>
- <div class="lineend" id="end3"></div>
- </a>
- <a href="{text:link 4 URL}" id="minorlink">
- <div id="linktitle">{text:link 4 hover}</div>
- <div class="minorline1" id="line7"></div>
- <div class="minorline2" id="line8"></div>
- <div class="lineend" id="end4"></div>
- </a>
- </div>
- <!--------------------------------- POSTS --------------------------------->
- <div id="entries">
- {block:posts}
- <div class="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; border-radius:3px">
- </a>
- </center>{/block:Thumbnail}
- <div class="link-posts"><h1><a href="{URL}">
- {Name} →</l>
- </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}<span class="person">{Label}</span>{/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 post -->
- {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 -->
- Date{ <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}</a> }
- <!-- notes counter -->
- {block:NoteCount}
- Notes{ <span style="color:{color:ending links}">{NoteCount}</span> }
- {/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 Symbols for Index Page ------------->
- {block:IfSymbolInfoForIndexpage}
- {block:IndexPage}
- <div id="infoline1"></div><div id="infoline2"></div><div id="infolineend"></div>
- <div id="postinfo">
- <!-- date posted -->
- {block:Date}
- <a href="{Permalink}" title="Date{ {ShortMonth}.{DayOfMonthWithZero}.{ShortYear}"><i class="fa fa-clock-o"></i></a>
- {/block:Date}
- <!-- notes counter -->
- {block:NoteCount}
- <a href="{Permalink}" title="Notes{ {NoteCount}"><i class="fa fa-heart"></i></a>
- {/block:NoteCount}
- <!-- reblogged from -->
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}" title="Via{ {ReblogParentName}"><i class="fa fa-at"></i></a>
- {/block:RebloggedFrom}
- <!-- original poster -->
- {block:ContentSource}
- <a href="{SourceURL}" title="Source{ {SourceTitle}"><i class="fa fa-copyright"></i></a>
- {/block:ContentSource}
- <!-- tags -->
- {block:HasTags}
- <a href="{Permalink}" title="Tags{ {block:Tags}{Tag}, {/block:Tags}"><i class="fa fa-tags"></i></a>
- {/block:HasTags}
- <!-- reblog -->
- <a href="{ReblogURL}" title="Reblog"><i class="fa fa-refresh"></i></a>
- </div>
- {/block:IndexPage}
- {/block:IfSymbolInfoForIndexpage}
- <!------------- If Text for Index Page ------------->
- {block:IfNotSymbolInfoForIndexpage}
- {block:IndexPage}
- {block:Date}<div id="postending">
- <!-- date posted -->
- Date{ <a href="{Permalink}">{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}</a> }
- <!-- notes counter -->
- {block:NoteCount}
- Notes{ <a href="{Permalink}">{NoteCount}</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:IfNotSymbolInfoForIndexpage}
- </div> <!-- ending div tag for "posts" -->
- {/block:Posts}
- <!------------------------------ PERMALINK ------------------------------->
- {block:PostNotes}
- <div id="permalink">
- <div id="notescontainer">{PostNotes}</div>
- </div>
- {/block:PostNotes}
- </div> <!-- ending div tag for "entries" -->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement