Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <!--THEME BY NO-FACES-FACE
- steal and I'll find you and punch you in the throat (◡‿◡✿)
- -->
- <head>
- <meta name="color:Link" content="#000"/>
- <meta name="color:Navigation Title" content="#f59bb9"/>
- <meta name="color:Navigation Title BG" content="#e6427a"/>
- <meta name="color:Navigation Circle Hover" content="#bc2055"/>
- <meta name="color:Navigation Circle" content="#000"/>
- <meta name="color:Blog Title" content="#000"/>
- <meta name="color:Blog Title Hover" content="#000"/>
- <meta name="color:Lines" content="#acacac"/>
- <meta name="color:Background" content="#000" />
- <meta name="color:Text" content="#000" />
- <meta name="color:Underline" content="#ec6593" />
- <meta name="color:Bold" content="#7d052e" />
- <meta name="color:Italic" content="#d7507e" />
- <meta name="color:Description" content="#000" />
- <meta name="color:Scroll" content="#000" />
- <meta name="color:Hover" content="#000" />
- <meta name="color:Permalink" content="#000" />
- <meta name="color:Title Shadow" content="#f59bb9" />
- <meta name="color:Links Shadow" content="#b12051" />
- <meta name="color:Post Title" content="#ec6593" />
- <meta name="color:Permahover" content="#bc2055" />
- <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}</style>
- <meta name="image:circle" content="http://static.tumblr.com/cbjpgjf/O7hmwl923/tumblr_murokkjoxl1sjf6c1o1_250.gif"/>
- <meta name="image:Background" content="http://static.tumblr.com/cbjpgjf/QOzmwl91f/tumblr_lxwynw0pdg1r9g6hvo4_250.png" />
- <meta name="text:Link 1" content="/" />
- <meta name="text:Link 1 Title" content="refresh" />
- <meta name="text:Link 2" content="/ask" />
- <meta name="text:Link 2 Title" content="whisper" />
- <meta name="text:Link 3" content="/archive" />
- <meta name="text:Link 3 Title" content="past" />
- <meta name="text:Link 4" content="/submit" />
- <meta name="text:Link 4 Title" content="submit" />
- <meta name="if:caption" content="1"/>
- <meta name="if:photoeffect" content="0"/>
- <meta name="if:posttype3" content="0"/>
- <meta name="if:posttype2" content="1"/>
- <meta name="if:posttype1" content="0"/>
- <meta name="if:infinitescroll" content="1"/>
- <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title> {block:Description}<meta name=""
- content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{Favicon}">
- <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
- <style>
- div#qTip {
- padding: 4px;
- display: none;
- text-align: center;
- position: absolute;
- font-family: consolas;
- font-size:8px;
- line-height:10px;
- z-index: 1000;
- background-color: rgba(255,255,255,0.6);
- color: {color:Text};
- text-transform:uppercase;
- letter-spacing: 3px;
- }
- </style>
- <style type="text/css">
- #tumblr_controls {
- position: fixed !important;
- }
- iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:0.2; right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
- iframe#tumblr_controls:hover{-webkit-transition: opacity 0.2s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
- ::-webkit-scrollbar {width: 5px;height:5px; background: #fff;}
- ::-webkit-scrollbar-thumb {background:{color:Scroll};}
- /* GENERAL */
- @font-face {
- font-family: "body";
- src: url('http://static.tumblr.com/cbjpgjf/wPKmv5fe4/slkscr.ttf');
- }
- body{
- margin:0px;
- font-family: body;
- font-size: 8px;
- letter-spacing:0px;
- line-height: 11px;
- color: {color:text};
- }
- body {
- background-color: {color:Background};
- background-image: url({image:Background});
- margin: 0;
- word-wrap: break-word;
- background-attachment: fixed;
- overflow-x: hidden;
- }
- a:link, a:active, a:visited{text-decoration: none;color: {color:Link};
- -webkit-transition: all 0.7s ease;transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
- a:hover{text-shadow:2px 0 .2px {color:Links Shadow}; color: {color:Hover}; letter-spacing: 2px;}
- a.class1 {color: {color:Blog Title};}
- a.class1:link
- a.class1:active
- a.class1:visited{text-decoration: none;color: {color:Link};
- -webkit-transition: all 0.5s ease;transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
- a.class1:hover{
- text-shadow:2px 0 .2px {color:Title Shadow}; color: {color:Blog Title Hover}; letter-spacing: 5px;}
- /* POSTS */
- #content{
- position: relative;
- margin-top:10px;
- {block:ifposttype3}
- width:600px;
- margin-left:40px;
- margin-top: 35px;
- {/block:ifposttype3}
- {block:ifposttype2}
- width:300px;
- margin-left:120px;
- margin-top: 35px;
- {/block:ifposttype2}
- {block:ifposttype1}
- width:500px;
- margin-left:70px;
- margin-top: 35px;
- {/block:ifposttype1}
- }
- .entry{
- {block:ifposttype3}
- width: 250px;
- {/block:ifposttype3}
- {block:ifposttype2}
- width: 250px;
- {/block:ifposttype2}
- {block:ifposttype1}
- width: 400px;
- {/block:ifposttype1}
- margin: 2px 2px;
- padding: 10px;
- padding: 5px;
- opacity: .9;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;}
- .entry img{max-width:100%;
- opacity: 1px;
- -webkit-transition: opacity 0.6s linear;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;}
- .entry {
- {block:ifphotoeffect}
- opacity: 1;
- -webkit-filter: grayscale(100%);
- {/block:ifphotoeffect} }
- .entry:hover {
- opacity: 1;
- -webkit-filter:none;
- -webkit-transition: opacity 0.6s linear;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- }
- /* SIDEBAR */
- .container {
- width: 300px;
- height: 140px;
- padding: 5px;
- position: fixed;
- {block:ifposttype1}
- margin-left: 550px;
- {/block:ifposttype1}
- {block:ifposttype2}
- margin-left: 500px;
- {/block:ifposttype2}
- {block:ifposttype3}
- margin-left: 600px;
- {/block:ifposttype3}
- margin-top: 230px;
- z-index: 999;}
- .circle {
- z-index: 10;
- overflow:hidden;
- width: 120px;
- height: 120px;
- border-radius: 500px;
- background-color: rgba(255,255,255,0.7);
- position: fixed;
- margin-left: 5px;
- margin-top: 10px; }
- .circle img {
- border-radius: 500px;
- width: 100%;
- height: 120px;
- }
- .titlebox {
- overflow: hidden;
- width: 150px;
- height: 50px;
- position: fixed;
- margin-left: 140px;
- margin-top: 30px;
- -webkit-transition: opacity 0.6s linear;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- }
- .container:hover .titlebox {
- margin-top: -6px;
- }
- .blogtitle {
- -webkit-transition: all 0.7s ease 0s;
- -moz-transition: all 0.7s ease 0s;
- -o-transition: all 0.7s ease 0s;
- transition: all 0.7s ease 0s;
- text-align: left;
- color: {color:Blog Title};
- font-family: consolas;
- font-size: 14px;
- letter-spacing: 4px;
- text-transform: uppercase;
- margin-top: 30px;
- padding: 5px;
- }
- .descbox {
- overflow: hidden;
- width: 143px;
- height: 0px;
- position: fixed;
- margin-left: 145px;
- margin-top: 80px;
- -webkit-transition: opacity 0.6s linear;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- }
- .container:hover .descbox {
- height: 40px;
- }
- .description {
- text-align: left;
- color: {color:Description};
- font-family: body;
- font-size: 8px;
- letter-spacing: 2px;
- text-transform: none;
- margin-top: 0px;
- }
- /* NAVIGATION */
- .navigationtitle {
- text-align: center;
- font-family: consolas;
- font-size: 11px;
- text-transform: uppercase;
- margin-top: 15px;
- color: {color:Navigation Title};
- letter-spacing: 5px;
- }
- .line {
- width: 1px;
- height: 120px;
- background-color: {color:Lines};
- position: fixed;
- margin-left: 135px;
- margin-top: 10px; }
- .line2 {
- width: 0px;
- height: 1px;
- background-color: {color:Lines};
- position: fixed;
- margin-left: 135px;
- margin-top: 60px;
- -webkit-transition: opacity 0.6s linear;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;}
- .container:hover .line2 {
- width: 50px;
- }
- .circle1 {
- opacity: 0;
- position: fixed;
- border-radius: 500px;
- height: 12px;
- width: 12px;
- background-color: {color:Navigation Circle};
- margin-top: 54px;
- margin-left: 211px;
- -webkit-transition: opacity .4s linear;
- -webkit-transition: all .4s ease-in-out;
- -moz-transition: all .4s ease-in-out;
- -o-transition: all .4s ease-in-out;
- }
- .container:hover .circle1 {
- opacity: 1;
- -webkit-transition: opacity .8s linear;
- -webkit-transition: all .8s ease-in-out;
- -moz-transition: all .8s ease-in-out;
- -o-transition: all .8s ease-in-out;
- }
- .circle1:hover {
- background-color: {color:Navigation Circle Hover};
- }
- .l1 {
- width: 0px;
- height: 1px;
- background-color: {color:Lines};
- position: fixed;
- margin-left: 180px;
- margin-top: 60px;
- -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;
- }
- div.both1:hover .l1 {
- width: 31px ;
- }
- .navbox1 {
- z-index: 0;
- opacity: 0;
- width: 100px;
- height: 40px;
- opacity: 0;
- position: fixed;
- margin-left: 15px;
- margin-top: 50px;
- overflow: hidden;
- -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;
- }
- .both1:hover .navbox1 {
- z-index:99;
- opacity: 1;
- }
- .circle2 {
- opacity: 0;
- position: fixed;
- border-radius: 500px;
- height: 12px;
- width: 12px;
- background-color: {color:Navigation Circle};
- margin-top: 54px;
- margin-left: 234px;
- -webkit-transition: opacity .4s linear;
- -webkit-transition: all .4s ease-in-out;
- -moz-transition: all .4s ease-in-out;
- -o-transition: all .4s ease-in-out;
- }
- .container:hover .circle2 {
- opacity: 1;
- -webkit-transition: opacity .8s linear;
- -webkit-transition: all .8s ease-in-out;
- -moz-transition: all .8s ease-in-out;
- -o-transition: all .8s ease-in-out;
- }
- .circle2:hover {
- background-color: {color:Navigation Circle Hover};
- }
- .l2{
- z-index: -2;
- width: 0px;
- height: 1px;
- background-color: {color:Lines};
- position: fixed;
- margin-left: 180px;
- margin-top: 60px;
- -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;
- }
- div.both2:hover .l2 {
- width: 54px ;
- }
- .navbox2 {
- z-index: 0;
- opacity: 0;
- width: 100px;
- height: 40px;
- opacity: 0;
- position: fixed;
- margin-left: 15px;
- margin-top: 50px;
- overflow: hidden;
- -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;
- }
- .both2:hover .navbox2 {
- z-index:99;
- opacity: 1;
- }
- .circle3 {
- opacity: 0;
- position: fixed;
- border-radius: 500px;
- height: 12px;
- width: 12px;
- background-color: {color:Navigation Circle};
- margin-top: 54px;
- margin-left: 257px;
- -webkit-transition: opacity .4s linear;
- -webkit-transition: all .4s ease-in-out;
- -moz-transition: all .4s ease-in-out;
- -o-transition: all .4s ease-in-out;
- }
- .container:hover .circle3 {
- opacity: 1;
- -webkit-transition: opacity .8s linear;
- -webkit-transition: all .8s ease-in-out;
- -moz-transition: all .8s ease-in-out;
- -o-transition: all .8s ease-in-out;
- }
- .circle3:hover {
- background-color: {color:Navigation Circle Hover};
- }
- .l3{
- z-index: -2;
- width: 0px;
- height: 1px;
- background-color: {color:Lines};
- position: fixed;
- margin-left: 180px;
- margin-top: 60px;
- -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;
- }
- div.both3:hover .l3 {
- width: 77px ;
- }
- .navbox3 {
- z-index: 0;
- opacity: 0;
- width: 100px;
- height: 40px;
- opacity: 0;
- position: fixed;
- margin-left: 15px;
- margin-top: 50px;
- overflow: hidden;
- -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;
- }
- .both3:hover .navbox3 {
- z-index:99;
- opacity: 1;
- }
- .circle4 {
- opacity: 0;
- position: fixed;
- border-radius: 500px;
- height: 12px;
- width: 12px;
- background-color: {color:Navigation Circle};
- margin-top: 54px;
- margin-left: 280px;
- -webkit-transition: opacity .4s linear;
- -webkit-transition: all .4s ease-in-out;
- -moz-transition: all .4s ease-in-out;
- -o-transition: all .4s ease-in-out;
- }
- .container:hover .circle4 {
- opacity: 1;
- -webkit-transition: opacity .8s linear;
- -webkit-transition: all .8s ease-in-out;
- -moz-transition: all .8s ease-in-out;
- -o-transition: all .8s ease-in-out;
- }
- .circle4:hover {
- background-color: {color:Navigation Circle Hover};
- }
- .l4{
- z-index: -2;
- width: 0px;
- height: 1px;
- background-color: {color:Lines};
- position: fixed;
- margin-left: 180px;
- margin-top: 60px;
- -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;
- }
- div.both4:hover .l4 {
- width: 100px ;
- }
- .navbox4 {
- z-index: 0;
- opacity: 0;
- width: 100px;
- height: 40px;
- opacity: 0;
- position: fixed;
- margin-left: 15px;
- margin-top: 50px;
- overflow: hidden;
- -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;
- }
- .both4:hover .navbox4 {
- z-index:99;
- opacity: 1;
- }
- /* TITLES */
- .title a{color: {color:Link};}
- .title {font-family:consolas;
- font-size:13px;
- font-style:none;
- letter-spacing: 4px;
- text-transform: uppercase;
- margin:0px 0px 0px 0px;
- color:#000;
- color: {color:Post Title};};
- }
- .quote {
- padding:10px;
- font-size:9px;
- letter-spacing: 0px;
- text-transform:none;
- color: {color:Text};}
- .source {
- font-size:8px;
- letter-spacing: 2px;
- text-align:right;
- font-style:none;
- font-weight:none;
- text-transform:none;}
- .answer {margin:10px;}
- /* PERMALINKS */
- .entry:hover .perma {
- opacity:1;
- z-index:999;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;}
- {block:PermalinkPage}
- {block:ifnotposttype1}
- width:250px;
- {/block:ifnotposttype1}
- {block:ifposttype1}
- width:400px;
- {/block:ifposttype1}
- {/block:PermalinkPage}
- .perma a {
- color:{color:Link};
- font-size:9px;
- font-family: consolas;
- text-transform:normal;}
- .perma a:hover {
- color:{color:Hover};
- }
- .perma {
- {block:ifposttype1}
- margin-left:400px;
- {/block:ifposttype1}
- {block:ifposttype2}
- margin-left:250px;
- {/block:ifposttype2}
- {block:ifposttype3}
- margin-left:215px;
- {/block:ifposttype3}
- text-transform: normal;
- position:absolute;
- font-size: 9px;
- text-transform: uppercase;
- line-height:10px;
- text-align:center;
- margin-top:0px;
- width: 20px;
- height: 35px;
- opacity:0;
- padding: 8px;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s;
- }
- .permanumber {
- opacity: .9;
- position: absolute;
- margin-top: 0px;
- margin-left: 5px;
- height: 14px;
- width: 14px;
- border-radius: 500px;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s;
- background-color: {color:permalink};
- }
- {block:ifnotposttype3}
- .permanumberline {
- background-color: {color:Lines};
- position: absolute;
- margin-top: 7px;
- margin-left: -13px;
- height: 1px;
- width: 0px;
- opacity: 1;
- overflow:hidden;
- -webkit-transition: all 0.4s ease;
- -moz-transition: all 0.4s;
- }
- .permanumber:hover .permanumberline {
- width: 13px;}
- {/block:ifnotposttype3}
- .permanumber:hover {
- opacity: 1;
- background-color: {color:Permahover};}
- .permareblog {
- opacity: .9;
- border-radius: 500px;
- position: absolute;
- margin-top: 20px;
- margin-left: 5px;
- height: 14px;
- width: 14px;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s;
- background-color: {color:permalink};
- }
- {block:ifnotposttype3}
- .permareblogline {
- background-color: {color:Lines};
- position: absolute;
- margin-top: 7px;
- margin-left: -13px;
- height: 1px;
- width: 0px;
- opacity: 1;
- overflow:hidden;
- -webkit-transition: all 0.4s ease;
- -moz-transition: all 0.4s;
- }
- .permareblog:hover .permareblogline {
- width: 13px;
- }
- {/block:ifnotposttype3}
- .permareblog:hover {
- opacity: 1;
- background-color: {color:Permahover};
- }
- #permalink{
- {block:PermalinkPage}
- text-align:center;
- margin-top:10px;
- padding:0px;
- font-size:8px;
- text-transform:lowercase;
- color: #000;
- {/block:PermalinkPage}
- }
- /*PAGINATION*/
- #paginwrapper {
- opacity: 0;
- position: fixed;
- height: 50px;
- width: 150px;
- margin-top: 112px;
- margin-left: 108px;
- z-index: 999;
- -webkit-transition: opacity 0.6s linear;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- }
- .jump_page {
- padding: 8px;
- background-color: none;
- color: {color:Text};
- font-size:10px;
- text-decoration:none;
- }
- .current_page, .jump_page:hover {
- padding: 8px;
- background-color: none;
- color: {color:Hover};
- font-size:10px;
- }
- .container:hover #paginwrapper {
- opacity:1;
- margin-top: 122px;
- }
- /* AUDIO */
- .artcover {position:absolute;}
- .artcover img {width:70px;height:70px;float:left;}
- .audioplayer {width:20px;padding:3px 5px 5px 3px;overflow:hidden;}
- .audioinfo {margin-left:75px;border-left:2px solid {color:Lines};padding:5px;}
- .i{display:block;padding:6px 3px;line-height:8px;}
- .player{position:absolute;background:#FFF;width:30px;height:30px;
- opacity:0.45;padding:20px;overflow:hidden;
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
- .player:hover{opacity:0.75;}
- /* TEXT */
- i, em{color:{color:Italic};}
- b{color:{color:Bold}; letter-spacing: 1px;}
- b, strong{color:{color:Title}; letter-spacing: 2px;}
- ul,ol{margin:0px;margin-left:-10px;}
- p{padding:0px;margin:10px;}
- u{text-decoration:none;color: {color:Underline}; letter-spacing: 1px;
- border-bottom:1px solid {color:Underline};}
- blockquote {margin:2px; margin-left:10px;
- padding:2px;border-left:1px solid {color:Lines};}
- /* MISC */
- #warning {
- z-index: -10000;
- position: fixed;
- top: 0;left: 0;
- width: 100%;
- height: 100%;
- background-color: rgba(255,255,255,0.8);
- color: #000;
- text-align: center;
- text-transform: uppercase;
- padding-top: 250px;
- font-family: consolas;
- font-size: 13px;
- letter-spacing: 4px;
- opacity: 0;
- {block:ifposttype1}
- {block:ifposttype3}opacity: 1;z-index:10000;{/block:ifposttype3}
- {block:ifposttype2}opacity: 1;z-index:10000;{/block:ifposttype2}
- {block:ifposttype2}{block:ifposttype3}opacity: 1;z-index:10000;{/block:ifposttype3}{/block:ifposttype2}
- {/block:ifposttype1}
- {block:ifposttype2}{block:ifposttype3}opacity: 1;z-index:10000;{/block:ifposttype3}{/block:ifposttype2}
- {block:ifnotposttype1}{block:ifnotposttype2}{block:ifnotposttype3}opacity: 1;z-index:10000;{/block:ifnotposttype3}{/block:ifnotposttype2}{/block:ifnotposttype1}
- }
- .c img{
- padding-left: 2.5px;
- padding-top: 2px;
- border-radius: 500px;
- opacity: 0;
- width:25px;
- height: 25px;
- -webkit-transition: 0.5s ease;transition: 0.5s ease;
- -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
- .c{overflow: hidden; position:fixed;right:7px;bottom:7px; background-color: rgba(0,0,0,0.3);
- width: 30px; height: 30px; border-radius: 500px;}
- .c img:hover{
- opacity: 1;
- }
- .popup_block{
- display:none;
- padding:20px;
- float:left;
- position:fixed;
- top:50%;left:50%;
- z-index: 99999;}
- img.btn_close {float: right;margin: -20 -20px 0 0;}
- *html #fade {position: absolute;}
- *html .popup_block {position: absolute;}
- #fade {display:none;background:#fff;position:fixed;left:0;top:0;
- width:100%;height:100%;opacity:0.8;z-index:9999;}
- .l .odd{display:block;padding:5px 5px;}
- .l .even{display:block;background: rgba(255,255,255,0.6);padding:5px 5px;}
- #s-m-t-tooltip{display:inline-block;position:absolute;max-width:300px;
- margin:15px;padding:3px 10px 3px 10px;z-index:99;border:1px solid #AAA;
- border-radius:10px;border-top-left-radius:0px;background:#000;}
- ::selection {color: {color:Hover};}
- ::-moz-selection {color: {color:Hover};}
- ::-webkit-selection{color: {color:Hover};}
- img{ margin-bottom:-3px;}
- /* POSTNOTES */
- ol.notes a{letter-spacing:1px;}
- ol.notes {
- list-style:none;
- font-size:8px;
- margin-top:20px;
- text-transform:none;}
- ol.notes li.note img.avatar {
- vertical-align:-5px;
- margin-right:5px;
- width:20px;
- padding:4px;
- border:1px solid {color:Lines};}
- ol.notes li.note {margin:5px 0px 10px -20px;}
- ol.notes li.note span.action {font-style: normal;}
- ol.notes li.note .answer_content {font-weight: normal;}
- ol.notes li.note blockquote {padding:4px 10px;margin: 10px 0px 0px 25px;}
- </style>
- {block:indexpage}
- {block:ifposttype3}
- <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
- <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
- <script type="text/javascript">
- $(window).load(function () {
- $('#content').masonry({
- itemSelector : ".posts",
- },
- function() { $('#content').masonry({ appendedContent: $(this) }); }
- );
- });
- </script>
- {/block:ifposttype3}
- {block:ifnotposttype3}{block:ifinfinitescroll}
- <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
- <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script> <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script> <script type="text/javascript" charset="utf-8"> var $j = jQuery.noConflict(); $j(function() { if (navigator.platform == "iPad" || navigator.platform == "iPhone") return; $j("img").lazyload({ placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif", effect: "fadeIn", }); }); </script>
- {/block:ifinfinitescroll}{/block:ifnotposttype3}
- {/block:indexpage}
- </head>
- <body>
- <div id="warning">please select only one post size</div>
- <div class="container">
- <div class="circle"><a href="/"><img src="{image:circle}"></a></div>
- <div class="titlebox">
- <div class="blogtitle"><a href="/" class="class1">{Title}</a></div>
- </div>
- <div class="descbox"><div style="overflow:auto; width: 146px; height: 40px;">
- <div class="description">{Description}</div>
- </div>
- </div>
- <div class="both1">
- <a href="{text:Link 1}"><div class="circle1"></div></a>
- <div class="l1"></div>
- <div class="navbox1">
- <div class="navigationtitle">{text:Link 1 Title}</div>
- </div>
- </div>
- <div class="both2">
- <a href="{text:Link 2}"><div class="circle2"></div></a>
- <div class="l2"></div>
- <div class="navbox2">
- <div class="navigationtitle">{text:Link 2 Title}</div>
- </div>
- </div>
- <div class="both3">
- <a href="{text:Link 3}"><div class="circle3"></div></a>
- <div class="l3"></div>
- <div class="navbox3">
- <div class="navigationtitle">{text:Link 3 Title}</div>
- </div>
- </div>
- <div class="both4">
- <a href="{text:Link 4}"><div class="circle4"></div></a>
- <div class="l4"></div>
- <div class="navbox4">
- <div class="navigationtitle">{text:Link 4 Title}</div>
- </div>
- </div>
- <div class="line"></div>
- <div class="line2"></div>
- {block:ifnotinfinitescroll}
- {block:Pagination}
- <div id="paginwrapper">
- {block:PreviousPage}<a href="{PreviousPage}" class="jump_page class2">←</a>{/block:PreviousPage}
- {block:JumpPagination length="0"}
- {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
- {block:JumpPage}<a class="jump_page class2" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
- {block:NextPage}<a href="{NextPage}" class="jump_page class2">→</a>{/block:NextPage}
- </div>
- {/block:Pagination}
- {/block:ifnotinfinitescroll}
- </div><!--container-->
- <div id="content">
- {block:Posts}
- <div class="entry">
- {block:IndexPage}
- <div class="perma">
- <a href="{Permalink}" title="{NoteCount}"><div class="permanumber"><div class="permanumberline"></div></div></a>
- <a href="{ReblogURL}" title="reblog" target="_blank"><div class="permareblog"><div class="permareblogline"></div></div></a>
- </span></div>
- {/block:IndexPage}
- {block:Text}
- <div class="title">{Title}</div>{Body}
- {/block:Text}
- {block:Link}
- <a href="{URL}"><span class="title">{Name} ♥</span></a>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Photo}
- <a href="{Permalink}">
- {block:IndexPage}
- {block:ifposttype1}<center><img src="{PhotoURL-400}"></center>{/block:ifposttype1}
- {block:ifposttype2}<center><img src="{PhotoURL-250}"></center>{/block:ifposttype2}
- {block:ifposttype3}<center><img src="{PhotoURL-250}"></center>{/block:ifposttype3}
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:ifnotposttype1}<center><img src="{PhotoURL-250}"></center>{/block:ifnotposttype1}
- {block:ifposttype1}<center><img src="{PhotoURL-400}"></center>{/block:ifposttype1}
- {/block:PermalinkPage}
- {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}
- {block:ifposttype1}{Photoset-400}{/block:ifposttype1}
- {block:ifposttype2}{Photoset-250}{/block:ifposttype2}
- {block:ifposttype3}{Photoset-250}{/block:ifposttype3}
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:ifnotposttype1}{Photoset-250}{/block:ifnotposttype1}
- {block:ifposttype1}{Photoset-400}{/block:ifposttype1}
- {/block:PermalinkPage}
- {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
- {/block:Photoset}
- {block:Quote}
- <div class="quote">{Quote}<div class="source">{Source}</div></div>
- {/block:Quote}
- {block:Chat}
- <div class="title">{Title}</div>{block:Lines}
- <div class="l {Alt}"><div class="{Alt} user_{UserNumber}">
- {block:Label}<b>{Label} </b>{/block:Label}
- {Line}</div></div>{/block:Lines}
- {/block:Chat}
- {block:Audio}
- {block:AlbumArt}
- <div class="artcover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
- <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
- <div class="audioinfo">
- <div class="i"><b>TITLE:</b>
- <span{block:TrackName} style="display:none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div>
- <div class="i"><b>ARTIST:</b>
- <span{block:Artist} style="display:none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div>
- <div class="i"><b>PLAYS:</b>
- <span{block:PlayCount} style="display: none;"{block:PlayCount}>Unknown</span> {block:PlayCount}{PlayCount}{/block:PlayCount}</div></div>
- {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}{/block:Audio}
- {block:Video}
- {block:IndexPage}
- {block:ifposttype1}{Video-400}{/block:ifposttype1}
- {block:ifposttype2}{Video-250}{/block:ifposttype2}
- {block:ifposttype3}{Video-250}{/block:ifposttype3}
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:ifnotposttype1}{Video-250}{/block:ifnotposttype1}
- {block:ifposttype1}{Video-400}{/block:ifposttype1}
- {/block:PermalinkPage}
- {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
- {/block:Video}
- {block:Answer}
- <div class="quote">{Question} → <b>{Asker}</b></div>
- <div class="answer">{Answer}</div>
- {/block:Answer}
- <div id="permalink">
- <div class="tags">
- {block:IfShowTags}
- {block:HasTags}
- {block:Tags}<span style="{color:post border};"</span>
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- {/block:HasTags}
- {/block:IfShowTags}
- </div></div>
- {/block:IndexPage}
- {block:PermalinkPage}
- <div id="permalink">
- {block:Date}posted
- <a href="{Permalink}">{Month} {DayOfMonthWithZero}</a>{/block:Date}
- {block:NoteCount}with
- <a href="{Permalink}">{NoteCountWithLabel}</a>{block:NoteCount}
- {block:RebloggedFrom}
- | via: <a href="{ReblogParentURL}">{ReblogParentName}</a> source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
- {/block:RebloggedFrom}
- <div class="tags">
- {block:HasTags}
- Tagged:
- {block:Tags}<a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- {/block:HasTags}
- </div></div>
- {/block:PermalinkPage}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>
- {/block:Posts}
- </div>
- <div class="c">
- <a href="http://nff-themes.tumblr.com"><img src="http://static.tumblr.com/cbjpgjf/hmgmwsd81/yyylamo.png"></a>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement