Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <!----------------------------------------------------------------------------
- ,,
- ,GG,
- GIIG
- Gl''lG
- ;G' 'G;
- GP YG
- oQ' 'Qo -Aᴡᴀᴋᴇɴ ᴛʜᴇᴍᴇ ʙʏ
- *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-tooltipsop.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:Custom Background Image" content="https://31.media.tumblr.com/9cd83b02930bc08e371f3761047ee4dd/tumblr_inline_ngcsw4MRGe1rg1lxe.png"/>
- <meta name="image:Custom Sidebar Glass BG" content="https://31.media.tumblr.com/02237e4ae12d9c46fba6989ce7771797/tumblr_inline_ncqksjplSw1rg1lxe.png"/>
- <meta name="image:Album Art" content="https://31.media.tumblr.com/26a12b635fa21b1c335e22e1cd84e110/tumblr_inline_nfuaycxzuk1rg1lxe.png"/>
- <meta name="image:Custom Cursor" content="https://31.media.tumblr.com/5010e078d907f29ab938348828970e83/tumblr_inline_ncu125xeKA1rg1lxe.png"/>
- <meta name="image:Custom Cursor Links" content="https://31.media.tumblr.com/ac60978ee410547eee038a086318e695/tumblr_inline_ncu1untu7J1rg1lxe.png"/>
- <meta name="image:Favicon" content="https://31.media.tumblr.com/e143cc0f3a13efeca4ae20c71c5890ca/tumblr_inline_nilpryAesd1rg1lxe.png"/>
- <!--------------------------------- COLORS ---------------------------------->
- <!-- Main Stuff -->
- <meta name="color:Main Scroll BG" content="#000000"/>
- <meta name="color:Main Scroll Thumb" content="#23252d"/>
- <!-- Posts -->
- <meta name="color:Post Text" content="#414045"/>
- <meta name="color:Post Bold" content="#47474f"/>
- <meta name="color:Post Italic" content="#47474f"/>
- <meta name="color:Post Link" content="#4d90b1"/>
- <meta name="color:Post Link Hover" content="#8dd5cf"/>
- <meta name="color:Post Code" content="#414045"/>
- <meta name="color:Post Code BG" content="#0d0d0f"/>
- <meta name="color:Post Blockquote" content="#0d0d0f"/>
- <meta name="color:Post Title" content="#51565b"/>
- <meta name="color:Ask BG" content="#0d0d0f"/>
- <meta name="color:Audio Player" content="#36405f"/>
- <!-- Side -->
- <meta name="color:SideLinks Container Glow" content="#1a2230"/>
- <meta name="color:SideLinks" content="#b788b1"/>
- <meta name="color:SideLinks BG" content="#6b3a74"/>
- <meta name="color:SideLinks Border" content="#0c1223"/>
- <meta name="color:SideLinks Glow" content="#6b3a74"/>
- <meta name="color:SideLinks Hover" content="#b788b1"/>
- <meta name="color:SideLinks BG Hover" content="#e3e7e7"/>
- <meta name="color:SideLinks Border Hover" content="#b788b1"/>
- <meta name="color:SideLinks Glow Hover" content="#ededed"/>
- <!-- Description -->
- <meta name="color:Pagination Link" content="#151926"/>
- <meta name="color:Pagination Glow" content="#151926"/>
- <meta name="color:Pagination Link Hover" content="#3d5b8f"/>
- <meta name="color:Pagination Glow Hover" content="#435065"/>
- <meta name="color:Description Text" content="#414045"/>
- <meta name="color:Description Bold" content="#47474f"/>
- <meta name="color:Description Italic" content="#47474f"/>
- <meta name="color:Description Link" content="#4d90b1"/>
- <meta name="color:Description Link Hover" content="#8dd5cf"/>
- <meta name="color:Description Scroll Track" content="#0d0d0f"/>
- <meta name="color:Description Scroll Thumb" content="#23252d"/>
- <!-- Post Ending Info -->
- <meta name="color:Simple Info BG" content="#151926"/>
- <meta name="color:Simple Info Glow" content="#151926"/>
- <meta name="color:Simple Info BG Hover" content="#8ed7e7"/>
- <meta name="color:Simple Info Glow Hover" content="#445894"/>
- <meta name="color:Post Ending BG" content="#151926"/>
- <meta name="color:Post Ending Text" content="#456068"/>
- <meta name="color:Post Ending Link" content="#9dafb8"/>
- <meta name="color:Post Ending Link Hover" content="#c3d3df"/>
- <meta name="color:Post Ending Border" content="#28343e"/>
- <meta name="color:Post Ending Glow" content="#151926"/>
- <!-- Permalink Notes -->
- <meta name="color:Permalink Text" content="#2b2b2b"/>
- <meta name="color:Permalink Link" content="#313336"/>
- <meta name="color:Permalink Link Hover" content="#425260"/>
- <meta name="color:Permalink Blockquote" content="#2b2b2b"/>
- <meta name="color:Permalink Scroll" content="#23252d"/>
- <!-- Hover Text + Click-n-Drag Selection -->
- <meta name="color:Hover Text" content="#c6c6c6"/>
- <meta name="color:Selection Text" content="#2e2e2e"/>
- <meta name="color:Selection Link" content="#335781"/>
- <!-------------------------------- DROPDOWNS -------------------------------->
- <meta name="select:Background Image" content="https://31.media.tumblr.com/b7bb0df67f721fa56e1acc5e56962299/tumblr_inline_ngcswdkSLz1rg1lxe.png" title="Blue, with words"/>
- <meta name="select:Background Image" content="https://31.media.tumblr.com/9cd83b02930bc08e371f3761047ee4dd/tumblr_inline_ngcsw4MRGe1rg1lxe.png" title="Blue, no words">
- <meta name="select:Background Image" content="https://31.media.tumblr.com/9f0a7d6f611cd44635b136f5d9c26a99/tumblr_inline_nghsmnNbQ11rg1lxe.png" title="Green, with words"/>
- <meta name="select:Background Image" content="https://31.media.tumblr.com/fb32a1b42b7a8603ce6eec71f7edae83/tumblr_inline_nghsmg7ItU1rg1lxe.png" title="Green, no words"/>
- <meta name="select:Background Image" content="https://31.media.tumblr.com/f9fc725d2c75ecdd28be24359447a3da/tumblr_inline_nghsnrxrwv1rg1lxe.png" title="Red, with words"/>
- <meta name="select:Background Image" content="https://31.media.tumblr.com/d1e952532cdb30847f510c9b96bccf6b/tumblr_inline_nghsovcINI1rg1lxe.png" title="Red, no words"/>
- <meta name="select:Sidebar Glass BG" content="https://31.media.tumblr.com/02237e4ae12d9c46fba6989ce7771797/tumblr_inline_ncqksjplSw1rg1lxe.png" title="Blue"/>
- <meta name="select:Sidebar Glass BG" content="https://31.media.tumblr.com/c012a0950129f09dae97947dea9a5196/tumblr_inline_nghsmzJCec1rg1lxe.png" title="Green"/>
- <meta name="select:Sidebar Glass BG" content="https://31.media.tumblr.com/7aba46b24a183b05a28484bf2a5e6425/tumblr_inline_nghtaiQtM11rg1lxe.png" title="Red"/>
- <!--------------------------------- OPTIONS --------------------------------->
- <meta name="if:Custom Background Image" content="0"/>
- <meta name="if:Custom Sidebar Glass BG Image" content="0"/>
- <meta name="if:Circular Pagination" content="1"/>
- <meta name="if:Monochrome Photos" content="1"/>
- <meta name="if:Fade Photos" content="1"/>
- <meta name="if:Info Circles 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:Description Title" content="Insert Title Here"/>
- <meta name="text:Ask Verb" content="dreamt"/>
- <!-- custom link 1 -->
- <meta name="text:Link 1 URL" content="/submit"/>
- <meta name="text:Link 1 Title" content="Submit"/>
- <meta name="text:Link 1 Symbol" content="fa fa-upload"/>
- <!-- custom link 2 -->
- <meta name="text:Link 2 URL" content="/about"/>
- <meta name="text:Link 2 Title" content="About"/>
- <meta name="text:Link 2 Symbol" content="fa fa-user"/>
- <!-- custom link 3 -->
- <meta name="text:Link 3 URL" content="/tags"/>
- <meta name="text:Link 3 Title" content="Tags"/>
- <meta name="text:Link 3 Symbol" content="fa fa-tags"/>
- <!-- custom link 4 -->
- <meta name="text:Link 4 URL" content="/"/>
- <meta name="text:Link 4 Title" content="Other"/>
- <meta name="text:Link 4 Symbol" content="fa fa-heart"/>
- <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
- <link href='http://fonts.googleapis.com/css?family=Cinzel:400,700,900' 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: [ 'Cinzel:400,700,900: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=Cinzel:400,700,900);
- /* ----------------------------- DECORATION ------------------------------ */
- body {
- color:{color:Post Text};
- background:#000000;
- font-family:Calibri;
- font-size:10px;
- line-height:12px;
- text-align:justify;}
- #bodybg {
- position:fixed;
- width:100%;
- height:100%;
- z-index:-99999999;
- {block:IfNotCustomBackgroundImage}background:#000000 url('{select:Background Image}') no-repeat fixed;{/block:IfnotCustomBackgroundImage}
- {block:IfCustomBackgroundImage}background:#000000 url('{image:Custom Background Image}') no-repeat fixed;{/block:IfCustomBackgroundImage}
- background-position:5% 50%;
- -webkit-filter: hue-rotate(0deg);}
- /*-------------------------- CREDIT; DON'T REMOVE --------------------------*/
- #credit {
- z-index:99999;
- position:fixed;
- bottom:10px;
- {block:IfNotCreditOnTheRight}left:10px;{/block:IfNotCreditOnTheRight}
- {block:IfCreditOnTheRight}right:10px;{/block:IfCreditOnTheRight}
- width:20px; height:20px;
- font-size:20px;
- letter-spacing:1px;
- font-weight:bold;}
- #credit a {
- color:{color:Pagination Link};
- text-shadow: 0 0 3px {color:Pagination Glow};
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- transition: all 0.3s linear;}
- #credit a:hover {
- color:{color:Pagination Link Hover};
- text-shadow: 0 0 3px {color:Pagination Glow Hover};}
- /* ----------------------------- MINOR STUFF ------------------------------ */
- /* hover text */
- #s-m-t-tooltip {
- color: {color:Hover Text};
- text-shadow: 0 0 0 {color:Hover Text};
- line-height:10px;
- max-width:400px;
- text-align: center;
- padding: 2px 4px 4px 4px;
- background:rgba(0,0,0,.85);
- text-transform:uppercase;
- font-family:Calibri;
- letter-spacing:1px;
- font-size:8px;
- border-radius: 2px;
- box-shadow:0 0 3px #000000;
- display: block;
- margin-left: 15px;
- z-index: 99999;}
- /* scrollbar */
- ::-webkit-scrollbar {
- height: 10px;
- width: 10px;
- background: {color:Main Scroll BG};}
- ::-webkit-scrollbar-thumb {
- background: {color:Main Scroll Thumb};
- border:3px solid {color:Main Scroll BG};
- border-radius: 5px;}
- /* drag n' click selection */
- ::selection {
- background: transparent;
- color: {color:Selection Text};}
- ::-moz-selection {
- background: transparent;
- color: {color:Selection Text};}
- a::selection {
- background: transparent;
- color: {color:Selection Link};
- text-shadow: {color:Selection Link};}
- a::-moz-selection {
- background: transparent;
- color: {color:Selection Link};
- text-shadow: {color:Selection Link};}
- /* ------------------------- FONT STUFF --------------------------- */
- /* links */
- a:link, a:active, a:visited{
- color: {color:Post Link};
- font-weight:normal;
- text-decoration:none;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- text-shadow:0 0 1px {color:Post Link};}
- a:hover {
- color: {color:Post Link hover};
- text-shadow:0 0 1px {color:Post Link hover};}
- /* main font decorations */
- b, strong{color: {color:Post Bold};}
- i, em {color: {color:Post Italic};}
- pre {color: {color:Post Code};
- background: {color:Post Code BG};
- font-size: 10px;
- max-width: 100%;
- margin-left: -6px;
- font-family: consolas;
- word-break: break-all;
- padding: 4px 6px;
- white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
- word-wrap: break-word;}
- .posts p:last-child {
- margin-bottom:0px;}
- .posts p:first-child {
- margin-top:0px;}
- code {
- color:{color:Posts Code};
- font-size:10px;
- font-family:consolas;
- background:{color:Posts Code BG};
- padding:0px 1px 0px 1px;}
- /* text and link post titles */
- h1 {font: normal normal 700 18px/18px Cinzel;
- color:{color:Post Title};
- text-align:center;
- letter-spacing:0.5px;}
- /* quote and ask post titles */
- h2 {font: normal normal 400 17px/17px Cinzel;
- color:{color:Post Bold};
- text-align:center;
- letter-spacing:0.5px;}
- .posts h1:first-child, .posts h2:first-child {margin-top:0px;}
- /* -------------------------------- SIDEBAR ------------------------------ */
- /* larger circle */
- #linkcirclesbackground {
- position:fixed;
- top:50%;
- right:100px;
- margin-top:-70px;
- width:102px;
- height:102px;
- border-radius:51px;
- {block:IfNotCustomSidebarGlassBGImage}
- background-image:url({select:Sidebar Glass BG});{/block:IfNotCustomSidebarGlassBGImage}
- {block:IfCustomSidebarGlassBGImage}
- background-image:url({image:Custom Sidebar Glass BG});{/block:IfCustomSidebarGlassBGImage}}
- #linkcirclescontainer {
- position:fixed;
- top:50%;
- right:100px;
- margin-top:-70px;
- width:102px;
- height:102px;
- border-radius:51px;
- box-shadow:0 0 50px {color:SideLinks Container Glow};
- font-size:17px;
- margin-bottom:60px;
- text-align:center;}
- /* smaller circles */
- #linkcirclescontainer a {
- display:block;
- position:relative;
- height:26px;
- width:26px;
- text-align:center;
- overflow:hidden;
- color:{color:SideLinks};
- text-shadow:0 0 3px {color:SideLinks};
- background:{color:SideLinks BG};
- border: 2px solid {color:SideLinks Border};
- box-shadow: 0 0 5px {color:SideLinks Glow};
- border-radius:15px;
- -webkit-transition: all 0.6s linear;
- -moz-transition: all 0.6s linear;
- transition: all 0.6s linear;}
- #linkcirclescontainer a:hover {
- color:{color:SideLinks Hover};
- text-shadow:0 0 3px {color:SideLinks Hover};
- background:{color:SideLinks BG Hover};
- border: 2px solid {color:SideLinks Border Hover};
- box-shadow: 0 0 20px {color:SideLinks Glow Hover};}
- /* center symbols */
- #linkcirclescontainer l {
- position: relative;
- top: 50%;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);}
- /* page navigation */
- #pagination a {
- font-size:20px;
- text-shadow:0 0 5px {color:Pagination Glow};
- color:{color:Pagination Link};}
- #pagination a:hover {
- color:{color:Pagination Link Hover};
- text-shadow:0 0 7px {color:Pagination Glow Hover};}
- #next {
- position:fixed;
- top:50%;
- margin-top:-28px;
- right:59px;}
- #previous {
- position:fixed;
- top:50%;
- margin-top:-28px;
- {block:IfCircularPagination}right:228px;{/block:IfCircularPagination}
- {block:IfNotCircularPagination}right:230px;{/block:IfNotCircularPagination}}
- /* thing that literally says DESC */
- #desc-hover {
- position:fixed;
- top:50%;
- margin-top:75px;
- right:75px;
- height:10px;
- width:150px;
- font-family:calibri;
- text-transform:uppercase;
- font-size:8px;
- text-align: center;
- font-weight:bold;
- letter-spacing:1px;
- color:{color:Description Bold};
- text-shadow:0 0 0 {color:Post Bold};}
- /* hovered description */
- #desc-container {
- position:fixed;
- top:50%;
- margin-top:70px;
- right:70px;
- height:125px;
- width:150px;
- padding:5px;
- opacity:0;
- background:#000000;
- line-height:11px;
- font-family:calibri;
- text-transform:uppercase;
- font-size:8px;
- text-align: justify;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;}
- #desc-container:hover {
- opacity:1;}
- #desc-title {
- font-weight:bold;
- letter-spacing:1px;
- color:{color:Description Bold};
- text-shadow:0 0 0 {color:Post Bold};}
- #description {
- height:100px;
- padding-right:5px;
- overflow:auto;}
- /* scrollbar */
- #desc-container ::-webkit-scrollbar {
- height: 3px;
- width: 3px;
- border-left:1px solid #000000;
- border-right:1px solid #000000;
- background: {color:Description Scroll Track};}
- #desc-container ::-webkit-scrollbar-thumb {
- background: {color:Description Scroll Thumb};
- border: none;
- border-radius: 2px;}
- /* ----------------------------- POSTS ------------------------------- */
- /* position */
- #entries {
- margin-top:70px;
- margin-right:300px;
- float:right;
- background:rgba(0,0,0,0.5);
- text-align:justify;}
- /* posts themselves */
- .posts {
- margin:0 0 80px 0;
- overflow:hidden;
- width: 500px;
- min-height:33px;
- text-align:justify;
- padding:10px;
- background:#000000;
- border-radius:6px;}
- /* ------------------------- POST TYPES --------------------------- */
- /* text post */
- blockquote {
- padding:0px;
- padding-left:6px;
- margin-top:-3px;
- margin-bottom:-1px;
- margin-left:6px;
- margin-right:0px;
- border-left:3px solid {color:Post Blockquote};}
- hr {display: block;
- margin-top: 0.5em;
- margin-bottom: 0.5em;
- margin-left: auto;
- margin-right: auto;
- border-style: solid;
- border-width: 1px;
- border-color: {color:post blockquote};}
- /* bullet lists */
- ul {margin-left:-20px;
- list-style-type:circle;}
- ol {margin-left:-20px;
- 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:post Link};
- display:inline-block;
- width: 480px;
- border-radius:3px;
- padding:10px;
- color:000000;}
- .link-posts a:hover {
- background: {color:post Link Hover}}
- /* ask posts */
- .ask-posts {
- min-height:64px;
- padding: 10px;
- background: {color:ask 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 {
- border-top:3px solid {color:post Blockquote};
- border-bottom:3px solid {color:post Blockquote};
- margin:0px 0px 5px 0px;
- padding:10px;
- text-align:center}
- .fa-quote-left {float:left; color:{color:post Blockquote}}
- .fa-quote-right {float:right; color:{color:post Blockquote}}
- /* chat posts */
- ul.chat, .chat ol, .chat li {
- list-style:none;
- margin:0px;
- padding:4px 0px 4px 2px;}
- ul.chat, .chat ol {margin:-2px 0px;}
- .chat li {
- border-bottom:2px solid {color:post Blockquote};}
- .chat li:first-of-type {
- border-top:2px solid {color:post Blockquote};}
- .person {
- color:{color:Post Bold};
- font-weight:bold}
- /* photo posts */
- .posts .photo-posts {
- {block:IfFadePhotos}opacity:0.85;{/block:IfFadePhotos}
- {block:IfMonochromePhotos}-webkit-filter: grayscale(100%);{/block:IfMonochromePhotos}
- -webkit-transition-duration: 0.5s;
- -moz-transition-duration:0.5s;
- transition-duration:0.5s;
- -o-transition-duration:0.5s;}
- .posts:hover .photo-posts {
- opacity:1;
- -webkit-filter: grayscale(0%);
- -webkit-transition-duration: 0.5s;
- -moz-transition-duration:0.5s;
- transition-duration:0.5s;
- -o-transition-duration:0.5s;}
- .posts .html_photoset {
- {block:IfFadePhotos}opacity:0.7;{/block:IfFadePhotos}
- {block:IfMonochromePhotos}-webkit-filter: grayscale(100%);{/block:IfMonochromePhotos}
- -webkit-transition-duration: 0.5s;
- -moz-transition-duration:0.5s;
- transition-duration:0.5s;
- -o-transition-duration:0.5s;}
- .posts:hover .html_photoset {
- opacity:1;
- -webkit-filter: grayscale(0%);
- -webkit-transition-duration: 0.5s;
- -moz-transition-duration:0.5s;
- transition-duration:0.5s;
- -o-transition-duration:0.5s;}
- /* video posts */
- .caption #youtube_iframe, .caption iframe {
- margin:5px 0px 5px 0px;
- max-width:100%;}
- /* audio posts */
- /* album image */
- #albumart {
- position:absolute;
- margin-right:10px;
- width:100px; height:100px;
- background: url('{image:Album Art}');
- background-size:cover;
- border-radius:1px;}
- .posts #albumart {
- {block:IfMonochromePhotos}-webkit-filter: grayscale(100%);{/block:IfMonochromePhotos}
- {block:IfFadePhotos}opacity:.7;{/block:IfFadePhotos}
- -webkit-transition: all 0.2s linear;
- -moz-transition: all 0.2s linear;
- transition: all 0.2s linear;}
- .posts:hover #albumart {
- -webkit-filter: grayscale(0%);
- opacity:1;}
- /* music player */
- .posts #audio-player {
- margin-left:110px;
- max-width:207px;
- max-height:27px;
- {block:IfMonochromePhotos}background:#808080;{/block:IfMonochromePhotos}
- {block:IfNotMonochromePhotos}background:{color:Audio Player};{/block:IfNotMonochromePhotos}
- border-radius:1px;
- -webkit-transition: all 0.2s linear;
- -moz-transition: all 0.2s linear;
- transition: all 0.2s linear;}
- .posts:hover #audio-player {
- background:{color:Audio Player}}
- /* audio information */
- #audioinfo {
- height:66px;
- margin:-3px 0px 5px 110px;
- text-transform:uppercase;
- font-family:Calibri;
- font-size:8px;
- line-height:13px;
- letter-spacing:1px;}
- /* -------------------------- POSTS ENDINGS 1 ---------------------------- */
- #postinfo {
- margin-top:15px;
- position:absolute;
- text-align:center;
- margin-left:-20px;
- width:540px;
- height:10px;
- letter-spacing:20px;}
- #postinfo a {
- text-decoration:none;
- background:none;}
- #postfact {
- display:inline-block;
- width:10px;
- height:10px;
- border-radius:5px;
- background:{color:Simple Info BG};
- box-shadow:0 0 10px {color:Simple Info Glow};
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;}
- #postfact:hover {
- background:{color:Simple Info BG Hover};
- box-shadow:0 0 10px {color:Simple Info Glow Hover};
- -webkit-transition: all 0.2s linear;
- -moz-transition: all 0.2s linear;
- transition: all 0.2s linear;}
- /* ------------------------- POST ENDINGS 2 --------------------------- */
- /* permalink post information */
- #postending {
- text-transform:uppercase;
- font-family:Calibri;
- letter-spacing:1px;
- padding:2px;
- font-size:8px;
- color:{color:Post Ending Text};
- font-weight:bold;
- text-align:center;
- text-shadow:0 0 0 {color:Post Ending Text};
- background:{color:Post Ending BG};
- box-shadow: 0 0 10px {color:Post Ending Glow};
- border-radius:1px;
- margin-top:15px;
- border:3px double {color:Post Ending Border};
- border-radius:30px;}
- #postending a {
- font-weight:normal;
- text-decoration:none;
- background:transparent;
- color:{color:Post Ending Link};
- text-shadow: 0 0 1px {color:Post Ending Link};}
- #postending a:hover {
- color:{color:Post Ending Link Hover};
- text-shadow: 0 0 1px {color:Post Ending Link Hover};}
- /* -------------------------- PERMALINK ----------------------------- */
- /* permalink position */
- #permalink {
- margin-top:-70px;
- max-height:600px;
- padding-top:20px;
- padding-bottom:20px;
- width: 540px;
- max-width: 540px;
- text-transform:uppercase;
- margin-left:-10px;
- font-family:Calibri;
- letter-spacing:0.5px;
- font-size:8px;
- text-align:left;
- text-shadow:0 0 0 {color:Permalink Text};
- color:{color:Permalink Text};}
- #permalink a {
- font-weight:bold;
- text-decoration:none;
- color:{color:Permalink Link};
- text-shadow:0 0 0 {color:Permalink Link};}
- #permalink a:hover {
- color:{color:Permalink Link Hover};
- text-shadow:0 0 0 {color:Permalink Link Hover};}
- /* post notes container */
- #notescontainer {
- width: 500px;
- max-height:580px;
- padding-right:20px;
- overflow: auto;
- line-height:14px;}
- #notescontainer blockquote {
- margin-top:3px;
- margin-bottom:3px;
- border-left:3px solid {color:Permalink Blockquote};}
- /* permalink etc */
- .notes img {
- width: 10px;
- position: relative;
- vertical-align: middle;
- padding-right: 5px;}
- ol.notes, .notes li {
- width: 480px;
- list-style: none;
- margin: 0px 5px 0px 5px;
- padding-left: 5px}
- </style>
- <body>
- <div id="bodybg"></div>
- {block:ifCustomCursor}
- <style type="text/css"> body {cursor: url({image:Custom Cursor}), auto;} a, a:hover{cursor:url({image:Custom Cursor Links}), auto;}
- </style>
- <!-- thing so that the custom cursor will actually SHOW in certain parts. A LOT of custom cursors don't show up on empty spaces, so this fixes that -->
- <img src="http://static.tumblr.com/u5vz4xb/C4Kn6ao9p/00delete.png" style="position:fixed; width:100%; height:100%; opacity:0; z-index: -10;">
- {/block:ifCustomCursor}
- <!------------------------- CREDIT; DON'T REMOVE ---------------------------->
- <div id="credit">
- <a href="http://nyctothemes.tumblr.com/" title="© nyctothemes">
- <l class="fa fa-th"></l>
- </a>
- </div>
- <!----------------------------- RIGHT SIDEBAR ------------------------------>
- <!-- page navigation -->
- <div id="pagination">
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}" title="retreat" id="previous">
- {block:IfCircularPagination}<l class="fa fa-chevron-circle-left"></l>{/block:IfCircularPagination}
- {block:IfNotCircularPagination}<l class="fa fa-chevron-left"></l>{/block:IfNotCircularPagination}
- </a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}" title="proceed" id="next">
- {block:IfCircularPagination}<l class="fa fa-chevron-circle-right"></l>{/block:IfCircularPagination}
- {block:IfNotCircularPagination}<l class="fa fa-chevron-right"></l>{/block:IfNotCircularPagination}
- </a>
- {/block:NextPage}
- {/block:Pagination}
- </div>
- <!-- stained glass links -->
- <div id="linkcirclesbackground"></div>
- <div id="linkcirclescontainer">
- <a href="{text:Link 4 URL}" title="{text:Link 4 Title}" style="bottom:-72px; left:36px">
- <l class="{text:Link 4 Symbol}"></l></a>
- <a href="{text:Link 3 URL}" title="{text:Link 3 Title}" style="bottom:-24px; left:67px">
- <l class="{text:Link 3 Symbol}"></l></a>
- <a href="{text:Link 2 URL}" title="{text:Link 2 Title}" style="bottom:6px; left:5px">
- <l class="{text:Link 2 Symbol}"></l></a>
- <a href="{text:Link 1 URL}" title="{text:Link 1 Title}" style="bottom:72px; left:67px">
- <l class="{text:Link 1 Symbol}"></l></a>
- <a href="/archive" title="archive" style="bottom:102px; left:5px">
- <l class="fa fa-clock-o"></l></a>
- <a href="/ask" title="ask" style="bottom:150px; left:36px">
- <l class="fa fa-envelope"></l></a>
- <a href="/" title="home" style="bottom:144px; left:36px">
- <l class="fa fa-home"></l></a>
- </div>
- <!-- description -->
- <div id="desc-hover">Desc</div>
- <div id="desc-container">
- <div id="desc-title"><center>{text:Description Title}</center></div><br>
- <div id="description">{description}</div>
- </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; border-radius:3px">
- </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>
- <l class="fa fa-quote-right"></l>
- {Quote}</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="albumart" {block:AlbumArt}style="background:none"{/block:AlbumArt}>
- {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
- </div>{block:IndexPage}</a>{/block:IndexPage}
- <!--player-->
- <div id="audio-player"><div style="opacity:0.66">
- {block:ifDarkAudioPlayer}{AudioPlayerBlack}{/block:ifDarkAudioPlayer}
- {block:ifNotDarkAudioPlayer}{AudioPlayerWhite}{/block:ifNotDarkAudioPlayer}
- </div></div>
- </br>
- <!--info-->
- <div id="audioinfo">
- {block:TrackName}<b>Track:</b> {TrackName}</br>{/block:TrackName}
- {block:Artist}<b>Artist:</b> {Artist}</br>{/block:Artist}
- {block:Album}<b>Album:</b> {Album}</br>{/block:Album}
- {block:PlayCount}<b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}
- </div>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Audio}
- <!------------------------------ POST ENDING ------------------------------->
- {block:PostNotes}{block:PermalinkPage}<div id="postending">
- <!-- date posted -->
- {block:Date}
- Posted at {12HourWithZero}:{Minutes} {CapitalAmPm}, on <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}</a>.<br>
- {/block:Date}
- <!-- reblogged from -->
- {block:RebloggedFrom}
- Via <a href="{ReblogParentURL}">{ReblogParentName}</a>,
- {/block:RebloggedFrom}
- <!-- original poster -->
- {block:ContentSource}
- And by <a href="{SourceURL}">{SourceTitle}</a>.<br>
- {/block:ContentSource}
- <!-- notes counter -->
- {block:NoteCount}
- Has {NoteCountWithLabel}
- {/block:NoteCount}
- <!-- tags -->
- {block:HasTags}
- , with the tags {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
- {/block:HasTags}
- </div>{/block:PermalinkPage}{/block:PostNotes}
- <!------------- If Circles for Index Page ------------->
- {block:IfInfoCirclesForIndexpage}
- {block:IndexPage}
- <div id="postinfo">
- <!-- date posted -->
- {block:Date}
- <a href="{Permalink}" title="{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}"><div id="postfact"></div></a>
- {/block:Date}
- <!-- notes counter -->
- {block:NoteCount}
- <a href="{Permalink}" title="{NoteCountWithLabel}"><div id="postfact"></div></a>
- {/block:NoteCount}
- <!-- original poster -->
- {block:ContentSource}
- <a href="{SourceURL}" title="Source"><div id="postfact"></div></a>
- {/block:ContentSource}
- <!-- reblogged from -->
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}" title="Via"><div id="postfact"></div></a>
- {/block:RebloggedFrom}
- <!-- tags -->
- {block:HasTags}
- <a href="{Permalink}" title="# {block:Tags}{Tag}, {/block:Tags}"><div id="postfact"></div></a>
- {/block:HasTags}
- <!-- reblog -->
- <a href="{ReblogURL}" title="Reblog"><div id="postfact"></div></a>
- </div>
- {/block:IndexPage}
- {/block:IfInfoCirclesForIndexpage}
- <!------------- If NO Circles for Index Page ------------->
- {block:IfNotInfoCirclesForIndexpage}
- {block:IndexPage}
- <div id="postending">
- <!-- date posted -->
- {block:Date}
- Posted at {12HourWithZero}:{Minutes} {CapitalAmPm}, on <a href="{permalink}">{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}</a>.<br>
- {/block:Date}
- <!-- reblogged from -->
- {block:RebloggedFrom}
- Via <a href="{ReblogParentURL}">{ReblogParentName}</a>,
- {/block:RebloggedFrom}
- <!-- original poster -->
- {block:ContentSource}
- And by <a href="{SourceURL}">{SourceTitle}</a>.<br>
- {/block:ContentSource}
- <!-- notes counter -->
- {block:NoteCount}
- Has <a href="{permalink}">{NoteCountWithLabel}</a>,
- {/block:NoteCount}
- <!-- tags -->
- {block:HasTags}
- With the tags {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
- {/block:HasTags}
- </div>
- {/block:IndexPage}
- {/block:IfNotInfoCirclesForIndexpage}
- <center><div></center></div>
- {/block:Posts}
- <!------------------------------ PERMALINK ------------------------------->
- {block:PostNotes}
- <div id="permalink">
- <div id="notescontainer">
- {PostNotes}
- </div>
- </div>
- {/block:PostNotes}
- </div> <!-- ending div tag for "posts" -->
- </div> <!-- ending div tag for "entries" -->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment