Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <!--
- █▀▀▄ █▀▀█ █░░█ █▀▀▄ █▀▀█ █▀▀█ █▀▀█ ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀
- █░░█ █░░█ █▀▀█ █░░█ █░░█ █▄▄▀ █░░█ ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█
- ▀▀▀░ ▀▀▀▀ ▀░░▀ ▀▀▀░ ▀▀▀▀ ▀░▀▀ ▀▀▀▀ ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀
- ╭━━┳╮╱╱╭╮╭━━━┳━━━┳━━┳━━━┳━━━╮
- ┃╭╮┃╰╮╭╯┃┃╭━━┫╭━╮┣┫┣┫╭━╮┃╭━╮┃
- ┃╰╯╰╮╰╯╭╯┃╰━━┫╰━╯┃┃┃┃┃╱╰┫┃╱┃┃
- ┃╭━╮┣╮╭╯╱┃╭━━┫╭╮╭╯┃┃┃┃╱╭┫╰━╯┃
- ┃╰━╯┃┃┃╱╱┃╰━━┫┃┃╰┳┫┣┫╰━╯┃╭━╮┃
- ╰━━━╯╰╯╱╱╰━━━┻╯╰━┻━━┻━━━┻╯╱╰╯
- <!-- THEME: MOONLIGHT --->
- <!--DO NOT REMOVE THE CREDIT PLEASE.
- ***DO NOT COMBINE MY CODES WITH SOMEONE ELSES
- ***DO NOT REDISTRIBUTE AND CLAIM AS YOURS
- ***DO NOT USE AS BASE --->
- <head>
- <title>{Title}</title>
- {block:IfInfiniteScroll}
- <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
- {/block:IfInfiniteScroll}
- <link rel="shortcut icon" href="{favicon}" />
- <meta name="image:Background" content=""/>
- <meta name="image:topbar" content="http://static.tumblr.com/bj5zkci/CcVn8obuc/1.jpg"/>
- <meta name="image:image one" content="http://static.tumblr.com/bj5zkci/Khdn8kk4m/2.gif"/>
- <meta name="image:image two" content="http://static.tumblr.com/50a15865deb346f5e8e4e4b91374422e/bj5zkci/moBn8kkag/tumblr_static_7u6t30y9fscow444c4wogkg4w.gif"/>
- <meta name="image:about me icon" content="http://static.tumblr.com/bj5zkci/u2kn8o8ki/tumblr_n7j4bdxssp1rheorwo1_500.jpg"/>
- <meta name="image:slide bg" content="http://static.tumblr.com/bj5zkci/4WUn8o8jl/08.jpg"/>
- <meta name="if:Show Captions" content="0"/>
- <meta name="if:Infinite Scroll" content"0"/>
- <meta name="if:slideask" content"1"/>
- <meta name="if:250px" content""/>
- <meta name="if:400px" content"1"/>
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Text" content="#888"/>
- <meta name="color:Bold" content="#000000"/>
- <meta name="color:Italic" content="#000000"/>
- <meta name="color:Underline" content="#888888"/>
- <meta name="color:links" content="#888888"/>
- <meta name="color:links hover" content="#000000"/>
- <meta name="color:h1 Bg" content="#ffffff"/>
- <meta name="color:H1" content="#888888"/>
- <meta name="color:h1 border" content="#eeeeee"/>
- <meta name="color:text bg" content="#fafafa"/>
- <meta name="color:text" content="#888888"/>
- <meta name="color:header img bg" content="#ffffff"/>
- <meta name="color:header img border" content="#eeeeee"/>
- <meta name="color:description text" content="#888888"/>
- <meta name="color:navigation bar border" content="#eeeeee"/>
- <meta name="color:navigation bar bg" content="#ffffff"/>
- <meta name="color:navigation text" content="#888888"/>
- <meta name="color:navigation hover text" content="#ffffff"/>
- <meta name="color:navigation hover bg" content="#40E0D0"/>
- <meta name="color:search bar bg" content="#ffffff"/>
- <meta name="color:search bar text" content="#888888"/>
- <meta name="color:search bar border" content="#eeeeee"/>
- <meta name="color:slide box bg" content="#fafafa"/>
- <meta name="color:slide askbox title" content="#ffffff"/>
- <meta name="color:slide navi title bg" content="#000000"/>
- <meta name="color:slide navi title" content="#ffffff"/>
- <meta name="color:slide navi line" content="#000000"/>
- <meta name="color:slide navi bg" content="#ffffff"/>
- <meta name="color:slide navi text" content="#888888"/>
- <meta name="color:slide navi bg hover" content="#40E0D0"/>
- <meta name="color:slide navi text hover" content="#ffffff"/>
- <meta name="color:slide about title bg" content="#000000"/>
- <meta name="color:slide about title text" content="#ffffff"/>
- <meta name="color:slide about line" content="#000000"/>
- <meta name="color:slide About Text" content="#888888"/>
- <meta name="color:slide about bg" content="#ffffff"/>
- <meta name="color:slide about img bg" content="#ffffff"/>
- <meta name="color:slide about img border" content="#eeeeee"/>
- <meta name="color:slide about first letter bg" content="#ffffff"/>
- <meta name="color:slide about first letter text" content="#888888"/>
- <meta name="color:big bar bg" content="#fafafa"/>
- <meta name="color:big bar border" content="#eeeeee"/>
- <meta name="color:title" content="#afafaf"/>
- <meta name="color:title first letter" content="#40E0D0"/>
- <meta name="color:big banner bg" content="#ffffff"/>
- <meta name="color:container bg" content="#ffffff"/>
- <meta name="color:container border" content="#eeeeee"/>
- <meta name="color:post bg" content="#ffffff"/>
- <meta name="color:post border" content="#eeeeee"/>
- <meta name="color:caption bg" content="#fafafa"/>
- <meta name="color:caption text" content="#888888"/>
- <meta name="color:caption border" content="#eeeeee"/>
- <meta name="color:post img info bg" content="#ffffff"/>
- <meta name="color:post notes" content="#40E0D0"/>
- <meta name="color:post notes hover" content="#eeeeee"/>
- <meta name="color:post reblog" content="#000000"/>
- <meta name="color:post reblog hover" content="#eeeeee"/>
- <meta name="color:post date" content="#888888"/>
- <meta name="color:post tags" content="#888888"/>
- <meta name="color:post tags border" content="#eeeeee"/>
- <meta name="color:post text info bg" content="#fafafa"/>
- <meta name="color:post text info" content="#888888"/>
- <meta name="color:post text info border" content="#eeeeee"/>
- <meta name="color:ask bg" content="#ffffff"/>
- <meta name="color:asked by bg" content="#000000"/>
- <meta name="color:asked by text" content="#ffffff"/>
- <meta name="color:question bg" content="#fafafa"/>
- <meta name="color:question" content="#888888"/>
- <meta name="color:ask portrait border" content="#fafafa"/>
- <meta name="color:permalink border" content="#eeeeee"/>
- <meta name="color:permalink bg" content="#ffffff"/>
- <meta name="color:permalink" content="#888888"/>
- <meta name="color:quotes bg" content="#ffffff"/>
- <meta name="color:quotes text" content="#888888"/>
- <meta name="color:pagination bg" content="#ffffff"/>
- <meta name="color:pagination border" content="#eeeeee"/>
- <meta name="color:pagination bg hover" content="#eeeeee"/>
- <meta name="color:pagination hover" content="#888888"/>
- <meta name="color:scrollbar bg" content="#888888"/>
- <meta name="color:scrollbar" content="#40E0D0"/>
- <meta name="text:slide ask title" content="questions?"/>
- <meta name="text:Link 1 URL" content="/"/>
- <meta name="text:Link 1" content="link one"/>
- <meta name="text:Link 2 URL" content="/"/>
- <meta name="text:Link 2" content="link two"/>
- <meta name="text:Link 3 URL" content="/"/>
- <meta name="text:Link 3" content="link three"/>
- <meta name="text:Link 4 URL" content="/"/>
- <meta name="text:Link 4" content="link Four"/>
- <meta name="text:Link 5 URL" content="/"/>
- <meta name="text:Link 5" content="link Five"/>
- <meta name="text:Link 6 URL" content="/"/>
- <meta name="text:Link 6" content="link Six"/>
- <meta name="text:Search Label" content="/tagged" />
- <script type="text/javascript" src="http://static.tumblr.com/8oupd2j/BYTm7u5cn/tag_search.js"></script>
- <style type="text/css">
- /* Scroll bar */
- ::-webkit-scrollbar {
- width: 5px;
- height:3px;
- background:{color:scrollbar bg};
- border-left:2px solid #fff;
- border-right:2px solid #fff;
- }
- ::-webkit-scrollbar-thumb:vertical {
- background-color:{color:scrollbar};
- }
- /* Tumblr controls */
- #tumblr_controls {position: fixed !important;}
- #tumblr_controls {-webkit-filter: invert(100%);}
- #tumblr_controls {opacity: 0.5; -webkit-transition: opacity 0.7s linear; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
- #tumblr_controls:hover {opacity: 1; -webkit-transition: opacity 0.7s linear; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
- /* Body */
- body {
- font-family:calibri;
- font-size:10px;
- letter-spacing:1px;
- color:{color:Text};
- background:{color:Background};
- background-image:url('{image:Background}');
- background-repeat:repeat;
- background-attachment:fixed;
- word-wrap:break-word;
- }
- a {
- color:{color:Links};
- text-decoration:none;
- }
- a:hover {
- color:{color:Links Hover};
- }
- b, strong {
- color:{color:Bold};
- }
- i, em {
- color:{color:Italic};
- }
- u {
- color:{color:Underline};
- }
- h1 {
- font-family:arial;
- font-size:15px;
- text-transform:uppercase;
- text-align:center;
- background:{color:h1 Bg};
- color:{color:H1};
- padding:15px;
- border:1px solid {color:h1 border};
- }
- h1 a {
- color:{color:Links};
- text-decoration:none;
- }
- /* Permalink */
- #permalink {
- position:absolute;
- margin-top:60px;
- width:520px;
- margin-left:-35px;
- border:1px solid {color:permalink border};
- padding:25px;
- background:{color:permalink bg};
- }
- #permalink a {
- display:inline-block;
- color:{color:permalink};
- }
- .date {
- font-family:bebasneue;
- font-size:35px;
- color:{color:permalink date};
- letter-spacing:-1px;
- }
- .perm {
- font-family:courier new;
- text-transform:uppercase;
- font-size:8px;
- white-space:normal;
- word-wrap:break-word;
- text-align:left;
- color:{color:permalink};
- }
- #notecounts {
- position:absolute;
- float:center;
- margin-top:205px;
- width:520px;
- margin-left:-35px;
- border:1px solid {color:permalink border};
- font-family:calibri;
- font-size:9px;
- text-align:left;
- background:{color:permalink bg};
- color:{color:permalink};
- text-transform:uppercase;
- padding:25px;
- }
- #notecounts a {
- color:{color:permalink};
- }
- #notecounts img {
- display:inline-block;
- border:5px solid {color:permalink border};
- border-radius:100%;
- }
- ol.notes {
- list-style-type:none;
- }
- /* Post */
- #boxed {
- margin-left:auto;
- margin-right:auto;
- margin-top:317px;
- height:100%;
- background:{color:container bg};
- {block:IndexPage}
- border-left:1px solid {color:container border};
- border-right:1px solid {color:container border};
- {/block:IndexPage}
- {block:if250px}
- width:450px;
- {/block:if250px}
- {block:if400px}
- width:550px;
- margin-top:360px;
- {/block:if400px}
- {block:PermalinkPage}
- width:550px;
- background:none;
- {/block:PermalinkPage}
- }
- #posts {
- position:relative;
- margin:80px;
- margin-top:50px;
- margin-bottom:80px;
- border:1px solid {color:post border};
- padding:35px;
- width:250px;
- background:{color:post bg};
- color:{color:text};
- font-family:calibri;
- font-size:10px;
- {block:if250px}
- width:250px;
- margin-left:65px;
- {/block:if250px}
- {block:if400px}
- width:400px;
- margin-left:40px;
- {/block:if400px}
- {block:PermalinkPage}
- margin-left:-50px;
- margin-top:5px;
- width:500px;
- padding-bottom:50px;
- {/block:PermalinkPage}
- }
- #posts a {
- color:{color:posts link};
- }
- #posts img{
- max-width:100%;
- }
- #postext {
- background:{color:text bg};
- color:{color:text};
- padding:20px;
- }
- #caption {
- color:{color:caption text};
- padding:5px;
- width:310px;
- margin-top:25px;
- background:{color:caption bg};
- margin-left:-36px;
- border:1px solid {color:caption border};
- word-wrap:break-word;
- font-size:11px;
- font-family:calibri;
- {block:if400px}
- width:460px;
- margin-left:-36px;
- {/block:if400px}
- {block:PermalinkPage}
- width:560px;
- {/block:PermalinkPage}
- }
- /* Post Info */
- #inf {
- position:absolute;
- text-align:center;
- text-transform:uppercase;
- background:{color:post img info bg};
- width:40px;
- top:0;
- left:0px;
- height:100%;
- font-size:8px;
- font-family:calibri;
- opacity:0;
- -webkit-transition: opacity 0.4s linear;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- }
- #inf a:hover {
- font-style:italic;
- -webkit-transition: all .4s linear;
- -moz-transition: all .4s linear;
- -ms-transition: all .4s linear;
- -o-transition: all .4s linear;
- transition: all .4s linear;
- }
- #posts:hover #inf {
- width:320px;
- {block:if400px}
- width:470px;
- {/block:if400px}
- opacity:1;
- -webkit-transition: all .7s ease-in-out;
- -moz-transition: all .7s ease-in-out;
- -ms-transition: all .7s ease-in-out;
- -o-transition: all .7s ease-in-out;
- transition: all .7s ease-in-out;
- }
- .bignum {
- width:300px;
- margin-left:-75px;
- }
- .bignum a {
- font-size:60px;
- font-family:intro;
- font-style:italic;
- color:{color:post notes};
- letter-spacing:-2px;
- text-align:center;
- border-bottom:1px solid #eee;
- -webkit-transition: all .4s linear;
- -moz-transition: all .4s linear;
- -ms-transition: all .4s linear;
- -o-transition: all .4s linear;
- transition: all .4s linear;
- }
- .bignum a:hover {
- color:{color:post notes hover};
- -webkit-transition: all .7s ease-in-out;
- -moz-transition: all .7s ease-in-out;
- -ms-transition: all .7s ease-in-out;
- -o-transition: all .7s ease-in-out;
- transition: all .7s ease-in-out;
- }
- .reinf a {
- font-size:25px;
- margin-top:7px;
- letter-spacing:0px;
- color:{color:post reblog};
- font-family:bebasneue;
- text-align:center;
- border-bottom:1px solid #eee;
- -webkit-transition: all .4s linear;
- -moz-transition: all .4s linear;
- -ms-transition: all .4s linear;
- -o-transition: all .4s linear;
- transition: all .4s linear;
- }
- .reinf a:hover {
- color:{color:post reblog hover};
- -webkit-transition: all .7s ease-in-out;
- -moz-transition: all .7s ease-in-out;
- -ms-transition: all .7s ease-in-out;
- -o-transition: all .7s ease-in-out;
- transition: all .7s ease-in-out;
- }
- .moonlight {
- position:relative;
- margin-left:80px;
- width:150px;
- top:30%;
- text-align:center;
- {block:if250px}margin-left:85px;{/block:if250px}
- {block:if400px}margin-left:150px;{/block:if400px}
- }
- .dateinf {
- font-size:8px;
- padding:5px;
- font-family:calibri;
- color:{color:post date};
- }
- .taggs {
- border:1px solid {color:post tags border};
- padding:5px;
- color:{color:post tags};
- word-wrap:break-word;
- }
- .taggs img {
- padding-right:5px;
- }
- #information {
- position:absolute;
- background:{color:post text info bg};
- padding:5px;
- margin-top:40px;
- margin-left:-36px;
- border:1px solid {color:post text info border};
- width:310px;
- {block:if400px}width:460px;{/block:if400px}
- }
- .regular {
- color:{color:post text info};
- font-family:calibri;
- font-size:8px;
- text-transform:uppercase;
- word-wrap:break-word;
- text-align:center;
- }
- .regular a {
- color:{color:post text info};
- }
- /* Top bar */
- #horizontalbar {
- position:fixed;
- background:{color:big bar bg};
- height:100px;
- z-index:-9;
- border-top:1px solid {color:big bar border};
- border-bottom:1px solid {color:big bar border};
- width:100%;
- top:272px; left:0px;
- {block:if400px}
- top:315px;
- {/block:if400px}
- }
- #banner{
- position:fixed;
- height:272px;
- z-index:-9;
- width:100%;
- top:0px; left:0px;
- background:{color:big banner bg};
- background-image:url('{image:topbar}');
- background-repeat:repeat;
- background-attachment:fixed;
- {block:if400px}
- height:315px;
- {/block:if400px}
- }
- #moonlight{
- position:relative;
- margin-top:-290px;
- width:402px;
- padding:24px;
- height:267px;
- background:{color:header img bg};
- border:1px solid {color:header img border};
- margin-left:-1px;
- {block:if400px}
- width:502px;
- height:300px;
- margin-top:-323px;
- {/block:if400px}
- {block:PermalinkPage}
- width:523px;
- margin-left:-50px;
- {/block:PermalinkPage}
- -webkit-transition: opacity 0.4s linear;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- }
- #moonlight img {
- width:402px;
- height:267px;
- {block:if400px}
- margin-left:50px;
- margin-top:18px;
- {/block:if400px}
- {block:PermalinkPage}
- margin-left:60px;
- {/block:PermalinkPage}
- }
- #moonlight:hover {
- z-index:100;
- opacity:0;
- -webkit-transition: opacity 0.4s linear;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- }
- #lovelovelove {
- margin-top:-317px;
- width:402px;
- padding:24px;
- height:267px;
- background:{color:header img bg};
- border:1px solid {color:header img border};
- margin-left:-1px;
- opacity:1;
- {block:if400px}
- width:502px;
- height:300px;
- margin-top:-350px;
- {/block:if400px}
- {block:PermalinkPage}
- width:523px;
- margin-left:-50px;
- {/block:PermalinkPage}
- -webkit-transition: opacity 0.4s linear;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- }
- #lovelovelove img {
- width:402px;
- height:267px;
- margin-top:0px;
- z-index:9999;
- {block:if400px}
- margin-left:50px;
- margin-top:18px;
- {/block:if400px}
- {block:PermalinkPage}
- margin-left:60px;
- {/block:PermalinkPage}
- }
- /* Description */
- #leftside {
- position:fixed;
- top:305px;
- margin-left:-230px;
- height:auto;
- {block:if400px}
- top:345px;
- {/block:if400px}
- {block:PermalinkPage}
- margin-left:-280px;
- {/block:PermalinkPage}
- }
- .yourdesc {
- overflow:auto;
- padding:0px;
- z-index:99999;
- margin-top:-10px;
- letter-spacing:2px;
- line-height:10px;
- width:200px;
- height:60px;
- padding-right:10px;
- text-align:right;
- color:{color:description text};
- font-family:courier new;
- font-size:8px;
- text-transform:uppercase;
- }
- /* links */
- .nav {
- z-index:1000;
- margin-left:-1px;
- background:{color:navigation bar bg};
- width:450px;
- border-left:1px solid {color:navigation bar border};
- border-right:1px solid {color:navigation bar border};
- height:29px;
- border-bottom:1px solid {color:navigation bar border};
- {block:if400px}
- width:550px;
- {/block:if400px}
- {block:PermalinkPage}
- margin-top:-1px;
- border-top:1px solid {color:navigation bar border};
- margin-left:-50px;
- width:571px;
- {/block:PermalinkPage}
- -webkit-transition: opacity 0.4s linear;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- }
- .linkz {
- margin-left:20px;
- width:430px;
- {block:if400px}
- margin-left:65px;
- {/block:if400px}
- }
- .linkz a {
- display:inline-block;
- padding:10px;
- color:{color:navigation text};
- text-align:left;
- font-family:courier new;
- font-size:8px;
- text-transform:uppercase;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- .linkz a:hover {
- color:{color:navigation hover text};
- box-shadow:inset 80px 0 0 {color:navigation hover bg};
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- .searchy {
- position:absolute;
- margin-left:295px;
- margin-top:-22px;
- }
- .sfm input {
- background:{color:search bar bg};
- font-size: 8px;
- border: 0px;
- text-transform: uppercase;
- margin-top:0px;
- outline:none;
- margin-left:0px;
- border:1px solid {color:search bar border};
- color:{color:search bar text};
- padding:2px;
- letter-spacing:1px;
- font-family: calibri, helvetica, arial;
- }
- #sb {
- height: 10px;
- opacity:.5;
- vertical-align: top;
- border:none;
- }
- .box {
- position:fixed;
- z-index:100;
- background:{color:slide box bg};
- top:25px;
- margin-left:-20px;
- width:402px;
- padding:24px;
- height:270px;
- {block:if400px}
- width:502px;
- height:301px;
- margin-top:12px;
- margin-left:-65px;
- {/block:if400px}
- {block:PermalinkPage}
- width:523px;
- {/block:PermalinkPage}
- background-image:url('{image:slide bg}');
- background-repeat:repeat;
- background-attachment:fixed;
- }
- .messiji {
- font-family:bebasneue;
- font-size:35px;
- color:{color:slide askbox title};
- {block:if400px}
- margin-top:20px;
- {/block:if400px}
- }
- .addtit {
- font-family:bebasneue;
- font-size:40px;
- color:{color:slide navi title};
- background:{color:slide navi title bg};
- width:150px;
- padding:10px;
- opacity:.8;
- margin-top:20px;
- letter-spacing:2px;
- margin-left:5px;
- text-align:center;
- {block:if400px}
- margin-left:75px;
- {/block:if400px}
- {block:PermalinkPage}
- margin-left:75px;
- {/block:PermalinkPage}
- }
- .linne {
- position:absolute;
- width:160px;
- height:1px;
- background:{color:slide navi line};
- margin-left:183px;
- margin-top:-40px;
- {block:if400px}
- margin-left:250px;
- {/block:if400px}
- {block:PermalinkPage}
- margin-left:250px;
- {/block:PermalinkPage}
- }
- #addlinks {
- position:absolute;
- font-family:courier new;
- font-size:8px;
- text-transform:uppercase;
- border-left:1px solid {color:slide navi line};
- margin-top:5px;
- width:150px;
- padding:10px;
- margin-left:120px;
- {block:if400px}
- margin-left:180px;
- {/block:if400px}
- {block:PermalinkPage}
- margin-left:180px;
- {/block:PermalinkPage}
- }
- #addlinks a {
- display:block;
- color:{color:slide navi text};
- background:{color:slide navi bg};
- margin:5px;
- margin-left:14px;
- line-height:0px;
- padding:none;
- text-align:center;
- }
- #addlinks a:hover {
- color:{color:slide navi text hover};
- box-shadow:inset 0 70px 0 {color:slide navi bg hover};
- }
- #about {
- margin-top:80px;
- padding:20px;
- overflow:auto;
- height:80px;
- width:205px;
- opacity:1;
- margin-left:150px;
- line-height:12px;
- letter-spacing:1px;
- font-family:calibri;
- font-size:10px;
- background:{color:slide about bg};
- color:{color:slide About text};
- {block:if400px}
- margin-left:195px;
- {/block:if400px}
- {block:PermalinkPage}
- margin-left:205px;
- {/block:PermalinkPage}
- }
- #about:first-letter {
- font-size:30px;
- font-family:intro;
- background:{color:slide about first letter bg};
- color:{color:slide about first letter text};
- float:left;
- padding:10px 5px 10px 5px;
- margin-top:2px;
- margin-right:7px;
- }
- #about img {
- margin-left:-200px;
- margin-top:-20px;
- position:absolute;
- padding:10px;
- background:{color:slide about img bg};
- border:1px solid {color:slide about img border};
- }
- .ablin {
- position:absolute;
- width:230px;
- height:1px;
- background:{color:slide about line};
- margin-left:160px;
- margin-top:50px;
- {block:if400px}
- margin-left:210px;
- {/block:if400px}
- {block:PermalinkPage}
- margin-left:210px;
- {/block:PermalinkPage}
- }
- .abtit {
- position:absolute;
- font-family:bebasneue;
- text-transform:uppercase;
- font-size:25px;
- margin-top:37px;
- margin-left:5px;
- text-align:center;
- width:150px;
- opacity:.8;
- color:{color:slide about title text};
- background:{color:slide about title bg};
- {block:if400px}
- margin-left:50px;
- {/block:if400px}
- {block:PermalinkPage}
- margin-left:60px;
- {/block:PermalinkPage}
- }
- /* title */
- #rightside {
- position:fixed;
- top:293px;
- margin-left:470px;
- {block:if400px}
- top:335px;
- margin-left:580px;
- {/block:if400px}
- {block:PermalinkPage}
- margin-left:540px;
- {/block:PermalinkPage}
- }
- .yourtitle {
- margin-left:0px;
- font-family:bebasneue;
- text-transform:uppercase;
- font-size:70px;
- line-height:34px;
- padding:15px 10px;
- color:{color:title};
- letter-spacing:-3px;
- text-align:left;
- }
- .yourtitle:first-letter {
- color:{color:title first letter};
- }
- /* Asks */
- #asks {
- background:{color:ask bg};
- }
- .asktit {
- background:{color:asked by bg};
- padding:8px;
- width:200px;
- margin-top:2px;
- float:left;
- color:{color:asked by text};
- text-transform:uppercase;
- font-family:courier new;
- font-size:10px;
- {block:if250px}width:200;{/block:if250px}
- {block:if400px}width:350px;{/block:if400px}
- }
- .asktit a {
- color:{color:asked by text};
- letter-spacing:2px;
- }
- #asks img {
- float:left;
- width:26px;
- margin-top:2px;
- border:1px solid {color:ask portrait border};
- }
- .quesz {
- margin-top:15px;
- padding-left:15px;
- line-height:11px;
- background:{color:question bg};
- color:{color:question};
- font-family:calibri
- font-size:10px;
- padding:10px;
- }
- .answe {
- padding:10px;
- margin-top:5px;
- font-family:calibri
- font-size:10px;
- background:{color:ask bg};
- line-height:12px;
- }
- /* music */
- #audio {
- width:100%;
- margin-left:0px;
- }
- .tumblr_audio_player {
- height: 40px;
- {block:if250px}width:250px;{/block:if250px}
- {block:if400px}width:380px;{/block:if400px}
- }
- #musica {
- position:relative;
- background:{color:post bg};
- color:{color:text};
- border-top:1px solid {color:post border};
- padding:10px;
- margin-left:-10px;
- margin-top:10px;
- font-family:calibri;
- font-size:10px;
- line-height:10px;
- letter-spacing:1px;
- {block:if250px}width:250;{/block:if250px}
- {block:if400px}width:380px;{/block:if400px}
- {block:PermalinkPage}
- width:500px;
- {/block:PermalinkPage}
- }
- /* quotes */
- #quotes {
- margin-top:10px;
- font-family:arial;
- font-size:10px;
- text-align:center;
- background:{color:quotes bg};
- color:{color:quotes text};
- padding:15px;
- letter-spacing:1px;
- text-transform:none;
- }
- /* Pagination */
- #pagi {
- position:fixed;
- z-index:999;
- padding:5px;
- text-align:center;
- bottom:0px;
- margin-left:-20px;
- }
- .current_page {
- display:block;
- color:{color:pagination};
- padding:5px;
- margin:5px;
- border:1px solid {color:pagination border};
- border-radius:20%;
- background:{color:pagination bg};
- font-family:courier new;
- font-size:11px;
- text-decoration:none;
- -webkit-transition: opacity 0.4s linear;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- }
- .current_page:hover {
- padding:5px;
- background:{color:pagination bg hover};
- color:{color:pagination hover};
- font-family:courier new;
- font-size:11px;
- text-decoration:none;
- -webkit-transition: all .7s ease-in-out;
- -moz-transition: all .7s ease-in-out;
- -o-transition: all .7s ease-in-out;
- -ms-transition: all .7s ease-in-out;
- transition: all .7s ease-in-out;
- }
- .jump_page {
- display:block;
- color:{color:pagination};
- padding:5px;
- margin:5px;
- border-radius:20%;
- border:1px solid {color:pagination border};
- background:{color:pagination bg};
- font-family:courier new;
- font-size:11px;
- text-decoration:none;
- -webkit-transition: opacity 0.4s linear;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- }
- .jump_page:hover {
- padding:5px;
- background:{color:pagination bg hover};
- color:{color:pagination hover};
- font-family:courier new;
- font-size:11px;
- text-decoration:none;
- -webkit-transition: all .7s ease-in-out;
- -moz-transition: all .7s ease-in-out;
- -o-transition: all .7s ease-in-out;
- -ms-transition: all .7s ease-in-out;
- transition: all .7s ease-in-out;
- }
- /* Hover text */
- #s-m-t-tooltip {
- z-index:999999;
- max-width:300px;
- margin-top:25px;
- margin-left:80px;
- padding:5px;
- background-color:#000;
- border:1px solid #eee;
- color:#fff;
- font-family:courier new;
- font-size:8px;
- letter-spacing:1px;
- text-transform:uppercase;
- line-height:13px;
- }
- /* theme credit */
- #thmcredit a {
- position:fixed;
- z-index:99999;
- font-family:courier new;
- font-size:8px;
- text-transform:uppercase;
- color:#000;
- border:5px solid #fff;
- outline:1px solid #eee;
- background:#fafafa;
- padding:5px;
- bottom:8px;
- right:10px;
- }
- /* custom fonts */
- @font-face {font-family:bebasneue; src: url(http://static.tumblr.com/bj5zkci/Mjvnbebft/bebasneue.otf) format("truetype"); }
- </style>
- <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>
- <script src="http://static.tumblr.com/bj5zkci/Xs8n6t99k/stickup.min.js"></script>
- <script type="text/javascript">
- //initializing jQuery
- jQuery(function($) {
- $(document).ready( function() {
- //enabling stickUp on the '.navbar-wrapper' class
- $('.nav').stickUp({
- //enabling marginTop with the 'auto' setting
- marginTop: 'auto'
- });
- });
- });
- </script>
- <script type="text/javascript">
- jQuery(document).ready(function() {
- jQuery(".box").hide();
- //toggle the componenet with class msg_body
- jQuery(".fringe").click(function()
- {
- jQuery(this).next(".box").slideToggle(500);
- });});
- </script>
- </head>
- <body>
- <!-- top bar -->
- <div id="horizontalbar"></div>
- <div id="banner"></div>
- <div id="boxed">
- <div id="leftside">
- <div class="yourdesc">
- {description}</div>
- </div>
- <div id="rightside">
- <div class="yourtitle">{title}</div>
- </div>
- <!-- links -->
- <div id="moonlight"><img src="{image:image one}"></div>
- <div id="lovelovelove"><img src="{image:image two}"></div>
- <div class="nav">
- <div class="linkz">
- <a href="/">home</a>
- <a href="/archive">history</a>
- {block:ifslideask}
- <a href="#" class="fringe">ASK</a>
- <div class="box">
- <div class="messiji">{text:slide ask title}</div>
- <iframe frameborder="0" scrolling="yes" width="100%" height="220px" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
- </div>
- {/block:ifslideask}
- {block:ifnotslideask}
- <a href="/ask">ASK</a>
- {/block:ifnotslideask}
- <!-- Navigation -->
- <a href="#" class="fringe">navigation</a>
- <div class="box">
- <div class="addtit">explore</div>
- <div class="linne"></div>
- <div id="addlinks">
- <a href="{text:Link 1 URL}">{text:Link 1}</a>
- <a href="{text:Link 2 URL}">{text:Link 2}</a>
- <a href="{text:Link 3 URL}">{text:Link 3}</a>
- <a href="{text:Link 4 URL}">{text:Link 4}</a>
- <a href="{text:Link 5 URL}">{text:Link 5}</a>
- <a href="{text:Link 6 URL}">{text:Link 6}</a>
- </div>
- </div>
- <a href="#" class="fringe">about</a>
- <div class="box">
- <div class="abtit">about.</div>
- <div class="ablin"></div>
- <div id="about">
- <img src="{image:about me icon}"></a>
- <!-- WRITE YOUR ABOUT ME HERE -->
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu leo eu augue adipiscing mollis. Cras vitae lacus sit amet erat venenatis ullamcorper. Proin vulputate nulla ac tincidunt vulputate.
- <!-- END OF ABOUT ME -->
- </div></div>
- <div class="searchy">
- <form action="/search" method="get" class="sfm">
- <input type="text" name="q" value="{SearchQuery}" id="sf"/>
- <input type="image" value="Search" src="http://static.tumblr.com/bj5zkci/fNgn42ep2/search.png" id="sb"/>
- </form><br>
- </div>
- </div>
- </div>
- <!-- Pagination -->
- {block:IndexPage}
- {block:IfNotInfiniteScroll}
- <div id="pagi">
- {block:Pagination}
- {block:JumpPagination length="3"}
- {block:CurrentPage}<span class="current_page"><a href="{PageNumber}"><img src="http://media.tumblr.com/6af5d5c420629727df31cbb9e3b8329b/tumblr_inline_n2aj54kxoa1r7v6wt.png"></a></span>{/block:CurrentPage}
- {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
- {/block:Pagination}
- </div>{/block:IfNotInfiniteScroll} {/block:IndexPage}
- <div class ="autopagerize_page_element">
- <!-- Posts -->
- {block:posts}
- <div id="posts">
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- {block:text}
- <div id="postext">{block:title}<h1>{title}</h1>{/block:title}{body}
- </div>
- {block:IndexPage}
- <div id="information">
- <div class="regular">
- {block:Date}
- <a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date}<BR>
- {block:NoteCount}
- <a href="{Permalink}" title="permalink">{NoteCount}</a>
- {/block:NoteCount} ─
- <a href="{ReblogURL}">reblog</a> <br>
- {block:HasTags}
- T A G S :
- {block:Tags}
- <a href="{TagURL}"><img src="http://static.tumblr.com/3yblkz0/T3An46s86/crss.png"> {Tag} </a>
- {/block:Tags}
- {/block:HasTags}
- </div>
- </div>
- {/block:IndexPage}
- {/block:text}
- {block:photo}
- {block:IndexPage}
- {block:if250px}<img src="{PhotoURL-250}"/>{/block:if250px}
- {block:if400px}<img src="{PhotoURL-400}"/>{/block:if400px}
- {block:if500px}<img src="{PhotoURL-500}"/>{/block:if500px}
- {block:ifShowCaptions}
- {block:caption}<div id="caption">{Caption}</div>{/block:caption}
- {/block:ifShowCaptions}{/block:IndexPage}
- {block:IndexPage}
- <div id="inf">
- <div class="moonlight">
- {block:NoteCount}
- <div class="bignum">
- <a href="{Permalink}" title="permalink">{NoteCount}</a></div>
- {/block:NoteCount}
- <div class="reinf"><a href="{ReblogURL}">reblog</a></div>
- <div class="dateinf">{block:Date}{TimeAgo} | {DayOfWeek}{/block:Date}</div>
- {block:HasTags}
- <div class="taggs">T A G S :
- {block:Tags}
- <a href="{TagURL}"><img src="http://static.tumblr.com/3yblkz0/T3An46s86/crss.png"> {Tag} </a>
- {/block:Tags}</div>
- {/block:HasTags}
- </div>
- </div>
- {/block:IndexPage}
- {block:PermalinkPage}
- <img src="{PhotoURL-500}"/>
- {block:Caption}
- <div id="caption">{Caption}</div>
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:photo}
- {block:Photoset}
- {block:IndexPage}
- {block:if250px}{Photoset-250}{/block:if250px}
- {block:if400px}{Photoset-400}{/block:if400px}
- {block:if500px}{Photoset-500}{/block:if500px}
- {block:ifShowCaptions}
- {block:caption}<div id="caption">{Caption}</div>{/block:caption}
- {/block:ifShowCaptions}
- {/block:IndexPage}
- {block:IndexPage}
- <div id="inf">
- <div class="moonlight">
- {block:NoteCount}
- <div class="bignum">
- <a href="{Permalink}" title="permalink">{NoteCount}</a></div>
- {/block:NoteCount}
- <div class="reinf"><a href="{ReblogURL}">reblog</a></div>
- <div class="dateinf">{block:Date}{TimeAgo} | {DayOfWeek}{/block:Date}</div>
- {block:HasTags}
- <div class="taggs">T A G S :
- {block:Tags}
- <a href="{TagURL}"><img src="http://static.tumblr.com/3yblkz0/T3An46s86/crss.png"> {Tag} </a>
- {/block:Tags}</div>
- {/block:HasTags}
- </div>
- </div>
- {/block:IndexPage}
- {block:PermalinkPage}
- {Photoset-500}
- {block:Caption}
- <div id="caption">{Caption}</div>
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:Photoset}
- {block:Audio}
- <div id="audio">{AudioPlayerWhite}</div>
- <div id="musica">{block:Artist}<b>ARTIST</b> <img src="http://static.tumblr.com/3yblkz0/qSLn46s92/eee.png"> {Artist}{/block:Artist}<br>
- {block:TrackName}<b>TRACK</b> <img src="http://static.tumblr.com/3yblkz0/qSLn46s92/eee.png"> {TrackName}{/block:TrackName}<br>
- {block:Album}<b>ALBUM</b> <img src="http://static.tumblr.com/3yblkz0/qSLn46s92/eee.png"> {Album}{/block:Album}<br>
- {block:PlayCount}<b>PLAY COUNT</b> <img src="http://static.tumblr.com/3yblkz0/qSLn46s92/eee.png"> {PlayCount}{/block:PlayCount}
- </div>
- {block:ifShowCaptions}
- {block:caption}<div id="caption">{caption}</div>{/block:caption}{/block:ifShowCaptions}
- {block:IndexPage}
- <div id="information">
- <div class="regular">
- {block:Date}
- <a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date}<BR>
- {block:NoteCount}
- <a href="{Permalink}" title="permalink">{NoteCount}</a>
- {/block:NoteCount} ─
- <a href="{ReblogURL}">reblog</a> <br>
- {block:HasTags}
- T A G S :
- {block:Tags}
- <a href="{TagURL}"><img src="http://static.tumblr.com/3yblkz0/T3An46s86/crss.png"> {Tag} </a>
- {/block:Tags}
- {/block:HasTags}
- </div>
- </div>
- {/block:IndexPage}
- {/block:Audio}
- {block:Answer}
- <div id="asks">
- <img src="{AskerPortraitURL-40}"></a></div>
- <div class="asktit">{Asker} asked </div><br>
- <div class="quesz">{Question}</div>
- <div class="answ">{Answer}</div>
- {block:IndexPage}
- <div id="information">
- <div class="regular">
- {block:Date}
- <a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date}<BR>
- {block:NoteCount}
- <a href="{Permalink}" title="permalink">{NoteCount}</a>
- {/block:NoteCount} ─
- <a href="{ReblogURL}">reblog</a> <br>
- {block:HasTags}
- T A G S :
- {block:Tags}
- <a href="{TagURL}"><img src="http://static.tumblr.com/3yblkz0/T3An46s86/crss.png"> {Tag} </a>
- {/block:Tags}
- {/block:HasTags}
- </div>
- </div>
- {/block:IndexPage}
- {/block:Answer}
- {block:Quote}<div id="quotes">❝{Quote}❞</div> {block:Source}<div align="right"></div>{/block:Source}
- {block:IndexPage}
- <div id="information">
- <div class="regular">
- {block:Date}
- <a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date}<BR>
- {block:NoteCount}
- <a href="{Permalink}" title="permalink">{NoteCount}</a>
- {/block:NoteCount} ─
- <a href="{ReblogURL}">reblog</a> <br>
- {block:HasTags}
- T A G S :
- {block:Tags}
- <a href="{TagURL}"><img src="http://static.tumblr.com/3yblkz0/T3An46s86/crss.png"> {Tag} </a>
- {/block:Tags}
- {/block:HasTags}
- </div>
- </div>
- {/block:IndexPage}
- {/block:Quote}
- {block:Link}
- <h1><a href="{URL}" target="{Target}">{Name}></a></h1>
- {block:Description}{Description}{/block:Description} {/block:Link}
- {block:Video}
- {block:if250px}{Video-250}{/block:if250px}
- {block:if400px}{Video-400}{/block:if400px}
- {block:if500px}{Video-500}{/block:if500px}
- {block:ifShowCaptions}{block:caption}<div id="caption">{Caption}</div>{/block:caption}{/block:ifShowCaptions}
- {block:IndexPage}
- <div id="information">
- <div class="regular">
- {block:Date}
- <a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date}<BR>
- {block:NoteCount}
- <a href="{Permalink}" title="permalink">{NoteCount}</a>
- {/block:NoteCount} ─
- <a href="{ReblogURL}">reblog</a> <br>
- {block:HasTags}
- T A G S :
- {block:Tags}
- <a href="{TagURL}"><img src="http://static.tumblr.com/3yblkz0/T3An46s86/crss.png"> {Tag} </a>
- {/block:Tags}
- {/block:HasTags}
- </div>
- </div>
- {/block:IndexPage}
- {/block:Video}
- {block:Chat}
- {block:Title}{Title}<br />{/block:Title}
- {block:Lines}
- {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
- {/block:Lines}
- {block:IndexPage}
- <div id="information">
- <div class="regular">
- {block:Date}
- <a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date}<BR>
- {block:NoteCount}
- <a href="{Permalink}" title="permalink">{NoteCount}</a>
- {/block:NoteCount} ─
- <a href="{ReblogURL}">reblog</a> <br>
- {block:HasTags}
- T A G S :
- {block:Tags}
- <a href="{TagURL}"><img src="http://static.tumblr.com/3yblkz0/T3An46s86/crss.png"> {Tag} </a>
- {/block:Tags}
- {/block:HasTags}
- </div>
- </div>
- {/block:IndexPage}
- {/block:Chat}
- {block:PermalinkPage}
- <div id="permalink">
- <div class="date">{block:Date}
- {Month} {DayOfMonth}{DayOfMonthSuffix} {Year}
- {/block:Date}</div>
- <div class="perm">
- {block:NoteCount}
- <a href="{Permalink}" title="{NoteCount}">{NoteCount} notes </a>{/block:NoteCount}<br>
- ─ <a href="{ReblogURL}" title="reblog">reblog</a><BR>
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}">VIA: {ReblogParentName}</a><br>
- <a href="{ReblogRootURL}"> SOURCE: {ReblogRootName}</a>
- {/block:RebloggedFrom}<br>
- {block:HasTags}
- <a href="{TagURL}"><font color="#f8b3b3">TAGS:</font>{block:Tags}#{Tag}{/block:Tags}</a><br>
- {/block:HasTags}
- </div></div>
- {/block:PermalinkPage}
- {block:PostNotes}
- <div id="notecounts">{PostNotes}</div>
- {/block:PostNotes}
- </div>
- {/block:posts}
- </div>
- </body>
- <!-- THEME CREDIT - DO NOT REMOVE -->
- <div id="thmcredit">
- <a href="http://dohdoro.tumblr.com" title="theme by dohdoro">DTHMS.</a>
- </div>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement