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">
- <head>
- <html>
- <title>{Title}</title>
- <!--
- ___________________________________________________________________________
- PERFECTOS THEME BY NOCTOS @ TUMBLR
- ___________________________________________________________________________
- -->
- <link rel="shortcut icon" href="{Favicon}">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <meta name="text:font" content="cambria" />
- <meta name="text:font size" content="9px" />
- <meta name="image:background" content="" />
- <meta name="image:side" content="http://static.tumblr.com/nj7bgyh/tkWm1regy/tumblr_m0iyf9ysys1qa6b2io1_1280.jpg" />
- <meta name="color:background" content="#fff" />
- <meta name="color:text" content="#777" />
- <meta name="color:links" content="#888" />
- <meta name="color:links hover" content="#191919" />
- <meta name="color:bordering" content="#eee" />
- <meta name="color:entry BG" content="#fff" />
- <meta name="color:side BG" content="#fff" />
- <meta name="color:side links BG" content="#000" />
- <meta name="color:side links TXT" content="#fff" />
- <meta name="if:endless scroll" content="1" />
- <meta name="if:show captions" content="0" />
- <meta name="if:small posts" content="1" />
- <meta name="if:medium posts" content="0" />
- <meta name="if:large posts" content="0" />
- <meta name="text:link one" content="" />
- <meta name="text:link one title" content="" />
- <meta name="text:link two" content="" />
- <meta name="text:link two title" content="" />
- <meta name="text:link three" content="" />
- <meta name="text:link three title" content="" />
- {block:ifendlessscroll}
- <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
- {/block:ifendlessscroll}
- <style type="text/css">
- {CustomCSS}
- ::-webkit-scrollbar-thumb:vertical {background-color:{color:bordering};width:6px;border:1px solid #fff;}
- ::-webkit-scrollbar {height:0px;width:5px;background-color:#ffffff;}
- iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.5;-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.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
- body {
- background-image: url('{image:background}');
- background-attachment:fixed;
- background-color:{color:background};
- font-family:{text:font};
- font-size:{text:font size};
- color:{color:text};
- }
- a {
- color:{color:links};
- text-decoration:none;
- -webkit-transition: all 0.6s ease-in;
- -moz-transition: all 0.6s ease-in;
- -o-transition: all 0.6s ease-in;
- }
- a:hover {
- color:{color:links hover};
- }
- h1 {
- font-size:16px;
- font-weight:lighter;
- letter-spacing:-1.5px;
- text-transform:uppercase;
- border-bottom:1px solid {color:bordering};
- }
- blockquote {
- padding-left:10px;
- border-left:1px solid {color:text};
- }
- .audi img {
- max-width:100px;
- overflow:hidden;
- float:left;
- margin-right:5px;
- }
- {block:indexpage}
- .post img {
- -webkit-transition: all 0.6s ease-in;
- -moz-transition: all 0.6s ease-in;
- -o-transition: all 0.6s ease-in;
- }
- .post img:hover {
- opacity:0.65;
- }
- {/block:indexpage}
- #content {
- {block:indexpage}
- {block:ifsmallposts}
- margin-left:40%;
- {block:ifsmallposts}
- {block:ifmediumposts}
- margin-left:33%;
- {/block:ifmediumposts}
- {block:iflargeposts}
- margin-left:30%;
- {/block:iflargeposts}
- {/block:indexpage}
- {block:permalinkpage}
- margin-left:30%;
- {/block:permalinkpage}
- {block:indexpage}
- {block:ifsmallposts}
- width:250px;
- {block:ifsmallposts}
- {block:ifmediumposts}
- width:400px;
- {/block:ifmediumposts}
- {block:iflargeposts}
- width:500px;
- {/block:iflargeposts}
- {/block:indexpage}
- {block:permalinkpage}
- width:500px;
- {/block:permalinkpage}
- }
- .post {
- float:left;
- overflow:hidden;
- text-align:justify;
- margin-bottom:8px;
- {block:indexpage}
- {block:ifsmallposts}
- width:250px;
- {block:ifsmallposts}
- {block:ifmediumposts}
- width:400px;
- {/block:ifmediumposts}
- {block:iflargeposts}
- width:500px;
- {/block:iflargeposts}
- {/block:indexpage}
- {block:permalinkpage}
- width:500px;
- {/block:permalinkpage}
- overflow:hidden;
- }
- .permalink {
- position:absolute;
- padding:5px;
- border-left:1px solid {color:text};
- opacity:0;
- {block:indexpage}
- {block:ifsmallposts}
- margin-left:260px;
- {block:ifsmallposts}
- {block:ifmediumposts}
- margin-left:410px;
- {/block:ifmediumposts}
- {block:iflargeposts}
- margin-left:509px;
- {/block:iflargeposts}
- {/block:indexpage}
- {block:permalinkpage}
- display:none;
- {/block:permalinkpage}
- -webkit-transition: all 0.7s ease-out;
- -moz-transition: all 0.7s ease-out;
- -o-transition: all 0.7s ease-out;
- }
- .post:hover .permalink {
- opacity:1;
- }
- .notes img {
- width:0px;
- height:0px;
- }
- .pagination {
- margin-top:10px;
- text-align:center;
- font-family:consolas;
- font-size:11px;
- }
- .pagination a {
- color:{color:links};
- opacity:0.4;
- -webkit-transition: all 0.7s ease-out;
- -moz-transition: all 0.7s ease-out;
- -o-transition: all 0.7s ease-out;
- }
- .pagination a:hover {
- opacity:1;
- }
- #backing {
- background-attachment;
- position:fixed;
- {block:indexpage}
- {block:ifsmallposts}
- left:40%;
- {block:ifsmallposts}
- {block:ifmediumposts}
- left:33%;
- {/block:ifmediumposts}
- {block:iflargeposts}
- left:30%;
- {/block:iflargeposts}
- {/block:indexpage}
- {block:permalinkpage}
- left:30%;
- {/block:permalinkpage}
- top:-10px;
- height:110%;
- z-index:-999;
- margin-left:-8px;
- padding:10px;
- {block:indexpage}
- {block:ifsmallposts}
- width:250px;
- {block:ifsmallposts}
- {block:ifmediumposts}
- width:400px;
- {/block:ifmediumposts}
- {block:iflargeposts}
- width:500px;
- {/block:iflargeposts}
- {/block:indexpage}
- {block:permalinkpage}
- width:501px;
- {/block:permalinkpage}
- background-color:{color:entry BG};
- border-right:1px solid {color:bordering};
- }
- #left {
- background-color:{color:side BG};
- width:172px;
- height:110%;
- position:fixed;
- {block:indexpage}
- {block:ifsmallposts}
- left:40%;
- {block:ifsmallposts}
- {block:ifmediumposts}
- left:33%;
- {/block:ifmediumposts}
- {block:iflargeposts}
- left:30%;
- {/block:iflargeposts}
- {/block:indexpage}
- {block:permalinkpage}
- left:30%;
- {/block:permalinkpage}
- top:1px;
- overflow:hidden;
- margin-left:-190px;
- }
- .img:hover .link1 {opacity:0.75;margin-left:0px;}
- .img:hover .link2 {opacity:0.75;margin-left:0px;}
- .img:hover .link3 {opacity:0.75;margin-left:0px;}
- .img:hover .link4 {opacity:0.75;margin-left:0px;}
- .img:hover .link5 {opacity:0.75;margin-left:0px;}
- .img:hover .link6 {opacity:0.75;margin-left:0px;}
- .link1 {
- width:180px;
- position:absolute;
- font-family:consolas;
- text-transform:uppercase;
- letter-spacing:1px;
- font-size:11px;
- text-align:center;
- margin-top:8px;
- background-color:{color:side links BG};
- opacity:0;
- margin-left:170px;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- }
- .link2 {
- width:180px;
- position:absolute;
- font-family:consolas;
- text-transform:uppercase;
- letter-spacing:1px;
- font-size:11px;
- text-align:center;
- margin-top:28px;
- background-color:{color:side links BG};
- opacity:0;
- margin-left:170px;
- -webkit-transition: all 0.7s ease-out;
- -moz-transition: all 0.7s ease-out;
- -o-transition: all 0.7s ease-out;
- }
- .link3 {
- width:180px;
- position:absolute;
- font-family:consolas;
- text-transform:uppercase;
- letter-spacing:1px;
- font-size:11px;
- text-align:center;
- margin-top:48px;
- background-color:{color:side links BG};
- opacity:0;
- margin-left:170px;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- -o-transition: all 0.8s ease-out;
- }
- .link4 {
- width:180px;
- position:absolute;
- font-family:consolas;
- text-transform:uppercase;
- letter-spacing:1px;
- font-size:11px;
- text-align:center;
- margin-top:68px;
- background-color:{color:side links BG};
- opacity:0;
- margin-left:170px;
- -webkit-transition: all 0.9s ease-out;
- -moz-transition: all 0.9s ease-out;
- -o-transition: all 0.9s ease-out;
- }
- .link5 {
- width:180px;
- position:absolute;
- font-family:consolas;
- text-transform:uppercase;
- letter-spacing:1px;
- font-size:11px;
- text-align:center;
- margin-top:88px;
- background-color:{color:side links BG};
- opacity:0;
- margin-left:170px;
- -webkit-transition: all 1.0s ease-out;
- -moz-transition: all 1.0s ease-out;
- -o-transition: all 1.0s ease-out;
- }
- .link6 {
- width:180px;
- position:absolute;
- font-family:consolas;
- text-transform:uppercase;
- letter-spacing:1px;
- font-size:11px;
- text-align:center;
- margin-top:108px;
- background-color:{color:side links BG};
- opacity:0;
- margin-left:170px;
- -webkit-transition: all 1.1s ease-out;
- -moz-transition: all 1.1s ease-out;
- -o-transition: all 1.1s ease-out;
- }
- .description {
- width:130px;
- margin-left:16px;
- padding:5px;
- padding-bottom:11px;
- margin-top:-5px;
- text-align:center;
- border-bottom:1px solid {color:bordering};
- }
- </style>
- </head>
- <body>
- <div style="padding:10px;border:1px solid {color:bordering};height:110%;position:fixed;{block:indexpage}{block:ifsmallposts}left:40%;{block:ifsmallposts}{block:ifmediumposts}left:33%;{/block:ifmediumposts}{block:iflargeposts}left:30%;{/block:iflargeposts}{/block:indexpage}{block:permalinkpage}left:30%;{/block:permalinkpage}margin-left:-200px;top:-10px;width:170px;overflow:hidden;background-color:{color:side BG};"></div>
- <div id="left">
- <div style="margin-top:6px;" class="img">
- <a style="color:{color:side links txt};" href="/"><div class="link1">home</div></a>
- <a style="color:{color:side links txt};" href="/ask"><div class="link2">message</div></a>
- <a style="color:{color:side links txt};" href="/archive"><div class="link3">history</div></a>
- {block:iflinkone}<a style="color:{color:side links txt};" href="{text:link one}"><div class="link4">{text:link one title}</div></a>
- {/block:iflinkone}
- {block:iflinktwo}<a style="color:{color:side links txt};" href="{text:link two}"><div class="link5">{text:link two title}</div></a>
- {/block:iflinktwo}
- {block:iflinkthree}<a style="color:{color:side links txt};" href="{text:link three}"><div class="link6">{text:link three title}</div></a>
- {/block:iflinkthree}
- <img style="width:170px;border:1px solid {color:bordering};" src="{image:side}">
- </div>
- <h1 style="padding-bottom:1px;border-top:1px solid {color:bordering};"><center><a style="color:{color:text};" href="/" title="{Title}">{Title}</a></center></h1>
- <div class="description">{Description}</div>
- {block:ifnotendlessscroll}
- <div class="pagination">
- {block:NextPage}
- <a href="{NextPage}">FORTH</a>
- {block:NextPage}
- {block:PreviousPage}
- <a href="{PreviousPage}">BACK</a><br>
- {/block:PreviousPage}
- <i style="font-size:8px;font-family:{text:font};letter-spacing:0px;" >{CurrentPage} / {TotalPages}</i>
- </div>
- {/block:ifnotendlessscroll}
- </div>
- <div id="backing"></div>
- <div style="margin-top:-1px" id="content">
- {block:Posts}
- {block:Text}
- <div class="post">
- <div class="permalink">
- {DayOfWeek}, {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {Year}
- <br>
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- </div>
- {block:Title}<h1>{Title}</h1>{/block:Title}
- <div style="margin-top:-7px"></div>
- {Body}
- </div>
- {/block:Text}
- {block:Photo}
- <div class="post">
- <div class="permalink">
- {DayOfWeek}, {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {Year}
- <br>
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- </div>
- {LinkOpenTag}
- <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
- {block:indexpage}
- {block:ifsmallposts}
- <img src="{PhotoURL-250}">
- {/block:ifsmallposts}
- {block:ifmediumposts}
- <img style="width:400px;" src="{PhotoURL-500}">
- {/block:ifmediumposts}
- {block:iflargeposts}
- <img src="{PhotoURL-500}">
- {/block:iflargeposts}
- {block:ifshowcaptions}
- {Caption}
- {/block:ifshowcaptions}
- {/block:indexpage}
- {block:permalinkpage}
- <img src="{PhotoURL-500}">
- {Caption}
- {/block:permalinkpage}
- </div>
- {LinkCloseTag}
- {/block:Photo}
- {block:Quote}
- <div class="post">
- <div class="permalink">
- {DayOfWeek}, {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {Year}
- <br>
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- </div>
- "{Quote}"
- <div style="border-bottom:1px solid {color:bordering};margin-bottom:3px;padding-top:5px;"></div>
- <div style="text-align:right;">
- {block:Source}― {Source}{/block:Source}
- </div>
- </div>
- {/block:Quote}
- {block:Photoset}
- <div class="post">
- <div class="permalink">
- {DayOfWeek}, {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {Year}
- <br>
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- </div>
- {block:indexpage}
- {block:ifsmallposts}
- {Photoset-250}
- {/block:ifsmallposts}
- {block:ifmediumposts}
- {Photoset-400}
- {/block:ifmediumposts}
- {block:iflargeposts}
- {Photoset-500}
- {/block:iflargeposts}
- {block:ifshowcaptions}
- {Caption}
- {/block:ifshowcaptions}
- {/block:indexpage}
- {block:permalinkpage}
- {Photoset-500}
- {Caption}
- {/block:permalinkpage}
- </div>
- {/block:Photoset}
- {block:Link}
- <div class="post">
- <div class="permalink">
- {DayOfWeek}, {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {Year}
- <br>
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- </div>
- <h1><a href="{URL}" {Target}>{Name}</a></h1>
- {block:description}
- <div style="margin-top:-7px;">
- {description}
- </div>
- {/block:description}
- {block:indexpage}
- {block:ifshowcaptions}
- {caption}
- {/block:ifshowcaptions}
- {/block:indexpage}
- {block:permalinkpage}
- {caption}
- {/block:permalinkpage}
- </div>
- {/block:Link}
- {block:audio}
- <div class="post">
- <div class="permalink">
- {DayOfWeek}, {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {Year}
- <br>
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- </div>
- <div style="width:100%; background-color:#000;">{audioplayerblack}</div>
- {block:indexpage}
- <div style="margin-top:5px; padding-top:5px; border-top:1px solid {color:bordering};">
- {block:albumart}
- <div class="audi"><img src="{albumartURL}"></div>
- {/block:albumart}
- <div style="float:left; border-left:1px solid {color:bordering}; padding-left:5px;">
- {block:artist}{artist}{/block:artist}<br>
- {block:album}{album}{/block:album}<br>
- {block:trackname}{trackname}{/block:trackname}<br>
- </div>
- <div style="{block:ifsmallposts}width:58%;{/block:ifsmallposts}{block:ifmediumposts}width:73%;{/block:ifmediumposts}{block:iflargeposts}width:78%;{/block:iflargeposts}margin-top:5px;float:left;border-top:1px solid {color:bordering};">
- <div style="float:left;border-left:1px solid {color:bordering}; margin-top:5px;padding-top:2px;padding-left:5px;">
- <div style="margin-top:-2px;"></div>
- {playcountwithlabel}
- </div></div></div>
- {/block:indexpage}
- {block:permalinkpage}<br>
- {block:albumart}
- <div class="audi">
- <img src="{albumarturl}">
- </div>
- {/block:albumart}
- <div style="float:left;">
- {playcountwithlabel}<br>
- {block:artist}{artist}{/block:artist}<br>
- {block:album}{album}{/block:album}<br>
- {block:trackname}{trackname}{/block:trackname}<br>
- </div>
- {/block:permalinkpage}
- {block:ifshowcaptions}
- {block:caption}
- {caption}
- {/block:caption}
- {/block:ifshowcaptions}
- {block:ifnotshowcaptions}
- {block:permalinkpage}
- <div style="float:left;">
- {caption}
- </div>
- {/block:permalinkpage}
- {/block:ifnotshowcaptions}
- </div>
- {/block:audio}
- {block:Video}
- <div class="post">
- <div class="permalink">
- {DayOfWeek}, {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {Year}
- <br>
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- </div>
- {block:indexpage}
- {block:ifsmallposts}
- {video-250}
- {/block:ifsmallposts}
- {block:ifmediumposts}
- {video-400}
- {/block:ifmediumposts}
- {block:iflargeposts}
- {video-500}
- {/block:iflargeposts}
- {block:ifshowcaptions}
- {Caption}
- {/block:ifshowcaptions}
- {/block:indexpage}
- {block:permalinkpage}
- {video-500}
- {Caption}
- {/block:permalinkpage}
- </div>
- {/block:Video}
- {block:Answer}
- <div class="post">
- <div class="permalink">
- {DayOfWeek}, {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {Year}
- <br>
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- </div>
- <div style="padding-bottom:3px;border-bottom:1px solid {color:bordering};">
- {Asker}: {Question}
- </div>
- {Answer}
- </div>
- {/block:Answer}
- {block:chat}
- <div class="post">
- <div class="permalink">
- {DayOfWeek}, {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {Year}
- <br>
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- </div>
- {block:title}<h1>{title}</h1><div style="margin-top:-7px;"></div>{/block:title}
- <ul>
- {block:Lines}
- <li style="list-style:square;">
- {block:Label}
- {Label}
- {/block:Label}
- <i>
- {Line}
- </i>
- </li>
- {/block:Lines}
- </ul>
- {block:ifshowcaptions}
- {block:caption}
- {caption}
- {/block:caption}
- {/block:ifshowcaptions}
- {block:ifnotshowcaptions}
- {block:permalinkpage}
- {caption}
- {/block:permalinkpage}
- {/block:ifnotshowcaptions}
- </div>
- {/block:chat}
- {block:PermalinkPage}
- <div style="float:left;width:500px;">
- {block:Date}
- <div style="font-weight:bold;font-size:12px;border-bottom:1px solid {color:bordering};margin-bottom:3px;text-transform:uppercase;">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} {Year} ({12Hour}:{Minutes}{AmPm})</div>
- {/block:Date}
- {block:PostNotes}
- {NoteCountWithLabel}
- <br>
- {/block:PostNotes}
- {block:HasTags}
- tagged:{block:Tags}#<a href="{TagURL}" title="{Tag}">{Tag} </a>{/block:Tags}
- <br>
- {/block:HasTags}
- {block:RebloggedFrom}
- via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a><br>
- original: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
- {/block:RebloggedFrom}
- {block:Date}
- <div style="border-bottom:1px solid {color:bordering};padding-top:3px;margin-bottom:3px;"></div>
- navigation: <a href="{ReblogURL}" title="reblog this post">reblog</a>, <a href="/">index</a>, <a href="/random" title="random post">random</a>
- {/block:Date}
- {block:NoteCount}
- <div style="border-bottom:1px solid {color:bordering};padding-top:3px;"></div>
- <div class="notes">
- {PostNotes}
- </div>
- {/block:NoteCount}
- </div>
- {/block:PermalinkPage}
- {/block:Posts}
- </div>
- <a style="position:fixed;bottom:5px;right:5px;font-family:consolas;font-size:8px;opacity:0.7;" href="http://noctos.tumblr.com" title="theme by noctos">THEME</a>
- </body>
- </html>
Add Comment
Please, Sign In to add comment