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">
- <!---------------------------------------
- Theme 'Infinity' by James, 2012.
- http://themesbyjames.tumblr.com
- --------------------------------------->
- <head>
- <!-- TO CHANGE THE PAGE TITLE SHOWN ON THE TAB CHANGE "{TITLE}" -->
- <title>{title}</title>
- <!-- COLOR THIS PAGE -->
- <meta name="color:Background" content="#CFCFCF"/>
- <meta name="color:Sidebar Background" content="#FFF"/>
- <meta name="color:Post Background" content="#FFF"/>
- <meta name="color:Text" content="#000"/>
- <meta name="color:Hover" content="#000"/>
- <meta name="color:Link" content="#000000"/>
- <meta name="color:Scrollbar" content="#000"/>
- <!-- IMAGES UPLOADS -->
- <meta name="image:Background" content="1"/>
- <meta name="image:Sidebar" content="1"/>
- <!-- IF-Y -->
- <meta name="if:Faded Images" content="0"/>
- <meta name="if:Inverted Fade" content="0"/>
- <meta name="if:Show Photo" content="0"/>
- <meta name="if:Classic Sidebar" content="0"/>
- <meta name="if:Post Background Transparent" content="0">
- <meta name="if:Post Hover Dark or Light" content="1">
- <meta name="if:Post Hover Uppercase" content="1">
- <meta name="if:Show Time Ago on Posts" content="1">
- <meta name="if:Description on Hover" content="1">
- <meta name="if:Show Default Links" content="1">
- <meta name="if:Links Lowercase" content="1">
- <meta name="if:Link Style A" content="0"/>
- <meta name="if:Link Style B" content="0"/>
- <meta name="if:Link Style C" content="1"/>
- <meta name="if:Install Button" content="1"/>
- <!-- TEXT // SIZE -->
- <meta name="text:Title Font Size" content="13"/>
- <meta name="text:Text Font Size" content="11"/>
- <!-- TEXT // FONT -->
- <meta name="font:Text Font" content="Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif"/>
- <meta name="font:Title Font" content="Georgia"/>
- <!-- TEXT // LINKS -->
- <meta name="text:Post Hover Reblog" content="Reblog"/>
- <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="" />
- <meta name="text:Link Four" content="" />
- <meta name="text:link Four Title" content="" />
- <meta name="text:link Five" content="" />
- <meta name="text:link Five Title" content="" />
- <!-- STYLESHEETS & SCRIPTS -->
- <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Viga' rel='stylesheet' type='text/css'>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
- <style type="text/css" media="screen">
- ::-webkit-scrollbar {width: 6px; height: 4px; background: {color:Background}; }
- ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}
- #tumblr_controls{
- position:fixed !important;
- top: 3px;
- right: 3px;
- }
- body{
- font-family: {font:text font};
- font-size: {text:text font size}px;
- line-height:{text:text font size}px;
- color:{color:text};
- background-color: {color:Background};
- background-image:url({image:Background});
- background-attachment: fixed;
- background-repeat: repeat;
- }
- a:link, a:active, a:visited{
- color: {color:Link};
- text-decoration: none;
- -webkit-transition: color 0.2s ease-out;
- -moz-transition: color 0.2s ease-out;
- }
- a:hover{
- color:{color:Hover};
- -webkit-transition: color 0.2s ease-out;
- -moz-transition: color 0.2s ease-out;
- }
- #container{
- position: relative;
- text-align: left;
- height: 100%;
- width: 900px;
- margin: 0px auto;
- z-index:0;
- }
- #container{
- position: relative;
- text-align: left;
- height: 100%;
- width: 900px;
- margin: 0px auto;
- }
- #content{
- position:relative;
- margin-top: -6px;
- width: 824px;
- margin-left: 260px;
- }
- .posts{
- border: 1px solid #000000;
- overflow: hidden;
- position:relative;
- {block:ifpostbackgroundtransparent}
- background-color:transparent;
- {/block:ifpostbackgroundtransparent}
- {block:ifnotpostbackgroundtransparent}
- background-color:{color:Post Background};
- {/block:ifnotpostbackgroundtransparent}
- padding: 3px;
- margin: 3px;
- float: left;
- width: 300px;
- }
- #permalink {
- position: absolute;
- margin-top: 9px;
- margin-left: 6px;
- opacity: 0;
- -webkit-transition: all .3s ease;
- -moz-transition: all .3s ease;
- -o-transition: all .3s ease;
- transition: all .3s ease;
- }
- .posts:hover #permalink {
- margin-top: 9px;
- margin-left: 6px;
- opacity: 1;
- }
- {block:IndexPage}
- img.photo{
- margin-bottom: 0px !important;
- }{/block:IndexPage}
- #sidebar {
- position:fixed !important;
- width: 220px;
- margin-left:18px;
- text-align: center;
- padding: 5px;
- background:{color:Sidebar Background};
- font-family:{font:text font} ;
- font-size: {text:text font size}px;
- color: {color:text};
- {block:ifclassicsidebar}
- height: auto;
- padding-top:5px;
- margin-top: 75px;
- {block:ifclassicsidebar}
- {block:ifnotclassicsidebar}
- width: 220px;
- height: 1000%;
- padding: 5px;
- padding-top:20px;
- margin-top: -15px;
- {/block:ifnotclassicsidebar}
- }
- .sidetitle{
- line-height:20px;
- }
- #hover {
- padding:0px;
- text-align:center;
- }
- #hover .hover2 {
- filter: alpha(opacity = 0);
- opacity:0;
- -webkit-transition: all .6s ease-out;
- -moz-transition: all .6s ease-out;
- transition: all .6s ease-out;
- position:relative;
- font-family: {font:text font};
- font-size: {text:text font size}px;
- margin-top:-15px;
- text-transform:none;
- padding-right: 0px;
- font-weight:normal;
- color:#000;
- }
- #hover:hover .hover2 {
- -webkit-transition: all .6s ease-out;
- -moz-transition: all .6s ease-out;
- transition: all .6s ease-out;
- filter: alpha(opacity = 0);
- filter: alpha(opacity = 100);
- opacity:100;
- margin-top:5px;
- }
- .title{
- font-family: {font:title font};
- font-size: {text:title font size}px;
- line-height:{text:title font size}px;
- color: {color:Text};
- font-weight: normal;
- }
- a img{border: 0px;}
- blockquote{
- padding-left: 6px;
- margin:5px 5px 5px 6px;
- border-left: 2px solid #dddcdc;
- }
- ul, ol, li{list-style:none; margin:0px; padding:0px;}
- .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
- .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
- .notes img{width:10px; position:relative; top:3px;}
- small{font-size: 90%;}
- .per{
- margin-top: 0px;
- font-size: 10px;
- line-height:10px;
- display: block;
- text-align:right;
- }
- #pagination{display:none;}
- #infscr-loading{bottom: -55px;position: absolute;left: 50%;margin-left:-8px;width:16px;height:15px;overflow:hidden;margin-bottom: 50px;}
- .countreblog {
- {block:ifPostHoverDarkorLight}
- color: #FFFFFF;
- {/block:ifPostHoverDarkorLight}
- {block:ifnotPostHoverDarkorLight}
- color: #000;
- {/block:ifnotPostHoverDarkorLight}
- letter-spacing:1px;
- font-family: arial;
- font-size:10px;
- line-height:14px;
- margin: 2px;
- {block:ifPostHoverDarkorLight}
- background-image:url(http://static.tumblr.com/8jq17g7/CH8lofvyp/dark-transparent.png);
- {/block:ifPostHoverDarkorLight}
- {block:ifnotPostHoverDarkorLight}
- background-image:url(http://static.tumblr.com/uiqhh9x/WSQm0hd6n/bg.png);
- {/block:ifnotPostHoverDarkorLight}
- background-repeat:repeat;
- border:1px solid rgba(0,0,0,0.1);
- padding:3px 5px;
- -webkit-border-radius:2px;
- moz-border-radius:2px;
- -o-border-radius:2px;
- border-radius:2px;
- {block:ifPostHoverUppercase}text-transform:uppercase;{/block:ifPostHoverUppercase}
- }
- .countreblog a { {block:ifPostHoverDarkorLight}
- color: #FFFFFF;
- {/block:ifPostHoverDarkorLight}
- {block:ifnotPostHoverDarkorLight}
- color: #000;
- {/block:ifnotPostHoverDarkorLight}
- {block:ifPostHoverUppercase}text-transform:uppercase;{/block:ifPostHoverUppercase} }
- #install{
- top:27px !important;margin: 0 0 0 0;right:3px !important; position:fixed !important;}
- {block:ifInvertedFade}img{-webkit-transition: opacity 0.7s linear; opacity: 50;}img:hover{-webkit-transition: opacity 0.2s linear; opacity: .60;}
- {/block:ifInvertedFade}
- {block:ifFadedImages}img{-webkit-transition: opacity 0.8s linear; opacity: 0.75;}img:hover{-webkit-transition: opacity 0.8s linear; opacity: 1;}
- {/block:ifFadedImages}
- .honeybobo{
- list-style:none;}
- /***-----------------------Sidebar Links------------------------***/
- {block:ifLinkStyleA}
- .links{
- display: block;
- font-size: 13px;
- text-align: center;
- margin-left: 0px;
- background-color:#EEEBEB;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- {block:iflinkslowercase}
- text-transform:lowercase;
- {/block:iflinkslowercase}
- }
- .links a {
- padding:0.5px;
- padding-top:4px;
- margin-top:1px;
- margin-left:0px;
- display:block;
- font-family: '0pen Sans', sans-serif;
- font-size:10px;
- text-align: left;
- text-transform:uppercase;
- text-decoration:none;
- color: {color:Link};
- background-color:#cdcdcd;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- {block:iflinkslowercase}
- text-transform:lowercase;
- {/block:iflinkslowercase}
- }
- .links a:hover{
- color: #eee;
- background-color:#aaa;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- border-left:10px solid #00072C;
- text-align:center;
- {block:iflinkslowercase}
- text-transform:lowercase;
- {/block:iflinkslowercase}
- }
- {/block:ifLinkStyleA}
- {block:ifLinkStyleB}
- .nav a {
- padding:3px;
- padding-top:4px;
- margin-top:2px;
- margin-left:0px;
- display:block;
- font-family:'Viga', arial, sans-serif;
- font-size:14px;
- text-align: left;
- text-transform:uppercase;
- text-decoration:none;
- color: #000;
- background-color:#EEEBEB;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- .nav a:hover{
- color: #fff;
- background-color:#cdcdcd;
- border-right:62px dotted #000;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out;
- text-decoration:none;
- }
- {/block:ifLinkStyleB}
- {block:ifLinkStyleC}
- .nav a{
- background:#dddcdc;
- color:#000000;
- display:block;
- text-align: center;
- padding:0px;
- font-family:geneva;
- font-size: 12px;
- margin-top:2px;
- position:relative;
- z-index:1;
- width:180px;
- -moz-border-radius:5px;
- border-radius:5px;
- transition: all 0.9s ease-out;
- -o-transition-transition: all 0.7s ease-out;
- -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;
- {block:iflinkslowercase}
- text-transform:lowercase;
- {/block:iflinkslowercase}
- }
- .nav a:hover{
- width:90px;
- -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- -webkit-box-shadow: 0px 0px 10px ;
- -moz-box-shadow: 0px 0px 10px ;
- box-shadow: 0px 0px 10px ;
- {block:iflinkslowercase}
- text-transform:lowercase;
- {/block:iflinkslowercase}
- }
- {/block:ifLinkStyleC}
- /***-----------------------End Sidebar Links------------------------***/
- {CustomCSS}
- </style></head><body>
- <script src="http://static.tumblr.com/6jwx45k/9Ivm1xjuj/infintescroll.txt" type="text/javascript"></script>
- <div id="container">
- <div id="sidebar">
- <div id="hover"><div class="sidetitle"><center>{block:ifshowphoto}<a href="/"><img src="{image:sidebar}" width=220px></a>{/block:ifshowphoto}</center>
- <div class="nav a">
- <span class="links">
- <center>
- {block:ifshowdefaultlinks}
- <a href="/">Home</a>
- <a href="/ask">Ask</a>
- {/block:ifshowdefaultlinks}
- {block:ifLinkOneTitle}
- <a href="{text:Link One}" class="link">{text:Link One Title}</a>
- {/block:ifLinkOneTitle}
- {block:ifLinkTwoTitle}
- <a href="{text:Link Two}" class="link">{text:Link Two Title}</a>
- {/block:ifLinkTwoTitle}
- {block:ifLinkThreeTitle}
- <a href="{text:Link Three}" class="link">{text:Link Three Title}</a>
- {/block:ifLinkThreeTitle}
- {block:ifLinkFourTitle}
- <a href="{text:Link Four}" class="link">{text:Link Four Title}</a>
- {/block:ifLinkFourTitle}
- {block:ifLinkFiveTitle}
- <a href="{text:Link Five}" class="link">{text:Link Five Title}</a>
- {/block:ifLinkFiveTitle}
- {block:HasPages}{block:Pages}<a href="{URL}" class="link">{Label}</a> {/block:Pages} {/block:HasPages}
- {block:ifshowdefaultlinks}
- <a href="/archive">History</a>
- <a href=></a>
- {/block:ifshowdefaultlinks}
- </center>
- </div>
- {block:ifdescriptiononhover}
- <div class="hover2">
- <center>{Description}</center>
- </div></div></div></div>{/block:ifdescriptiononhover}
- {block:ifnotdescriptiononhover}
- <center>{Description}</center>
- </div></div></div>
- {/block:ifnotdescriptiononhover}
- <div id="content">
- {block:Posts}
- <div class="posts">
- {block:Text}
- {block:Title}<span class="title">{Title}</span>{/block:Title}
- <div style="margin-top: -10px;">
- <span class="entrytext">{Body}</span></div>
- {block:IndexPage}
- <div align="right"><div style="font-size:10px;line-height:10px;">
- {block:ifshowtimeagoonposts}<a href="{permalink}">{TimeAgo}</a> // {/block:ifshowtimeagoonposts} <a href="{permalink}">{Notecountwithlabel}</a></div></div>{/block:IndexPage}
- {/block:Text}
- {block:Link}
- <a href="{URL}" class="title">{Name}</a>
- <div style="margin-top: -10px;">
- {block:Description}{Description}{/block:Description}</div>
- {block:IndexPage}
- <div align="right"><div style="font-size:10px;line-height:10px;">
- {block:ifshowtimeagoonposts}<a href="{permalink}">{TimeAgo}</a> // {/block:ifshowtimeagoonposts} <a href="{permalink}">{Notecountwithlabel}</a></div></div>{/block:IndexPage}
- {block:Link}
- {block:Photo}
- {block:IndexPage}
- <div id="permalink">
- {block:ifshowtimeagoonposts}<span class="countreblog"><a href="{Permalink}">{TimeAgo}</a></span>{/block:ifshowtimeagoonposts}
- <span class="countreblog"><a href="{Permalink}">{NoteCount} ♥</a></span>
- <span class="countreblog"><a href="{ReblogURL}" target="_blank">{text:Post Hover Reblog}</a></span>
- </div>
- {/block:IndexPage}
- {block:IndexPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="300"/></a>{LinkCloseTag}{/block:IndexPage}
- {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-400}" alt="{PhotoAlt}" width="300"/></a>{LinkCloseTag}{/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- <center>
- {block:Photos}<a href="{permalink}"><img src="{PhotoURL-400}" width="300" /></a>
- {/block:Photos}
- </center>
- <center>{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>
- {block:IndexPage}
- <div align="right"><div style="font-size:10px;line-height:10px;">
- {block:ifshowtimeagoonposts}<a href="{permalink}">{TimeAgo}</a> // {/block:ifshowtimeagoonposts} <a href="{permalink}">{Notecountwithlabel}</a></div></div>{/block:IndexPage}
- {/block:Photoset}
- {block:Quote}
- {Quote}</span>
- {block:Source}{Source}{/block:Source}
- {block:IndexPage}<p>
- <div align="right"><div style="font-size:10px;line-height:10px;">
- {block:ifshowtimeagoonposts}<a href="{permalink}">{TimeAgo}</a> // {/block:ifshowtimeagoonposts} <a href="{permalink}">{Notecountwithlabel}</a></div></div>{/block:IndexPage}
- {/block:Quote}
- {block:Chat}
- {block:Title}<span class="title">{Title}</span>{/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="user_{UserNumber}">
- {block:Label}
- <span class="label">{Label}</span>
- {/block:Label}
- {Line}
- </li>
- {/block:Lines}
- </ul>
- {block:IndexPage}<br>
- <div align="right"><div style="font-size:10px;line-height:10px;">
- {block:ifshowtimeagoonposts}<a href="{permalink}">{TimeAgo}</a> // {/block:ifshowtimeagoonposts} <a href="{permalink}">{Notecountwithlabel}</a></div></div>{/block:IndexPage}
- {/block:Chat}
- {block:Audio}
- <center><div style="width:250px; height:28px;"><div style="float:left">{AudioPlayerGrey}</div></div></center>
- {block:IndexPage}<br>
- <div align="right"><div style="font-size:10px;line-height:10px;">
- {block:ifshowtimeagoonposts}<a href="{permalink}">{TimeAgo}</a> // {/block:ifshowtimeagoonposts} <a href="{permalink}">{Notecountwithlabel}</a></div></div>{/block:IndexPage}
- {/block:Audio}
- {block:Video}
- <center>
- {block:IndexPage}
- {Video-250}
- {/block:IndexPage}
- </center>
- {block:PermalinkPage}
- <center>{Video-500}</center>
- {/block:PermalinkPage}
- {block:IndexPage}
- <div align="right"><div style="font-size:10px;line-height:10px;">
- {block:ifshowtimeagoonposts}<a href="{permalink}">{TimeAgo}</a> // {/block:ifshowtimeagoonposts} <a href="{permalink}">{Notecountwithlabel}</a></div></div>{/block:IndexPage}
- {block:Video}
- {block:Answer}
- <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px;"/>
- {Asker}: {Question}
- <div style="margin-top: -10px;">{Answer}</div>
- {block:IndexPage}
- <div align="right"><div style="font-size:10px;line-height:10px;">
- {block:ifshowtimeagoonposts}<a href="{permalink}">{TimeAgo}</a> // {/block:ifshowtimeagoonposts} <a href="{permalink}">{Notecountwithlabel}</a></div></div>{/block:IndexPage}
- {/block:Answer}
- {block:PermalinkPage}
- <div class="honeybobo">
- {block:NoteCount}<li>Post Notes: {NoteCount}</li>{/block:NoteCount}
- {block:Date}<li>Posted: {TimeAgo} at {12HourWithZero}:{Minutes} {AmPm}</li>{/block:Date}
- {block:RebloggedFrom}<li>Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a></li>{/block:RebloggedFrom}
- {block:RebloggedFrom}<li>Posted by <a href="{ReblogRootURL}">{ReblogRootName}</a></li>{/block:RebloggedFrom}
- {block:NoteCount}<li> </li>{/block:NoteCount}
- </div>
- {/block:PermalinkPage}
- {block:PostNotes}{PostNotes}
- {/block:PostNotes}
- </div>
- {/block:Posts}
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
- <script type="text/javascript">
- $(function(){
- $("#pageLink").click(function(){
- $("#titlePages").fadeToggle(500);
- });
- });
- </script>
- {block:IndexPage}
- <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/4IKlvmzup/jquery.masonry.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
- <script type="text/javascript">
- $(window).load(function () {
- var $content = $('#content');
- $content.masonry({
- itemSelector: '.posts',
- isAnimated: true
- }),
- $content.infinitescroll({
- navSelector : '#pagination',
- nextSelector : '#pagination a#nextPage',
- itemSelector : '.posts',
- loading: {
- finishedMsg: '',
- img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
- },
- bufferPx : 200,
- debug : false,
- },
- // call masonry as a callback.
- function( newElements ) {
- var $newElems = $( newElements );
- $newElems.hide();
- // ensure that images load before adding to masonry layout
- $newElems.imagesLoaded(function(){
- $content.masonry( 'appended',
- $newElems, true,
- function(){$newElems.fadeIn(300);}
- );
- });
- });
- });
- </script>
- {/block:IndexPage}
- <div style="position:fixed;right:0px;bottom:-425px;">
- {block:IndexPage}{block:Pagination}<ul id="pagination">{block:NextPage}<a id="nextPage" href="{NextPage}"> →</a>{/block:NextPage}{block:PreviousPage}<a href="{PreviousPage}">← </a>{/block:PreviousPage}</ul>{/block:Pagination}{/block:IndexPage}
- </div></div></div></div></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement