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">
- <!-- ST:RELAX - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM -->
- <head>
- {block:IndexPage}
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
- <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
- <script>
- $(function(){
- var $container = $('#content');
- $container.imagesLoaded(function(){
- $container.masonry({
- itemSelector: '#posts',
- });
- });
- $container.infinitescroll({
- itemSelector : "#posts",
- navSelector : "div.pagination",
- nextSelector : ".pagination a#next",
- loadingImg : "",
- loadingText : "<em></em>",
- bufferPx : 500,
- extraScrollPx: 500,
- },
- function( newElements ) {
- var $newElems = $( newElements ).css({ opacity: 0 });
- $newElems.imagesLoaded(function(){
- $newElems.animate({ opacity: 1 });
- $container.masonry( 'appended', $newElems, true );
- });
- }
- );
- });
- </script>
- {/block:IndexPage}
- <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
- <link rel="shortcut icon" href="{Favicon}" />
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <meta name="description" content="{MetaDescription}" />
- <meta name="if:InfiniteScroll" content="1"/>
- <meta name="if:Show Captions" content="0"/>
- <meta name="color:Background" content="#f1f1f1"/>
- <meta name="color:post" content="#f7f7f7"/>
- <meta name="color:sidebar" content="#f7f7f7"/>
- <meta name="color:sidebar text" content="#777777"/>
- <meta name="color:text" content="#777777"/>
- <meta name="color:text headers" content="#484848"/>
- <meta name="color:bold text" content="#484848"/>
- <meta name="color:label background" content="#ededed"/>
- <meta name="color:link" content="#c5c5c5"/>
- <meta name="color:link hover" content="#202020"/>
- <meta name="image:Portrait" content=""/>
- <meta name="image:Background" content=""/>
- <meta name="text:Font Size" content="10px"/>
- <meta name="text:Line Height" content="16px"/>
- <meta name="font:Body" content="'Calibri', Arial, Trebuchet MS, Helvetica, Tahoma, sans-serif" />
- <meta name="text:Custom Link One" content="" />
- <meta name="text:Custom Link One Title" content="" />
- <meta name="text:Custom Link Two" content="" />
- <meta name="text:Custom Link Two Title" content="" />
- <meta name="text:Custom Link Three" content="" />
- <meta name="text:Custom Link Three Title" content="" />
- <meta name="text:Custom Link Four" content="" />
- <meta name="text:Custom Link Four Title" content="" />
- <style type="text/css">
- iframe#tumblr_controls{
- opacity:0.8 !important;
- right:0px !important;
- position: fixed !important;}
- body{
- text-align:justify;
- color: {color:text};
- font-family: {font:Body};
- font-size: {text:Font Size};
- line-height: {text:Line Height};
- text-decoration: none;
- background-color: {color:Background};
- background-image:url({image:Background});
- background-attachment: fixed;
- background-position:top center;
- background-repeat: no-repeat;}
- p{
- margin-top:0px;
- margin-bottom:10px;}
- a, a:link, a:visited, a:active{
- -webkit-transition: all .8s ease-out;
- -moz-transition: all .8s ease-out;
- -o-transition: all .8s ease-out;
- transition: all .8s ease-out;
- color:{color:link}; text-decoration:none;}
- a:hover{color:{color:link hover};}
- b, strong{
- color: {color:bold text};}
- img{
- display:block;}
- #contentmain{
- margin: 0px auto;
- margin-top:40px;
- width:560px;
- padding:20px;
- background-color:transparent;}
- #content{
- width:580px;
- margin-left:0px;
- background-color:transparent;}
- #posts{
- overflow: hidden;
- text-align:justify;
- color: {color:text};
- font-family: {font:Body};
- font-size: {text:Font Size};
- line-height: {text:Line Height};
- text-decoration: none;
- {block:IndexPage}
- width:250px;
- padding:10px 10px 10px 10px;
- margin:0px 20px 20px 0px;
- {/block:IndexPage}
- {block:PermalinkPage}
- width:500px;
- padding:10px 10px 10px 10px;
- margin:0px 0px 20px 0px;
- {/block:PermalinkPage}
- background-color:{color:post}; }
- #info {
- background-color: {color:post};
- overflow: visible;
- width:500px;
- height: auto;
- padding: 10px;
- margin:20px 0px 0px 0px;}
- #notes {
- background-color: {color:post};
- overflow: visible;
- width:500px;
- height: auto;
- padding: 10px;
- margin:20px 0px 0px 0px;}
- .container {
- text-align:justify;
- color: {color:sidebar text};
- font-family: {font:Body};
- font-size: {text:Font Size};
- line-height: {text:Line Height};
- text-decoration: none;
- display: table;
- left:50%;
- margin-left:-520px;
- height: 100%;
- position:fixed;
- overflow: hidden;
- width:200px; }
- .helper {#position: absolute; #top: 50%;display: table-cell; vertical-align: middle;}
- .content2 {#position: relative; #top: -50%;margin:0 auto;width:200px;
- background-color:{color:sidebar};
- padding: 10px;}
- #posts #perm{
- position:absolute;
- top:10px;
- left:18px;
- z-index:2000000;
- margin-top:8px;
- margin-right:16px;
- /* IE 8 */
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
- /* IE 5-7 */
- filter: alpha(opacity=0);
- /* Netscape */
- -moz-opacity: 0.0;
- /* Safari 1.x */
- -khtml-opacity: 0.0;
- /* Good browsers */
- opacity: 0.0;
- width:26px;
- height:auto;
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- transition: all 0.3s linear;}
- #posts:hover #perm{
- top:10px;
- /* IE 8 */
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
- /* IE 5-7 */
- filter: alpha(opacity=80);
- /* Netscape */
- -moz-opacity: 0.8;
- /* Safari 1.x */
- -khtml-opacity: 0.8;
- /* Good browsers */
- opacity: 0.8;
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- transition: all 0.3s linear;}
- .bub {
- -webkit-box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.66);
- -moz-box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.66);
- box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.66);
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- margin:0px 6px 0px 0px;
- height:14px;
- background-color:#ffffff;
- padding:4px;}
- a.ntz {
- font-size:10px;
- line-height:14px;
- color:#000000;}
- a.ntz:hover{
- color:#ffffff;}
- #question{
- overflow:SHOW;
- padding-bottom:3px;
- margin-bottom:3px;}
- #askr{
- display:block;
- float:left;
- width:33px;
- overflow:hidden;
- margin-right:3px;}
- ul {
- list-style: disc;
- padding: 4px 0px 6px 20px;}
- blockquote{padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:text headers};}
- blockquote img{display:block; width:100%;}
- blockquote p{padding:0px; margin:0px;}
- blockquote blockquote{position:relative; left:6px; margin-top:0px; margin-right:0px; padding-right:0px;}
- #bottominfo{
- padding:2px 0px 0px 0px;
- display:block;}
- .answer p{margin:0px;}
- .notes img{
- width:10px;
- position:relative;
- top:1px;}
- ol.notes, .notes li{
- list-style:none;
- margin:0px;
- padding:0px;}
- small {font-size:8px; line-height:8px; letter-spacing:0px;}
- big {font-family:arial black; color:{color:bold text}; font-size:14px;}
- a img{border:none;}
- .label {
- color: {color:bold text};font-weight: bold; line-height:12px;}
- .odd { padding:8px;
- background-color: {color:label background};}
- .even {padding:8px;}
- h2 {
- color: {color:text headers};
- font-size: 20px;
- line-height: 28px;
- text-decoration: none;
- font-family: 'Yanone Kaffeesatz', sans-serif;
- font-weight: 700;
- text-transform: uppercase;
- letter-spacing: -1px;
- margin-bottom:4px;
- margin:0px;
- padding:0px;}
- a.notez {
- display:inline-block;
- border:2px solid #e4f1f5;
- width:82px;
- height:20px;
- z-index:20000;
- color: #484848;
- text-transform: uppercase;
- font-family:Calibri;
- font-weight:bold;
- font-size:8px;
- line-height:18px;
- letter-spacing:1px;
- -webkit-transition: all .6s ease-out;
- -moz-transition: all .6s ease-out;
- -o-transition: all .6s ease-out;
- transition: all .6s ease-out;}
- a.notez:hover {
- background-color:#218dc2;
- color:#484848;}
- a.links1 {
- color:{color:link};
- display:inline-block;
- text-align:center;
- text-transform: uppercase;
- font-family:consolas;
- font-weight:bold;
- font-size:8px;
- line-height:15px;
- letter-spacing:1px;
- -webkit-transition-property:color, text;
- -webkit-transition-duration: .2s;
- -moz-transition-duration: .2s;
- -webkit-transition-timing-function: linear, ease-in;
- padding:2px;}
- a.links1:hover {
- -webkit-transition-duration: .2s;
- -moz-transition-duration: .2s;}
- #pag {
- color: {color:text};
- font-family: consolas;
- font-size: 10px;
- line-height: 14px;
- text-decoration: none;
- overflow: visible;
- width:544px;
- height: auto;
- padding: 8px;
- margin:0px 0px 20px 0px;}
- .pagn {
- margin-top:5px;
- margin-bottom:0px;
- text-align:center;
- line-height:20px;
- font-family:calibri;
- font-size:10px; }
- .pagn a {
- background-color:{color:text};
- color:{color:post};
- text-decoration:none;
- padding:2px 4px 2px 4px;}
- .pagn a:hover {
- color:{color:text};
- background-color:{color:post};
- }
- .pagination {
- -moz-opacity: 0.00;
- opacity: 0.00;
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);}
- {block:IndexPage}
- .bubble
- {
- color:#484848;
- position: relative;
- width: 184px;
- height: auto;
- padding: 6px;
- margin-bottom:10px;
- margin-left:50px;
- background: #cfdbde;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- border: #b8c1c3 solid 1px;
- .bubble a {color:{#218dc2;}}
- {/block:IndexPage}
- {block:PermalinkPage}
- .bubble
- {
- color:#484848;
- position: relative;
- width: auto;
- height: auto;
- padding: 6px;
- margin-bottom:10px;
- margin-left:50px;
- background: #cfdbde;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- border: #b8c1c3 solid 1px;}
- .bubble a {color:{#218dc2;}
- {/block:PermalinkPage}
- </style>
- <style type="text/css">{CustomCSS}</style>
- </head>
- <body>
- <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:700' rel='stylesheet' type='text/css'>
- <script type="text/javascript">
- WebFontConfig = {
- google: { families: [ 'Yanone+Kaffeesatz:700:latin' ] }
- };
- (function() {
- var wf = document.createElement('script');
- wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
- '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
- wf.type = 'text/javascript';
- wf.async = 'true';
- var s = document.getElementsByTagName('script')[0];
- s.parentNode.insertBefore(wf, s);
- })(); </script>
- <script type="text/javascript">
- // This code just here to make the contents grow/collapse dynamically
- // It is not needed to achieve the CSS layout effect described above
- var c2 = document.getElementById('content2');
- c2.onclick=function(){ c2.innerHTML+=c2.innerHTML }
- </script>
- {block:IfInfiniteScroll}
- <div class="pagination">
- {block:Pagination}
- {block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older ?</a>{/block:NextPage}
- {block:PreviousPage}<a style="float:left" href="{PreviousPage}">? Newer</a></p>{/block:PreviousPage}
- {/block:Pagination}
- </div>
- {/block:IfInfiniteScroll}
- <div class="container">
- <div class="helper">
- <div class="content2">
- {block:IfPortraitImage}
- <a href="http://{name}.tumblr.com"><img src="{image:Portrait}" width="200" style="padding-bottom:6px;"></a>
- {/block:IfPortraitImage}
- <center>
- <a href="http://{name}.tumblr.com" class="links1">Home</a>
- {block:AskEnabled}<a href="/ask" class="links1">Ask</a>{/block:AskEnabled}
- {block:SubmissionsEnabled}<a href="/submit" class="links1">Submit</a>{/block:SubmissionsEnabled}
- {block:HasPages}
- {block:Pages}
- <a href="{URL}" class="links1">{Label}</a>
- {/block:Pages}
- {/block:HasPages}
- {block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}" class="links1">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}
- {block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}" class="links1">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle}
- {block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}" class="links1">{text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle}
- {block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}" class="links1">{text:Custom Link Four Title}</a>{/block:ifCustomLinkFourTitle}
- <a href="http://sleeplessthemes.com" class="links1">Theme</a>
- </center>
- {Description}
- </div>
- </div>
- </div>
- <div id="contentmain">
- <div id="content">
- {block:Posts}
- <div id="posts">
- {block:IndexPage}
- <div id="perm">
- <table width="12">
- <tr>
- <td><div class="bub">{LikeButton color="black" size="14"}</div></td>
- <td><div class="bub">{ReblogButton color="black" size="14"}</div></td>
- <td><div class="bub"><a href="{Permalink}" class="ntz">{NoteCount}</a></div></td>
- </tr>
- </table>
- </div>
- {/block:IndexPage}
- {block:Text}
- <h2>{Title}</h2>
- <div id="postimg">{Body}</div>
- {/block:Text}
- {block:Photo}
- {block:IndexPage}
- <center><a href="{permalink}"><img src="{PhotoURL-250}" width="250" border="0"></a></center>
- {block:IfShowPhotoCaption}{block:Caption}<div id="postimg"><div style="padding-top:6px;">{Caption}</div></div>{/block:Caption}{/block:IfShowPhotoCaption}
- {/block:IndexPage}
- {block:PermalinkPage}{LinkOpenTag}<center><img src="{PhotoURL-500}" width="500" alt="{PhotoAlt}"/></center>
- {LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}
- {block:Photoset}
- <center>{block:IndexPage}{Photoset-250}
- {block:IfShowPhotoCaption}{block:Caption}<div style="padding-top:6px;">{Caption}</div>{/block:Caption}{/block:IfShowPhotoCaption}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{block:IfShowPhotoCaption}{block:Caption}<div style="padding-top:6px;">{Caption}</div>{/block:Caption}{/block:IfShowPhotoCaption}{/block:PermalinkPage}</center>{block:PermalinkPage}{/block:PermalinkPage}{/block:Photoset}
- {block:Quote}
- <h2>"{Quote}"</h2>{block:Source}{Source}{/block:Source}{/block:Quote}
- {block:Link}
- <a href="{URL}" class="link" {Target}><h2>{Name}</h2></a>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}
- {block:Title}{Title}{/block:Title}
- {block:Lines}
- {block:Label}
- <div class="{Alt}"><span class="label"><strong>{Label}</strong></span>
- <span class="line">{Line}</span></div>
- {/block:Label}
- {/block:Lines}
- {/block:Chat}
- {block:Video}
- <center>{block:IndexPage}<div id="video">{Video-250}</div>{block:IfNotHidePhotoCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfNotHidePhotoCaption}{/block:IndexPage}
- {block:PermalinkPage}<div id="video">{Video-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}</center>
- {/block:Video}
- {block:Audio}
- <table border="0" bordercolor="" style="background-color:" width="250" cellpadding="0" cellspacing="0">
- <tr>
- <td width="40">{block:AlbumArt}
- <img src="{AlbumArtURL}" width="40">
- {/block:AlbumArt}</td>
- <td width="210" style="vertical-align: middle;"> {block:AudioPlayer}<center>{AudioPlayerBlack}</center>{/block:AudioPlayer}</td>
- </tr>
- </table>
- {block:Caption}<div style="padding-top:10px;">{Caption}</div>{/block:Caption}
- {/block:Audio}
- {block:Answer}
- <div style="position:absolute; margin-top:0px; margin-left:auto; width:40px; height:40px; border:0px solid;"><img src="{AskerPortraitURL-96}" width="40" height="40" style="-webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;"></div>
- <div class="bubble">
- <div id="asked">{Asker} asked:</div>
- {Question}
- </div>
- <p>{Answer}</p>
- {block:IndexPage}<div style="margin-bottom:10px;"></div>{/block:IndexPage}
- {/block:Answer}
- </div>
- {block:PermalinkPage}
- {block:Date}
- <div id="info">
- Posted: <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">{ShortDayOfWeek} {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a> at {12Hour}:{Minutes}{AmPm}{block:RebloggedFrom}<br>Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>.{/block:RebloggedFrom}
- {block:Photo}{block:HighRes}<br>HighRes: <a href="{PhotoURL-HighRes}">view</a>{/block:HighRes}{/block:Photo}
- {block:Answer}<BR>Ask: <a href="/ask">{AskLabel}</a>{/block:Answer}
- {block:Audio}<BR>Plays: {FormattedPlayCount}{block:ExternalAudio}<BR>Download: <a href="{ExternalAudioURL}">here</a>.{/block:ExternalAudio}{/block:Audio}
- {block:HasTags}<BR>Tagged: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:NoteCount}<BR>Notes: {NoteCount}{/block:NoteCount}
- </div>
- {/block:Date}
- {block:PostNotes}
- <div id="notes">{PostNotes}</div>
- {/block:PostNotes}
- {/block:PermalinkPage}
- {/block:Posts}
- </div>
- {block:Pagination}
- <div id="pag">
- <center>
- <div class="pagn">
- {block:PreviousPage}<a href="{PreviousPage}">◄</a>{/block:PreviousPage}
- {block:JumpPagination length="10"}{block:CurrentPage}
- <span class="current_page" style="padding-right:3px;padding-left:3px;">{PageNumber}</span>
- {/block:CurrentPage}
- {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}<a href="{NextPage}">►</a> {/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement