Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <!--
- THEME CREATED BY PURLOINED IN PETROGRAD.
- (c) 2013.
- DO NOT REMOVE CREDIT. THANKS!
- -->
- <!-- IMAGE DEFAULTS -->
- <meta name="image:Sidebar" content="http://static.tumblr.com/u4yilrn/EDAmynkev/screen_shot_2013-12-30_at_10.58.45_pm.png"/>
- <meta name="image:Background" content=""/>
- <!-- COLOR DEFAULTS -->
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Scrollbar" content="#e3e3e3"/>
- <meta name="color:Blockquote" content="#d0d0d0"/>
- <meta name="color:Text" content="#3c3c3c"/>
- <meta name="color:Title" content="#3c3c3c"/>
- <meta name="color:Header Borders" content="#efefef"/>
- <meta name="color:Navigation" content="#000000"/>
- <meta name="color:Navigation Hover" content="#d0d0d0"/>
- <meta name="color:Post Links" content="#888888"/>
- <meta name="color:Post Links Hover" content="#000000"/>
- <meta name="color:Post Desc Background" content="#f3f3f3"/>
- <meta name="color:Post Desc Links" content="#a0a0a0"/>
- <meta name="color:Post Desc Links Hover" content="#3c3c3c"/>
- <meta name="color:Post Tags" content="#a0a0a0"/>
- <meta name="color:Quote Background" content="#efefef"/>
- <meta name="color:Quote Character" content="#a0a0a0"/>
- <meta name="color:Ask Background" content="#fafafa"/>
- <meta name="color:Ask Border" content="#efefef"/>
- <!-- LAYOUT DEFAULTS -->
- <meta name="if:Use Pompiere for Title Font" content="1"/>
- <meta name="if:Slimmer 400px Posts" content="0"/>
- <meta name="if:Show Sidebar" content="1"/>
- <meta name="if:Faded Images" content="1"/>
- <meta name="if:Small Cursor" content="0"/>
- <meta name="if:Infinite Scrolling" content="0"/>
- <meta name="if:Show Tags" content="1"/>
- <meta name="if:Show Captions" content="1"/>
- <meta name="select:Font" title="Sans Serif" content="calibri">
- <meta name="select:Font" title="Serif" content="cambria">
- <meta name="if:Link 1" content="1"/>
- <meta name="if:Link 2" content="0"/>
- <meta name="if:Link 3" content="0"/>
- <meta name="if:Link 4" content="0"/>
- <!-- DEFAULT LINKS -->
- <meta name="text:Asker Label" content="asked"/>
- <meta name="text:Link Name 1" content="about"/>
- <meta name="text:Link URL 1" content="/about"/>
- <meta name="text:Link Name 2" content="Link 2"/>
- <meta name="text:Link URL 2" content="/"/>
- <meta name="text:Link Name 3" content="Link 3"/>
- <meta name="text:Link URL 3" content="/"/>
- <meta name="text:Link Name 4" content="Link 4"/>
- <meta name="text:Link URL 4" content="/"/>
- <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
- <link rel="icon" href="{Favicon}" />
- <link rel="apple-touch-icon" href="{PortraitURL-96}" />
- <link href='http://fonts.googleapis.com/css?family=Pompiere' rel='stylesheet' type='text/css'>
- <style type="text/css">
- body {
- padding:0;
- margin:0;
- background:{color:Background};
- background-image:url('{image:Background}');
- font-size:12px;
- font-family:{select:Font},arial;
- line-height:1em;
- color:{color:Text};
- {block:IfSmallCursor}
- cursor:url('http://i.imgur.com/2qleX.jpg'), auto;
- {/block:IfSmallCursor}
- }
- a:hover {
- {block:IfSmallCursor}
- cursor:url('http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif'), auto;
- {/block:IfSmallCursor}
- }
- ::-webkit-scrollbar {
- height:7px;
- width:10px;
- }
- ::-webkit-scrollbar-track {
- background-color:{color:Background};
- }
- ::-webkit-scrollbar-thumb {
- background-color: {color:Scrollbar};
- border: 1px solid {color:Background};
- height:auto;
- }
- blockquote
- {
- margin:5px 0px 10px 5px;
- border-left: 2px solid {color:Blockquote};
- padding-left:10px;
- }
- a {text-decoration:none;color:inherit;
- -webkit-transition: all .4s ease-in-out;
- -moz-transition: all .4s ease-in-out;
- -os-transition: all .4s ease-in-out;
- -ms-transition: all .4s ease-in-out;}
- iframe { display:block; }
- a img {border:0px;}
- img {border:0px;}
- #wrap {
- width:540px;
- margin:auto;
- }
- #sidebar {
- position:fixed;margin-left:-150px;top:100px;width:100px;display:none;
- }
- .sidebarimgborder {
- border-radius:50px;height:100px;width:100px;border:1px solid {color:Header Borders};
- }
- .sidebarimg {
- height:80px;width:80px;margin:10px;border-radius:40px;opacity:0.8;
- -webkit-transition: all .4s ease-in-out;
- -moz-transition: all .4s ease-in-out;
- -os-transition: all .4s ease-in-out;
- -ms-transition: all .4s ease-in-out;
- }
- .sidebarimg:hover {opacity:1;}
- .sidebartitle {margin-top:10px;padding-bottom:10px;border-bottom:1px solid {color:Header Borders};color:{color:Title};}
- .sidebardesc {
- font-size:11px;text-align:justify;margin-top:10px;padding-bottom:10px;border-bottom:1px solid {color:Header Borders};
- }
- .sidebardesc a, .headerdesc a {font-weight:bold;}
- #header {position:relative;}
- #headertop {
- margin:10px 0;height:102px;
- }
- .headerimgborder {
- float:left;border-radius:50px;height:100px;width:100px;border:1px solid{color:Header Borders};
- }
- .headerdesc {
- float:right;
- width:390px;
- margin-top:10px;height:92px;overflow:hidden;
- }
- .headertitle {
- {block:IfUsePompiereforTitleFont}
- font-family:'pompiere';
- {/block:IfUsePompiereforTitleFont}
- font-size:22px;
- line-height:26px;
- color:{color:Title};
- }
- .headertitle a{font-weight:normal;}
- #nav {
- position:absolute;
- top:122px;
- width:540px;
- background:{color:Background};
- border-top:1px solid {color:Header Borders};
- border-bottom:1px solid {color:Header Borders};
- padding:5px 0;
- text-align:center;
- box-shadow:0;
- opacity:0.9;
- font-size:9px;
- z-index:100;
- }
- #pagination {
- position:fixed;
- bottom:0px;
- width:540px;
- background:{color:Background};
- border-top:1px solid {color:Header Borders};
- border-bottom:1px solid {color:Header Borders};
- padding:5px 0;
- text-align:center;
- box-shadow:0;
- opacity:0.9;
- font-size:9px;
- z-index:100;
- text-transform:uppercase;
- {block:IfNotSmallCursor}cursor:default;{/block:IfNotSmallCursor}
- }
- #pagination a{
- margin:0 15px;
- text-transform:uppercase;
- color:{color:Navigation};
- }
- #nav a{
- padding:0 15px;
- text-transform:uppercase;
- color:{color:Navigation};
- }
- #nav a:hover{
- text-shadow:-2px 0px 0px {color:Navigation Hover},2px 0px 0px {color:Navigation Hover};
- }
- #posts {
- margin-top:52px;line-height:1em;padding-bottom:20px;
- }
- #posts .post {
- {block:IndexPage}
- float:left;margin:10px;width:250px;
- {/block:IndexPage}
- {block:PermalinkPage}
- position:relative;margin:20px;width:500px;
- {/block:PermalinkPage}
- }
- {block:IfFadedImages}
- #posts .photo{
- -webkit-transition: all .4s ease-in-out;
- -moz-transition: all .4s ease-in-out;
- -os-transition: all .4s ease-in-out;
- -ms-transition: all .4s ease-in-out;
- opacity:0.8;
- }
- {/block:IfFadedImages}
- #posts .photo:hover {opacity:1;}
- #posts .img {max-width:100%;display:block;}
- .post .postdate {
- margin-top:10px;background:{color:Post Desc Background};padding:10px;font-size:10px;text-align:left;color:{color:Post Desc Links};{block:IfNotSmallCursor}cursor:default;{/block:IfNotSmallCursor}
- }
- .post .postdate a:hover{color:{color:Post Desc Links Hover};}
- .post .posttags {
- margin-top:2px;font-size:10px;color:{color:Post Tags};padding:0 5px;
- }
- .post h1 {margin-bottom:0px;font-size:14px;}
- .post p {margin:5px 0;}
- .post .posttext a {color:{color:Post Links};font-weight:bold;}
- .post .posttext a:hover {color:{color:Post Links Hover};}
- .posttext img{max-width:100%;}
- /*QUOTE*/
- .quotecharwrap {
- position:relative;text-align:center;{block:IfNotSmallCursor}cursor:default;{/block:IfNotSmallCursor}
- }
- .quoteborder {
- position:absolute;
- height:24px;
- width:100%;
- border-bottom:2px solid {color:Quote Background};
- z-index:0;
- }
- .quotechar {
- line-height:55px;
- margin:auto;
- background:{color:Quote Background};
- color:{color:Quote Character};
- height:40px;
- overflow:hidden;
- width:40px;
- border-radius:25px;
- font-size:40px;
- font-family:times new roman;
- border:5px solid {color:Background};
- z-index:15;
- position:relative;
- }
- .quotetext {
- padding:5px 20px 15px 20px;font-size:14px;text-align:justify;
- }
- /*CHAT*/
- .chatodd {padding:5px;background:{color:Post Desc Background};}
- .chateven {padding:5px;}
- .chatlabel {display:inline;text-transform:uppercase;font-weight:bold;}
- /*ANSWER*/
- .postask {
- position:relative;
- background:{color:Ask Background};
- padding:15px;
- border-bottom:1px solid {color:Ask Border};
- }
- .postquestion {
- margin-left:40px;
- }
- .askicon {
- float:left;
- width:30px;
- border-radius:15px;
- }
- .postanswer {
- padding:15px;
- }
- .postanswer a {
- color:{color:In Text Links};font-weight:bold;
- -webkit-transition: all .2s ease-in-out;
- -moz-transition: all .2s ease-in-out;
- -os-transition: all .2s ease-in-out;
- -ms-transition: all .2s ease-in-out;
- }
- /*AUDIO*/
- .musicwrap{
- }
- .musicalbum { border-radius:24px;}
- .music {
- position:relative;
- float:left;
- width:48px;
- height:48px;
- border:16px solid {color:Post Desc Background};
- border-radius:40px;
- margin-bottom:5px;
- }
- .musicplayer {
- position:absolute;
- top:11px;
- left:11px;
- height:26px;
- width:26px;
- overflow:hidden;
- opacity:.6;
- border-radius:13px;
- }
- .musicinfo {
- float:left;width:150px;margin-left:10px;text-align:center;padding-top:15px;
- }
- /* POST NOTES */
- .postnotes {
- margin-top:0px;
- padding:10px;
- border-radius:5px;
- }
- .postnotes a {color:inherit;text-transform:uppercase;text-decoration:none;}
- .postnotes ol {
- list-style-type:none;
- margin-left:0px;
- margin-top:0px;
- padding-left:0px;
- font-size:10px;
- }
- .postnotes ol li {
- padding: 10px 5px;
- margin: 0px;
- border-bottom:1px solid {color:Post Desc Background};
- }
- .postnotes ol li a {
- -webkit-transition: all .2s ease-in-out;
- -moz-transition: all .2s ease-in-out;
- -os-transition: all .2s ease-in-out;
- -ms-transition: all .2s ease-in-out;
- }
- .postnotes ol li a:hover {color:{color:Post Desc Background};}
- .postnotes img {
- margin-right:5px;
- vertical-align:-4px;
- }
- #credit {
- position:fixed;
- bottom:10px;
- right:10px;
- font-size:14px;
- font-family:arial;
- color:{color:Text};
- background:{color:Background};
- padding:10px;
- line-height:14px;
- opacity:.6;
- border-radius:5px;
- }
- .scrollup{
- position:fixed;
- bottom:10px;
- right:50px;
- display:none;
- color:{color:Text};
- background:{color:Background};
- padding:10px;
- line-height:14px;
- opacity:.6;
- border-radius:5px;
- }
- </style>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- </head>
- <body>
- <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 = $('#posts');
- $container.imagesLoaded(function(){
- $container.masonry({
- itemSelector: '.post',
- });
- });
- $container.infinitescroll({
- itemSelector : ".post",
- navSelector : "div.pagination",
- nextSelector : ".pagination a#next",
- loadingImg : "",
- loadingText : "",
- bufferPx : 1000,
- extraScrollPx: 1000,
- },
- function( newElements ) {
- var $newElems = $( newElements ).css({ opacity: 0 });
- $newElems.imagesLoaded(function(){
- $newElems.animate({ opacity: 1 });
- $container.masonry( 'appended', $newElems, true );
- $(newElements).find('.photo-slideshow').pxuPhotoset({
- 'rounded' : 'false', // corners, all or false
- 'gutter' : '0px' // spacing between the images
- }, function() {
- // callback
- });
- });
- }
- );
- });
- </script>
- <script type="text/javascript">
- $(document).ready(function() {
- $(window).scroll(function(){
- if ($(this).scrollTop() > 122) {
- $('#nav').css('position','fixed');
- $('#nav').css('top','0');
- $('#nav').css('box-shadow','0 6px 6px -6px #d0d0d0');
- {block:IfShowSidebar}
- $('#sidebar').fadeIn(700);
- {/block:IfShowSidebar}
- {block:IfInfiniteScrolling}
- $('.scrollup').fadeIn();
- {/block:IfInfiniteScrolling}
- } else {
- $('#nav').css('position','absolute');
- $('#nav').css('top','122px');
- $('#nav').css('box-shadow','0px 0px 0px 0px');
- {block:IfShowSidebar}
- $('#sidebar').fadeOut(100);
- {/block:IfShowSidebar}
- {block:IfInfiniteScrolling}
- $('.scrollup').fadeOut();
- {/block:IfInfiniteScrolling}
- }
- });
- $('.scrollup').click(function(){
- $("html, body").animate({ scrollTop: 0 }, 600);
- return false;
- });
- });
- </script>
- <div id="credit">
- <a href="http://purloinedinpetrograd.tumblr.com">©</a>
- </div>
- <div class="scrollup"><a href="#">▲ back to top</a></div>
- <div id="wrap" style="">
- <div id="header" style="">
- <div id="headertop" style="">
- <div class="headerimgborder" style="">
- <a href="/"><img src="{image:Sidebar}" class="sidebarimg" /></a>
- </div>
- <div class= "headerdesc" style="">
- <span class="headertitle" style=""><a href="/">{Title}</a></span>
- <br />{Description}
- </div>
- <div style="clear:both;"></div>
- </div>
- </div>
- <div id="nav" style="">
- <a href="/">home</a>
- {block:AskEnabled}
- <a href="/ask">ask</a>
- {/block:AskEnabled}
- {block:SubmissionsEnabled}
- <a href="/submit">submit</a>
- {/block:SubmissionsEnabled}
- {block:IfLink1}
- <a href="{text:Link URL 1}">{text:Link Name 1}</a>
- {/block:IfLink1}
- {block:IfLink2}
- <a href="{text:Link URL 2}">{text:Link Name 2}</a>
- {/block:IfLink2}
- {block:IfLink3}
- <a href="{text:Link URL 3}">{text:Link Name 3}</a>
- {/block:IfLink3}
- {block:IfLink4}
- <a href="{text:Link URL 4}">{text:Link Name 4}</a>
- {/block:IfLink4}
- </div>
- <div id="sidebar" style="">
- <div class="sidebarimgborder" style="">
- <a href="/"><img src="{image:Sidebar}" class="sidebarimg" /></a>
- </div>
- <div class="sidebartitle" style="">
- <center><b><a href="/">{Title}</a></b></center>
- </div>
- <div class="sidebardesc" style="">
- {Description}
- </div>
- </div>
- <div id="posts" style="">
- {block:Posts}
- <div class="post">
- {block:Text}
- <!--- TEXT POST RIGHT HERE -->
- {block:Title}<h1>{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{Title}{block:IndexPage}</a>{/block:IndexPage}</h1>{/block:Title}
- <div class="posttext">
- {Body}
- </div>
- {/block:Text}
- {block:Link}
- <!--- LINK POST RIGHT HERE -->
- <h1><a href="{URL}" {Target}>link: {Name}</a></h1>
- {block:Description}
- <div class="posttext">
- {Description}
- </div>
- {/block:Description}
- {/block:Link}
- {block:Photo}
- <!--- PHOTO POST RIGHT HERE -->
- <div class="photo">
- <center>
- <img src="{PhotoURL-HighRes}" class="img" />
- </center>
- </div>
- {block:Caption}
- {block:IndexPage}
- {block:IfShowCaptions}
- <div class="posttext">
- <div class="caption">
- {Caption}
- </div>
- </div>
- {/block:IfShowCaptions}
- {/block:IndexPage}
- {block:PermalinkPage}
- <div class="posttext">
- <div class="caption">
- {Caption}
- </div>
- </div>
- {/block:PermalinkPage}
- {/block:Caption}
- {/block:Photo}
- {block:Photoset}
- <!--- PHOTOSET POST RIGHT HERE -->
- <div class="photo">
- {block:PermalinkPage}
- {Photoset-500}
- {/block:PermalinkPage}
- {block:IndexPage}
- {Photoset-250}
- {/block:IndexPage}
- </div>
- {block:Caption}
- {block:IndexPage}
- {block:IfShowCaptions}
- <div class="posttext">
- <div class="caption">
- {Caption}
- </div>
- </div>
- {/block:IfShowCaptions}
- {/block:IndexPage}
- {block:PermalinkPage}
- <div class="posttext">
- <div class="caption">
- {Caption}
- </div>
- </div>
- {/block:PermalinkPage}
- {/block:Caption}
- {/block:Photoset}
- {block:Video}
- <!--- VIDEO POST RIGHT HERE -->
- <div class="photo">
- {block:PermalinkPage}
- {Video-500}
- {/block:PermalinkPage}
- {block:IndexPage}
- {Video-250}
- {/block:IndexPage}
- </div>
- {block:Caption}
- {block:IndexPage}
- {block:IfShowCaptions}
- <div class="posttext">
- <div class="caption">
- {Caption}
- </div>
- </div>
- {/block:IfShowCaptions}
- {/block:IndexPage}
- {block:PermalinkPage}
- <div class="posttext">
- <div class="caption">
- {Caption}
- </div>
- </div>
- {/block:PermalinkPage}
- {/block:Caption}
- {/block:Video}
- {block:Quote}
- <!--- QUOTE POST RIGHT HERE -->
- <div class="quotecharwrap" style="">
- <div class="quoteborder" style=""></div>
- <div class="quotechar" style="">“</div>
- </div>
- <div class="quotetext" style="">
- {Quote}
- </div>
- {block:Source}
- <div class="posttext">
- <p>-- {Source}</p>
- </div>
- {/block:Source}
- {/block:Quote}
- {block:Chat}
- <!--- CHAT POST RIGHT HERE -->
- {block:Title}<h1><center><a href="{Permalink}">{Title}</a></center></h1>{/block:Title}
- <div class="posttext">
- <div class="chatlines">
- {block:Lines}
- <div class="chat{Alt}"><div class="chatlabel">{block:Label}{Label}{/block:Label}</div> {Line}</div>
- {/block:Lines}
- </div>
- </div>
- {/block:Chat}
- {block:Audio}
- <!--- AUDIO POST RIGHT HERE -->
- <div class="music">
- {block:AlbumArt}<img class="musicalbum" src="{AlbumArtURL}" style="width:48px;" />{/block:AlbumArt}
- <div class="musicplayer">
- {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
- </div>
- </div>
- <div class="musicinfo">
- {block:TrackName}<i>{TrackName}</i>{/block:TrackName}
- {block:Album}<br />{Album}{/block:Album}
- {block:Artist}<br />{Artist}{/block:Artist}
- </div>
- <div style="clear:both;"></div>
- {block:Caption}
- {block:IndexPage}
- {block:IfShowCaptions}
- <div class="posttext">
- <div class="caption">
- {Caption}
- </div>
- </div>
- {/block:IfShowCaptions}
- {/block:IndexPage}
- {block:PermalinkPage}
- <div class="posttext">
- <div class="caption">
- {Caption}
- </div>
- </div>
- {/block:PermalinkPage}
- {/block:Caption}
- {/block:Audio}
- {block:Answer}
- <!--- ANSWER POST RIGHT HERE -->
- <div class="postask">
- <img src="{AskerPortraitURL-30}" class="askicon" />
- <div class="postquestion">
- <b>{Asker}</b> {text:Asker Label}:
- <br />{Question}
- </div>
- <div class="clear"></div>
- </div>
- <div class="postanswer">{Answer}</div>
- {/block:Answer}
- <div style="display:none;">
- {block:ContentSource}{SourceURL}{/block:ContentSource}
- </div>
- {block:Date}
- <div class="postdate" style="">
- <div style="float:left;text-transform:lowercase;"><a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}{block:PermalinkPage}, {Year} at {24Hour}:{Minutes}{/block:PermalinkPage}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}</a></div>
- <div style="float:right;">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a> · <a href="{ReblogRootURL}">source</a> · {/block:RebloggedFrom}<a href="{ReblogURL}">reblog</a></div>
- <div style="clear:both;"></div>
- </div>
- {block:PermalinkPage}
- {block:HasTags}
- <div class="posttags" style="">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>
- {/block:HasTags}
- {/block:PermalinkPage}
- {block:IndexPage}
- {block:IfShowTags}
- {block:HasTags}
- <div class="posttags" style="">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>
- {/block:HasTags}
- {/block:IfShowTags}
- {/block:IndexPage}
- {/block:Date}
- {block:PostNotes}
- <div class="postnotes">{PostNotes}</div>
- {/block:PostNotes}
- </div>
- {/block:Posts}
- </div>
- {block:IfInfiniteScrolling}
- <div class="pagination">
- {block:Pagination}
- {block:NextPage}<p><a href="{NextPage}" id="next">Older</a>{/block:NextPage}
- {block:PreviousPage}<a href="{PreviousPage}">Newer</a></p>{/block:PreviousPage}
- {/block:Pagination}
- </div>
- {/block:IfInfiniteScrolling}
- {block:IfNotInfiniteScrolling}
- {block:Pagination}
- <div id="pagination" style="">
- {block:PreviousPage}
- <a href="{PreviousPage}">«</a>
- {/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}
- <span style="margin:0 15px;opacity:0.3;">{PageNumber}</span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a href="{URL}">{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <a href="{NextPage}">»</a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- {/block:IfNotInfiniteScrolling}
- </div>
- </body>
- </head>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement