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">
- </a>
- <!--papersquare theme by daenso @ tumblr
- don't copy, don't redistribute, don't use as base
- don't mix parts of this theme with other users' themes
- don't remove the credit, thank you-->
- <head>
- <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips({tip_follows_cursor:true,
- tip_delay_time:200,tip_fade_speed:300});});})(jQuery);</script>
- {block:indexpage}<script type="text/javascript">$(window).scroll(function(e){ $el = $('.header2'); if ($(this).scrollTop() > 100 && $el.css('position') != 'fixed'){ $('.header2').css({'position': 'fixed', 'top': '0px'}); } if ($(this).scrollTop() < 100 && $el.css('position') == 'fixed') {$('.header2').css({'position': 'absolute', 'top': '300px'}); } });</script>{/block:indexpage}
- <script type="text/javascript">$(function() {
- $(window).scroll(function(){var scrollTop = $(window).scrollTop();
- if(scrollTop != 0) $('.header2').stop().animate({'opacity':'0.6'},400); else $('.header2, .header2:hover desc').stop().animate({'opacity':'1'},400);}); $('.header2').hover(function (e) {var scrollTop = $(window).scrollTop();
- if(scrollTop != 0){$('.header2, .header2:hover desc').stop().animate({'opacity':'1'},400);}},
- function (e) {var scrollTop = $(window).scrollTop();
- if(scrollTop != 0){$('.header2').stop().animate({'opacity':'0.6'},400);
- }});});</script>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <meta name="color:background" content="#fff"/>
- <meta name="color:header bg" content="#fff"/>
- <meta name="color:text" content="#c6c4c4"/>
- <meta name="color:border posts" content="#eee"/>
- <meta name="color:scrollbar" content="#bdd9da"/>
- <meta name="color:header" content="#bdd9da"/>
- <meta name="color:sidelinks" content="#fff"/>
- <meta name="color:sidelinks hover" content="#ebfffe"/>
- <meta name="color:bordering" content="#ffc3ce" />
- <meta name="color:side" content="#d4ebec" />
- <meta name="color:link boxes" content="#dceff1" />
- <meta name="color:link boxes text" content="#ffffff" />
- <meta name="color:links" content="#bdd9da"/>
- <meta name="color:links hover" content="#dededf"/>
- <meta name="color:desc links" content="#f2cccc" />
- <meta name="color:perma" content="#e2e2e2"/>
- <meta name="color:perma links" content="#7fc6c8"/>
- <meta name="color:tags" content="#bbcfd1"/>
- <meta name="color:details" content="#ddd"/>
- <meta name="color:posts" content="#ffffff"/>
- <meta name="color:posttitle" content="#d1d1d1"/>
- <meta name="color:posttitle hover" content="#bdd9da"/>
- <meta name="if:showcaptions" content="1" />
- <meta name="if:fadephotoset" content="1" />
- <meta name="if:250px posts" content="1" />
- <meta name="if:400px posts" content="0" />
- <meta name="if:500px posts" content="0" />
- <meta name="if:infinitescroll" content="0" />
- <meta name="text:title1" content="title 1"/>
- <meta name="text:link1" content="url link 1"/>
- <meta name="text:subtitle1" content="subtitle 1"/>
- <meta name="text:title2" content="title 2"/>
- <meta name="text:link2" content="url link 2"/>
- <meta name="text:subtitle2" content="subtitle 2"/>
- <meta name="text:title3" content="title 3"/>
- <meta name="text:link3" content="url link 3"/>
- <meta name="text:subtitle3" content="subtitle 3"/>
- <meta name="text:title4" content="title 4"/>
- <meta name="text:link4" content="url link 4"/>
- <meta name="text:subtitle4" content="subtitle 4"/>
- <meta name="text:title5" content="title 5"/>
- <meta name="text:link5" content="url link 5"/>
- <meta name="text:subtitle5" content="subtitle 5"/>
- <style type="text/css">
- {block:indexpage}{block:iffadephotoset}
- .entry img, .entry iframe {opacity:0.8; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;} .entry:hover img, .entry:hover iframe {opacity:1; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;}{/block:iffadephotoset}{/block:indexpage}
- body {
- margin:0px;
- color:{color:text};
- font-family:trebuchet, arial, helvetica;
- font-size:10px;
- font-weight:100;
- overflow-y:scroll;
- overflow-x:hidden;
- word-wrap:break-word;
- background:{color:background};
- }
- a {
- color:{color:links};
- text-decoration: none;
- transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- }
- a:hover {
- opacity:1;
- color:{color:links hover};
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- ::selection {background:{color:side};color: {color:posts};}
- ::-moz-selection {background:{color:side};color: {color:posts};}
- ::-webkit-selection {background:{color:side};color: {color:posts};}
- blockquote {
- width:90%;
- border-left:1px dotted {color:border posts};
- margin-left:auto;
- font-size:9px;
- margin-right:auto;
- padding-left:5px;
- padding-right:5px;
- padding-top:0px;
- padding-bottom:0px;
- }
- pre {
- width:100%;
- font-size:9x;
- border:1px dotted {color:border posts};
- border-radius:3px;
- padding:3px;
- letter-spacing:1px;
- margin-left:auto;
- margin-right:auto;
- white-space:pre-wrap;
- word-wrap:break-word;
- }
- #s-m-t-tooltip{
- background:{color:links};
- color:{color:posts};
- max-width:320px;
- margin-top:-40px;
- letter-spacing:1px;
- margin-left:-15px;
- padding:5px 10px 5px 10px;
- font-weight:500;
- z-index:99999999999999;
- font-family:trebuchet, helvetica;
- font-size:8px;
- text-transform:uppercase;
- line-height:9px;
- }
- ::-webkit-scrollbar {width:7px; height:9px;}
- ::-webkit-scrollbar-thumb {background: transparent; border-left:2px solid {color:scrollbar};}
- ::-webkit-scrollbar-track{background: transparent;}
- iframe#tumblr_controls {top:0px!important; right:5px!important; position:fixed!important; z-index:999999999!important; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);
- filter: invert(100%); opacity:0.2;}
- #contain {
- overflow:hidden;
- position:absolute;
- height:auto;
- left:50%;
- {block:if500pxposts}width:580px; padding-top:100vh; margin-left:-184px;{/block:if500pxposts}
- {block:if400pxposts}width:480px; padding-top:100vh; margin-left:-134px;{/block:if400pxposts}
- {block:if250pxposts}width:330px; padding-top:100vh; margin-left:-59px;{/block:if250pxposts}
- {block:permalinkpage}width:580px; padding-top:150px; margin-left:-184px;{/block:permalinkpage}
- }
- .entry {
- float:left;
- position:relative;
- background:{color:posts};
- color:{color:text};
- border-radius:1px;
- border:1px solid {color:border posts};
- font-size:9px;
- border-radius:5px;
- text-transform:uppercase;
- margin-bottom:300px;margin-left:10px;
- padding:30px 30px 40px 30px;
- {block:if500pxposts}width:500px;{/block:if500pxposts}
- {block:if400pxposts}width:400px;{/block:if400pxposts}
- {block:if250pxposts}width:250px;{/block:if250pxposts}
- {block:permalinkpage}width:500px;{/block:permalinkpage}
- }
- .entry a{color:{color:links};}
- .entry a:hover{color:{color:links hover};}
- .pagi{
- height:15px;
- position:fixed;
- background:{color:header bg};
- opacity:0.7;
- left:50%;
- padding-top:5px;
- font-size:10px;
- text-transform:uppercase;
- bottom:0;
- z-index:9999;
- {block:if500pxposts}width:580px; margin-left:-184px;{/block:if500pxposts}
- {block:if400pxposts}width:480px; margin-left:-134px;{/block:if400pxposts}
- {block:if250pxposts}width:330px; margin-left:-59px;{/block:if250pxposts}
- {block:permalinkpage}width:580px; margin-left:-184px;{/block:permalinkpage}
- }
- .pagi:hover{
- opacity:1;
- }
- .pagi h1{font-size:11px;
- margin:0px 4px 0px 4px;
- text-transform:uppercase;
- display:inline;
- color:white;
- font-weight:normal;
- background:{color:links};
- padding:0px 4px 4px 6px;
- }
- .fixed {
- position: fixed;
- top: 0;
- z-index: 1;
- }
- .header2{
- max-height:150px;
- min-height:50px;
- position:fixed;
- background:{color:header bg};
- left:50%;
- z-index:9999;
- overflow:hidden;
- {block:if500pxposts}width:580px; top:300px; margin-left:-184px;{/block:if500pxposts} {block:if400pxposts}width:480px; top:300px; margin-left:-134px;{/block:if400pxposts} {block:if250pxposts}width:330px; top:300px; margin-left:-59px;{/block:if250pxposts} {block:permalinkpage}width:580px; top:0px; opacity:0.6; margin-left:-184px;{/block:permalinkpage}
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- transition: all 0.8s ease;
- }
- .header2:hover{{block:permalinkpage}opacity:1;{/block:permalinkpage}
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- transition: all 0.8s ease;
- }
- .header2 p{
- font-size:20px;
- text-transform:uppercase;
- font-family:georgia;
- color:{color:header};
- text-align:center;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- transition: all 0.8s ease;
- }
- .header2 p::first-letter {
- font-style:italic;
- border-bottom: 1px solid {color:desc links};
- }
- .desc{
- font-size:8px;
- top:-15px;
- min-height:10px;
- max-height:60px;
- overflow-y:auto;
- text-transform:uppercase;
- color:{color:text};
- text-align:center;
- padding:5px 10px 0px 10px;
- margin:0px 30px 0px 30px;
- position:relative;
- line-height:8px;
- font-family:arial;
- letter-spacing:0px;
- opacity:1;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- transition: all 0.8s ease;
- }
- .desc a{color:{color:desc links}; letter-spacing:2px;}
- .desc a:hover{color:{color:links hover}; letter-spacing:2px;}
- .desc::first-letter, .desc b{
- font-size:12px;
- line-height:8px;
- display:inline-block;
- font-style:italic;
- font-family:georgia;
- color:{color:header};
- }
- .entry::before{
- content:"";
- width:30px;
- height:30px;
- border-radius:5px 0px 5px 0px;
- position:absolute;
- border-top:1px solid {color:border posts};
- border-left:1px solid {color:border posts};
- top:100%; margin-top:-30px;
- left:100%; margin-left:-30px;
- z-index:999;
- }
- .entry::after{
- content:"";
- width:41px;
- height:1px;
- position:absolute;
- top:100%; margin-top:-15px;
- left:100%; margin-left:-35px;
- z-index:999;
- background:{color:border posts};
- -ms-transform: rotate(-45deg);
- -webkit-transform: rotate(-45deg);
- -moz-transform: rotate(-45deg);
- -o-transform: rotate(-45deg);
- transform: rotate(-45deg);
- }
- .entry img {max-width:100%;}
- .triangle{
- width:0;
- height:0;
- position:absolute;
- top:100%; margin-top:-30px;
- left:100%; margin-left:-30px;
- border-bottom:31px solid {color:background};
- border-left:31px solid transparent;
- }
- #tags {
- font-family:helvetica;
- font-size:8px;
- line-height:9px;
- color:{color:tags};
- }
- #tags a {color:{color:tags};}
- #tags a:hover {color:{color:links hover};}
- ol.notes {list-style:none;}
- li.note{margin-bottom:5px;}
- ol.notes li.note span.action, ol.notes li.note.blockquote, ol.notes li.note.answer_content{padding:5px; color:{color:text}; display:inline-block; margin-left:22px;}
- ol.notes li.note a {color:{color:tags};}
- img.avatar { width:10px; height:10px; padding:4px; border:1px solid {color:border posts}; display:inline-block; position:absolute;}
- #notes {
- width:460px;
- height:200px;
- overflow-y:auto;
- margin-top:30px;
- border-top:1px solid #eee;
- font-size:9px;
- text-transform:uppercase;
- position:relative;
- margin-left:auto;
- margin-right:auto;
- padding-bottom:10px;
- margin-bottom:60px;
- }
- #perma{
- width:560px;
- height:auto;
- margin-left:-30px;
- top:100%; margin-top:20px;
- position:absolute;
- color:{color:perma};
- font-size:8px;
- letter-spacing:1px;
- text-align:left;
- margin-bottom:10px;
- }
- #permalinkpage {
- width:560px;
- height:12px;
- padding-top:4px;
- position:absolute;
- font-family:calibri, helvetica;
- text-transform:uppercase;
- padding:5px 0px 0px 0px;
- letter-spacing:0px;
- color:#ccc;
- position:relative;
- font-size:11px;
- text-align:left;
- }
- #permalinkpage a {color:{color:perma links};}
- #permalinkpage a:hover {color:{color:links hover};}
- #details{
- {block:if500pxposts}width:25px;{/block:if500pxposts}{block:if400pxposts}width:25px;{/block:if400pxposts}{block:if250pxposts}width:75px;{/block:if250pxposts}
- height:23px;
- margin-left:-30px;
- margin-top:-30px; top:100%;
- font-family: Times;
- text-transform: lowercase;
- font-style: italic;
- position: absolute;
- color:{color:details};
- font-size: 15px;
- line-height:4px;
- padding:6px 35px 0px 0px;
- text-align:right;
- opacity:0;
- transform: scale(2);
- -moz-transform: scale(2);
- -webkit-transform: scale(2);
- -ms-transform: scale(2);
- -o-transform: scale(2);
- transition: all 0.5s ease-in-out 0.1s;
- -moz-transition: all 0.5s ease-in-out 0.1s;
- -o-transition: all 0.5s ease-in-out 0.1s;
- -webkit-transition: all 0.5s ease-in-out 0.1s;
- -ms-transition: all 0.5s ease-in-out 0.1s;
- }
- #details p{
- font-size:11px;
- line-height:2px;
- text-align:right;
- text-transform:uppercase;
- letter-spacing:1px;
- }
- #details2{
- {block:if500pxposts}width:500px;{/block:if500pxposts}{block:if400pxposts}width:400px;{/block:if400pxposts}{block:if250pxposts}width:250px;{/block:if250pxposts}
- height:auto;
- word-wrap:break-word;
- margin-left:-30px;
- top:100%; margin-top:10px;
- font-family: helvetica;
- text-transform: uppercase;
- letter-spacing:1px;
- position: absolute;
- color:{color:details};
- font-size: 8px;
- padding:6px 30px 0px 30px;
- text-align:center;
- opacity:0;
- transition: all 0.8s ease-in-out 0.1s;
- -moz-transition: all 0.8s ease-in-out 0.1s;
- -o-transition: all 0.8s ease-in-out 0.1s;
- -webkit-transition: all 0.8s ease-in-out 0.1s;
- -ms-transition: all 0.8s ease-in-out 0.1s;
- }
- #details2 a{color:{color:details};}
- #details2 a:hover{color:{color:links};}
- .entry:hover #details2{opacity:1;
- transition: all 0.8s ease-in-out 0.1s;
- -moz-transition: all 0.8s ease-in-out 0.1s;
- -o-transition: all 0.8s ease-in-out 0.1s;
- -webkit-transition: all 0.8s ease-in-out 0.1s;
- -ms-transition: all 0.8s ease-in-out 0.1s;}
- .entry:hover #details {{block:if500pxposts}width:525;{/block:if500pxposts}{block:if400pxposts}width:425px;{/block:if400pxposts}{block:if250pxposts}width:275px;{/block:if250pxposts}opacity:1;
- transition: all 0.8s ease-in-out 0.1s;
- -moz-transition: all 0.8s ease-in-out 0.1s;
- -o-transition: all 0.8s ease-in-out 0.1s;
- -webkit-transition: all 0.8s ease-in-out 0.1s;
- -ms-transition: all 0.8s ease-in-out 0.1s;
- transform: scale(1);
- -moz-transform: scale(1);
- -webkit-transform: scale(1);
- -ms-transform: scale(1);
- -o-transform: scale(1);
- }
- #audioplayer {
- width:25px;
- height:25px;
- padding-left:5px;
- padding-bottom:3px;
- padding-right:2px;
- overflow:hidden;
- position:absolute;
- margin-left:6px;
- margin-top:11px;
- opacity:0.8;
- transition: all 0.3s ease-in-out 0.1s;
- -moz-transition: all 0.3s ease-in-out 0.1s;
- -o-transition: all 0.3s ease-in-out 0.1s;
- -webkit-transition: all 0.3s ease-in-out 0.1s;
- -ms-transition: all 0.3s ease-in-out 0.1s;
- }
- #audioplayer:hover{opacity:1;
- transition: all 0.3s ease-in-out 0.1s;
- -moz-transition: all 0.3s ease-in-out 0.1s;
- -o-transition: all 0.3s ease-in-out 0.1s;
- -webkit-transition: all 0.3s ease-in-out 0.1s;
- -ms-transition: all 0.3s ease-in-out 0.1s;
- }
- #albumart { width:50px; height:50px; float:left; margin:0px 10px 0px 0px;}
- #audioinfo{
- width:auto;
- height:40px;
- font-size:9px;
- letter-spacing:1px;
- color:{color:posts};
- background:{color:side};
- margin-left:50px;
- font-weight:bold;
- padding-top:10px;
- border-right:5px solid {color:header};
- }
- #askeru{
- width:40px;
- height:40px;
- background:{color:posts};
- border:1px solid {color:border posts};
- position:absolute;
- }
- #askeru img{
- margin:5px;
- width:30px;
- height:30px;
- border-radius:100%;
- }
- #askery {
- padding:3px 3px 4px 3px;
- {block:if500pxposts}width:464px;{/block:if500pxposts}{block:if400pxposts}width:364px;{/block:if400pxposts}{block:if250pxposts}width:214px;{/block:if250pxposts}{block:permalinkpage}width:464px;{/block:permalinkpage}
- margin-left:30px;
- overflow:hidden;
- height:15px;
- text-align:left;
- font-family:times;
- text-transform:uppercase;
- font-style:italic;
- margin-top:11px;
- background:{color:side};
- font-weight:bold;
- line-height:16px;
- color:{color:posts};
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- -o-transition: all 0.5s ease-out;
- -ms-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- display:inline-block;
- font-size:12px;
- }
- #askery a:hover { color:{color:links hover};
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- -o-transition: all 0.5s ease-out;
- -ms-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- #askery a { color:{color:posts};
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- -o-transition: all 0.5s ease-out;
- -ms-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- .question {
- padding:5px 1px 4px 4px;
- margin-left:45px; margin-right:6px;
- word-wrap:break-word;
- font-family:helvetica;
- text-align:right;
- text-transform:uppercase;
- font-size:9px;
- margin-top:10px;
- color:{color:text};
- background-color:{color:posts};
- z-index:9;
- }
- #answer {
- padding:2px 10px 2px 10px;
- font-family:helvetica;
- background:{color:side};
- text-align:left; font-size:9px;
- margin-top:10px;
- color:{color:posts};
- z-index:9;
- }
- #answer a{color:{color:posts};
- text-decoration:underline;}
- #answer a:hover{color:{color:links};}
- #posttitle {
- padding:2px 6px 5px 6px;
- text-align:center;
- border-bottom:2px solid {color:side};
- color:{color:posttitle};
- font-size:10px;
- letter-spacing:1px;
- font-family:trebuchet;
- margin-bottom:-5px;
- text-transform:uppercase;
- }
- #posttitle a { color:{color:posttitle}; }
- #posttitle a:hover { color:{color:posttitle hover};}
- #linko{
- padding:0px 6px 3px 6px;
- text-align:center;
- color:white;
- font-size:10px;
- letter-spacing:4px;
- font-family:trebuchet ms;
- margin-bottom:-5px;
- text-transform:uppercase;
- }
- #quotation {
- padding:1px 4px 8px 4px;
- color:{color:links};
- text-align:center;
- font-weight:bold;
- font-size:12px;
- line-height:12px;
- font-family:georgia;
- text-transform:lowercase;
- }
- .sideback{background:{color:side};position:fixed; width:50vw; height:100vh; z-index:-9999; left:0;
- {block:if500pxposts}margin-left:-187px;{/block:if500pxposts}
- {block:if400pxposts}margin-left:-137px;{/block:if400pxposts}
- {block:if250pxposts}margin-left:-62px;{/block:if250pxposts}
- {block:permalinkpage}margin-left:-187px;{/block:permalinkpage}
- }
- .side {
- width:212px;
- height:100%;
- position:fixed;
- left:50%;
- background:{color:side};
- {block:if500pxposts}margin-left:-396px;{/block:if500pxposts}
- {block:if400pxposts}margin-left:-346px;{/block:if400pxposts}
- {block:if250pxposts}margin-left:-271px;{/block:if250pxposts}
- {block:permalinkpage}margin-left:-396px;{/block:permalinkpage}
- }
- .sideline1{
- width:1px;
- height:100%;
- position:fixed;
- background:white;
- }
- .sideline2{
- height:1px;
- width:50vw;
- z-index:999; left:0;
- position:fixed;
- background: -webkit-linear-gradient(left, {color:side}, white);
- background: -o-linear-gradient(left, {color:side}, white);
- background: -moz-linear-gradient(left, {color:side}, white);
- background: linear-gradient(left, {color:side}, white);
- {block:if500pxposts}margin-left:-187px;{/block:if500pxposts}
- {block:if400pxposts}margin-left:-137px;{/block:if400pxposts}
- {block:if250pxposts}margin-left:-62px;{/block:if250pxposts}
- {block:permalinkpage}margin-left:-187px;{/block:permalinkpage}
- }
- .ch-item {
- width: 70px;
- height: 70px;
- position: absolute;
- cursor: default;
- }
- .ch-item img{
- width: 70px;
- height: 70px;
- }
- .ch-info-front{
- background:{color:link boxes};
- }
- .ch-info-wrap{
- position: absolute;
- width: 70px;
- height: 70px;
- -webkit-perspective: 800px;
- -moz-perspective: 800px;
- -o-perspective: 800px;
- -ms-perspective: 800px;
- perspective: 800px;
- -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;
- top: 0px;
- left: 0px;
- background:{color:side};
- }
- .ch-info{
- position: absolute;
- width: 70px;
- height: 70px;
- -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;
- -webkit-transform-style: preserve-3d;
- -moz-transform-style: preserve-3d;
- -o-transform-style: preserve-3d;
- -ms-transform-style: preserve-3d;
- transform-style: preserve-3d;
- }
- .ch-info > div {
- display: block;
- position: absolute;
- width: 100%;
- height: 100%;
- background-position: center center;
- -webkit-backface-visibility: hidden;
- -moz-backface-visibility: hidden;
- -o-backface-visibility: hidden;
- -ms-backface-visibility: hidden;
- backface-visibility: hidden;
- }
- .ch-info .ch-info-back {
- -webkit-transform: rotate3d(0,1,0,180deg);
- -moz-transform: rotate3d(0,1,0,180deg);
- -o-transform: rotate3d(0,1,0,180deg);
- -ms-transform: rotate3d(0,1,0,180deg);
- transform: rotate3d(0,1,0,180deg);
- background: ;
- }
- .ch-info h3 {
- color: {color:link boxes text};
- text-transform: uppercase;
- font-size: 9px;
- margin: 0 5px;
- padding: 20px 0 0 0;
- height: 15px;
- font-family: 'Open Sans', Arial, sans-serif;
- text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3);
- }
- .ch-info h3 a{color: {color:sidelinks};}
- .ch-info h3 a:hover {color: {color:sidelinks hover};}
- .ch-info p {
- height:15px;
- overflow:hidden;
- color: {color:link boxes text};
- padding: 8px 2px;
- text-transform:lowercase;
- letter-spacing:0.03em;
- font-family: 'open sans', sans-serif;
- margin: 0 2px;
- font-size: 10px;
- line-height:8px;
- border-top: 1px solid rgba(255,255,255,0.5);
- }
- .ch-item:hover .ch-info {
- -webkit-transform: rotate3d(0,1,0,-180deg);
- -moz-transform: rotate3d(0,1,0,-180deg);
- -o-transform: rotate3d(0,1,0,-180deg);
- -ms-transform: rotate3d(0,1,0,-180deg);
- transform: rotate3d(0,1,0,-180deg);
- }
- #credit{
- width:5px;
- height:5px;
- background:{color:side};
- color:{color:side};
- font-size:9px;
- font-family:trebuchet ms;
- font-weight:bold;
- border-radius:100px;
- overflow:hidden;
- text-transform:uppercase;
- padding:5px;
- text-align:center;
- position:fixed;
- bottom:2px; right:2px;
- -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;
- }
- #credit:hover {
- color:#a2bdc6;
- width:40px;
- height:40px;
- -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;
- }
- #credit a{color:{color:side};} #credit:hover a{color:#a2bdc6;}
- #credit a:hover {color:#fff;}
- </style>
- {block:IfInfiniteScroll}<script type="text/javascript" src="http://static.tumblr.com/puouuyx/qepnyhkgm/infinitescrolling.min.js"></script>{/block:IfInfiniteScroll}
- </head>
- <body>
- <div class="sideback"></div>
- <div class="header2"><center><p><span style="border-bottom:1px dotted {color:border posts};">{title}</span></p></center>
- <div class="desc">{description}</div></div>
- {block:ifnotinfinitescroll}{block:pagination}<div class="pagi"><center>{block:PreviousPage}<a href="{PreviousPage}"><h1>«</h1></a>{/block:PreviousPage}{lang:Page CurrentPage of TotalPages}{block:NextPage}<a href="{NextPage}"><h1>»</h1></a>{/block:NextPage}</center></div>{/block:pagination}{/block:ifnotinfinitescroll}
- <div class="side">
- <div class="sideline1" style="margin-left:70px;"></div>
- <div class="sideline1" style="margin-left:141px;"></div>
- <div class="sideline2" style="margin-top:70px;"></div>
- <div class="sideline2" style="margin-top:141px;"></div>
- <div class="sideline2" style="margin-top:212px;"></div>
- <div class="sideline2" style="margin-top:283px;"></div>
- <div class="sideline2" style="margin-top:354px;"></div>
- <div class="sideline2" style="margin-top:425px;"></div>
- <div class="sideline2" style="margin-top:496px;"></div>
- <div class="sideline2" style="margin-top:567px;"></div>
- <div class="sideline2" style="margin-top:638px;"></div>
- <div class="sideline2" style="margin-top:709px;"></div>
- <div class="sideline2" style="margin-top:780px;"></div>
- <div class="sideline2" style="margin-top:851px;"></div>
- <div class="sideline2" style="margin-top:922px;"></div>
- <div class="sideline2" style="margin-top:993px;"></div>
- <div class="sideline2" style="margin-top:1164px;"></div>
- <div class="sideline2" style="margin-top:1235px;"></div>
- <div class="sideline2" style="margin-top:1306px;"></div>
- <div class="sideline2" style="margin-top:1377px;"></div>
- <div class="sideline2" style="margin-top:1448px;"></div>
- <div class="sideline2" style="margin-top:1519px;"></div>
- <!--if your pc has a higher px resolution just add other sideline2 and write a px that's 71px more than the one on top of it-->
- <div class="ch-item"><div class="ch-info-wrap"><div class="ch-info">
- <div class="ch-info-front"></div><div class="ch-info-back">
- <center><h3><a href="/">home</a></h3><p>refresh</p></center></div></div></div></div>
- <div class="ch-item" style="margin-top:71px; margin-left:142px;"><div class="ch-info-wrap"><div class="ch-info"><div class="ch-info-front"></div><div class="ch-info-back"><center><h3><a href="/ask">mail</a></h3><p>askbox</p></center></div></div></div></div>
- <div class="ch-item" style="margin-top:142px; margin-left:71px;"><div class="ch-info-wrap"><div class="ch-info"><div class="ch-info-front"></div><div class="ch-info-back"><center><h3><a href="/archive">past</a></h3><p>archive</p></center></div></div></div></div>
- <div class="ch-item" style="margin-top:284px; margin-left:0px;"><div class="ch-info-wrap"><div class="ch-info"><div class="ch-info-front"></div><div class="ch-info-back"><center><h3><a href="{text:link2}">{text:title2}</a></h3><p>{text:subtitle2}</p></center></div></div></div></div>
- <div class="ch-item" style="margin-top:355px; margin-left:71px;"><div class="ch-info-wrap"><div class="ch-info"><div class="ch-info-front"></div><div class="ch-info-back"><center><h3><a href="{text:link3}">{text:title3}</a></h3><p>{text:subtitle3}</p></center></div></div></div></div>
- <div class="ch-item" style="margin-top:213px; margin-left:142px;"><div class="ch-info-wrap"><div class="ch-info"><div class="ch-info-front"></div><div class="ch-info-back"><center><h3><a href="{text:link1}">{text:title1}</a></h3><p>{text:subtitle1}</p></center></div></div></div></div>
- <div class="ch-item" style="margin-top:497px; margin-left:142px;"><div class="ch-info-wrap"><div class="ch-info"><div class="ch-info-front"></div><div class="ch-info-back"><center><h3><a href="{text:link4}">{text:title4}</a></h3><p>{text:subtitle4}</p></center></div></div></div></div>
- <div class="ch-item" style="margin-top:497px; margin-left:0px;"><div class="ch-info-wrap"><div class="ch-info"><div class="ch-info-front"></div><div class="ch-info-back"><center><h3><a href="{text:link5}">{text:title5}</a></h3><p>{text:subtitle5}</p></center></div></div></div></div>
- </div>
- <div id="contain">
- <div class="autopagerize_page_element">
- {block:Posts}
- <div class="entry">
- <div class="triangle"></div>
- {block:indexpage}{block:date}<div id="details"><!--{block:RebloggedFrom} from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a> {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}--><a href="{permalink}" title="permalink">{DayOfMonthWithZero}</a> / {MonthNumberWithZero} / <a href="{reblogurl}" title="reblog?">{ShortYear}</a><br>
- <p>{NoteCount}#</p>
- </div> {/block:date}
- <div id="details2">{block:Tags}<a href="{TagURL}"> .{Tag} </a>{/block:Tags}</div>{/block:indexpage}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- {block:Photo}
- {block:indexpage}
- <div id="photo">{LinkOpenTag}
- <img src="{PhotoURL-500}" alt='{PhotoAlt}'/>
- {LinkCloseTag}</div>
- {/block:IndexPage}
- {block:permalinkpage}
- <div id="photo">{LinkOpenTag}
- <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
- {LinkCloseTag}</div>
- {/block:PermalinkPage}
- {block:ifShowCaptions}{block:Indexpage}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Indexpage}{/block:ifShowCaptions}
- {block:PermalinkPage}
- {block:Caption}{Caption}{/block:Caption}
- {/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- {block:indexpage}
- <div id="photoset">
- {block:if500pxposts}{photoset-500}{/block:if500pxposts}
- {block:if400pxposts}{Photoset-400}{/block:if400pxposts}
- {block:if250pxposts}{Photoset-250}{/block:if250pxposts}
- </div>
- {/block:IndexPage}
- {block:PermalinkPage}
- <div id="photoset">{Photoset-500}</div>
- {/block:PermalinkPage}
- {block:ifShowCaptions}
- {block:Indexpage}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Indexpage}
- {/block:ifShowCaptions}
- {block:PermalinkPage}
- {block:Caption}{Caption}{/block:Caption}
- {/block:PermalinkPage}
- {/block:Photoset}
- {block:Video}
- {block:IndexPage}<div id="video">
- {block:if500pxposts}{Video-500}{/block:if500pxposts}
- {block:if400pxposts}{Video-400}{/block:if400pxposts}
- {block:if250pxposts}{Video-250}{/block:if250pxposts}
- </div>
- {/block:IndexPage}
- {block:PermalinkPage}
- <div id="video">{Video-500}</div>
- {/block:PermalinkPage}
- {block:ifShowCaptions}
- {block:Indexpage}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Indexpage}
- {/block:ifShowCaptions}
- {block:PermalinkPage}
- {block:Caption}{Caption}{/block:Caption}
- {/block:PermalinkPage}
- {/block:Video}
- {block:Quote}
- <div id="quotation">« {Quote} »</div>
- {block:Source}</ br> <center><div style="{block:indexpage}{block:if500pxposts}width:400px;{/block:if500pxposts}{block:if400pxposts}width:300px;{/block:if400pxposts}{block:if250pxposts}}width:150px;{/block:if250pxposts}{/block:indexpage}{block:permalinkpage}width:400px;{/block:permalinkpage} font-size:10px; text-align:center; margin-bottom:-10px">— {Source} —</div></center><br>{/block:Source}
- {/block:Quote}
- {block:Text}
- {block:Title}<div id="posttitle">{Title}</div>{/block:Title}<div style="position:relative; margin-top:10px; margin-left:6px; margin-right:6px">{Body}</div>{/block:Text}
- {block:Link}
- <div id="posttitle"><a href="{URL}" {Target}>{Name} ›</a></div><div id="linko"><span style="background:{color:side}; padding:0px 0px 0px 5px;">link</span></div>
- {block:Description}{Description}{/block:Description}{/block:Link}
- {block:Audio}
- <center><div id="audioplayer">{AudioPlayerWhite}</div></center>
- <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="50">{/block:AlbumArt}</div>
- <div id="audioinfo">{FormattedPlayCount} hits<br>
- {block:Artist}{Artist}{/block:Artist} : {block:TrackName}{TrackName}{/block:TrackName}<br>
- from: {block:Album}{Album}{/block:Album}
- </div>
- {block:ifShowCaptions}{block:Indexpage}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Indexpage}{/block:ifShowCaptions}
- {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}
- {/block:PermalinkPage}{/block:Audio}
- {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
- {block:Answer}<div id="askeru"><img src="{AskerPortraitURL-30}"></div><div id="askery"><span style="padding-left:15px;">{asker}</span></div>
- <div style="margin-top:-3px;"><div class="question">{Question}</div></div>
- <div id="answer">{Answer}</div>
- {/block:Answer}
- {block:PermalinkPage}<div id="perma">
- {block:date}<div id="permalinkpage"> <!--{block:RebloggedFrom} from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a> {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}-->{ShortMonth}, {DayOfMonth}{DayOfMonthSuffix} with {NoteCountWithLabel}{/block:date} {block:Date}{block:RebloggedFrom} : from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource} by <a href="{sourceURL}">{sourcelink}</a>{/block:ContentSource}{/block:date}</div>
- {block:HasTags}<div style="text-transform:uppercase;">file under {block:Tags}<div style="line-height:9px; word-wrap:break-word; display:inline-block;"><div id="tags"><a href="{TagURL}">•{Tag} </a></div></div> {/block:Tags}</div>
- {/block:HasTags}
- {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
- </div>{/block:PermalinkPage}</div>
- {/block:posts}</div>
- </div>
- <div id="credit"><div style="margin-top:10px;"><a href="http://daenso.tumblr.com/" title="themes by daenso">dænso</a> themes</div></div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement