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">
- <head>
- <!--- Theme #27 by wonderfullythemes
- dont remove the credit pls and thanks
- --->
- <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}
- <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
- <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
- <!--MASONRY -->
- <!---------------DO NOT REMOVE THESE SCRIPTS--------------->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <stsss>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:100,
- tip_fade_speed:200,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- {block:IndexPage}
- <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
- {block:IfShowInfiniteScroll}<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>{/block:IfShowInfiniteScroll}
- <script type="text/javascript">
- $(window).load(function(){
- var $wall = $('#entries');
- $wall.imagesLoaded(function(){
- $wall.masonry({
- itemSelector: '#post, #post_photo',
- isAnimated : false
- });
- });
- $wall.infinitescroll({
- navSelector : '#pagination',
- nextSelector : '#pagination a',
- itemSelector : '#post, #post_photo',
- bufferPx : 2000,
- debug : false,
- errorCallback: function() {
- $('#scroll').fadeOut('normal');
- }},
- function( newElements ) {
- var $newElems = $( newElements );
- $newElems.hide();
- $newElems.imagesLoaded(function(){
- $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
- });
- }); $('#entries').show(500);
- });
- </script>
- {/block:IndexPage}
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Text" content="#838282"/>
- <meta name="color:Link" content="##d11235"/>
- <meta name="color:Hover" content="#e0e0e0"/>
- <meta name="color:Title" content="#444"/>
- <meta name="image:sidebar" content=""/>
- <meta name="text:Link1" content="/" />
- <meta name="text:Link1 Text" content="Link 1" />
- <meta name="text:Link2" content="/" />
- <meta name="text:Link2 Text" content="Link 2" />
- <meta name="text:Link3" content="/" />
- <meta name="text:Link3 Text" content="Link 3" />
- <meta name="text:Link4" content="/" />
- <meta name="text:Link4 Text" content="Link 4" />
- <meta name="text:Link5" content="/" />
- <meta name="text:Link5 Text" content="Link 5" />
- <meta name="if:ShowCustomCursor" content="1" />
- <meta name="if:ShowUpdatesTab" content="1" />
- <meta name="if:ShowSidebarImage" content="1" />
- <meta name="if:ShowInfiniteScroll" content="1" />
- <meta name="if:ShowFullOpacity" content="0" />
- <meta name="if:ShowOneColumn" content="0" />
- <meta name="if:ShowTwoColumns" content="0" />
- <meta name="if:ShowThreeColumns" content="1" />
- <style type="text/css">
- ::-webkit-scrollbar-thumb {
- height:auto;
- background-color:{color:Text};
- }
- ::-webkit-scrollbar {
- height:4px;
- width:3px;
- padding-right:2px;
- background-color:white;
- }
- #s-m-t-tooltip {
- border:1px solid #ddd;
- max-width:200px;
- font-family:'calibri';
- font-size:8px;
- background-color:#fff;
- color:#444;
- line-height:9px;
- display:none;
- position:absolute;
- letter-spacing:1px;
- text-transform:uppercase;
- padding:3px;
- margin:15px 0px 0px 15px;
- z-index:99999999999999;
- }
- body {
- background:{color:Background};
- margin:0px;
- color:{color:Text};
- font-family:'calibri';
- font-size:10px;
- line-height:12px;
- font-style: none;
- {block:IfShowCustomCursor}
- cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;
- {/block:IfShowCustomCursor}
- }
- a {
- color:{color:Link};
- text-decoration:none;
- text-decoration:none;
- }
- a:hover {
- color:{color:Hover};
- text-decoration:underline;
- {block:IfShowCustomCursor}
- cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
- {/block:IfShowCustomCursor}
- }
- blockquote {
- padding-left:5px;
- border-left:2px solid;
- }
- img{
- opacity:.7;
- -webkit-transition-duration: 0.8s;
- -moz-transition-duration: 0.8s;
- -o-transition-duration: 0.8s;
- -ms-transition-duration: 0.8s;
- {block:IfShowFullOpacity}
- opacity:1;
- {/block:IfShowFullOpacity}
- }
- img:hover{
- opacity:1;
- -webkit-transition-duration: 0.8s;
- -moz-transition-duration: 0.8s;
- -o-transition-duration: 0.8s;
- -ms-transition-duration: 0.8s;
- z-index: 2px;
- }
- .html_photoset {
- max-width:100%;
- opacity:.7;
- -webkit-transition-duration: 0.8s;
- -moz-transition-duration: 0.8s;
- -o-transition-duration: 0.8s;
- -ms-transition-duration: 0.8s;
- {block:IfShowFullOpacity}
- opacity:1;
- {/block:IfShowFullOpacity}
- }
- .html_photoset:hover{
- opacity:1;
- -webkit-transition-duration: 0.8s;
- -moz-transition-duration: 0.8s;
- -o-transition-duration: 0.8s;
- -ms-transition-duration: 0.8s;
- z-index: 2px;
- }
- #entries {
- position:relative;
- float:center;
- top:70px;
- text-align:justify;
- overflow:hidden;
- margin-bottom:40px;
- left:25%;
- {block:IfShowOneColumn}
- width:250px;
- {/block:IfShowOneColumn}
- {block:IfShowTwoColumns}
- width:750px;
- {/block:IfShowTwoColumns}
- {block:IfShowThreeColumns}
- width:1000px;
- {/block:IfShowThreeColumns}
- }
- #post {
- overflow-x:hidden;
- margin-bottom:40px;
- background-color: {color:background};
- width:200px;
- padding:20px;
- border:1px solid #ddd;
- margin-right:45px;
- {block:PermalinkPage}
- float:center;
- width:400px;
- {/block:PermaLinkPage}
- }
- #post img {
- max-width:100%
- }
- /*--SIDEBAR--*/
- #sidebar {
- width:135px;
- position:fixed;
- top:50%;
- padding:10px;
- left:10%;
- }
- #sidebarimage img {
- opacity:1;
- padding:10px;
- border:1px solid #ddd;
- width:110px;
- margin-top:10px;
- height:130px;
- }
- #sidebar:hover #title2 {
- color:{color:Link};
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- }
- #title2 {
- text-align:center;
- line-height:100%;
- font-size:11px;
- text-transform:uppercase;
- color:{color:Title};
- }
- {block:IfShowSidebarImage}
- #sidebar:hover .desc {
- height:130px;
- opacity:1;
- z-index:2;
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- }
- {/block:IfShowSidebarImage}
- .desc {
- text-align:center;
- background-color:#fff;
- margin-top:5px;
- padding:5px;
- height:auto;
- width:120px;
- opacity:1;
- position:relative;
- border:1px solid #ddd;
- {block:ifShowSidebarImage}
- height:10px;
- margin-top:10px;
- padding:10px;
- width:110px;
- position:absolute;
- opacity:0;
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- {/block:IfShowSidebarImage}
- }
- #sidebar:hover #links {
- margin-top:10px;
- opacity:1;
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- }
- #links {
- font-size:8px;
- letter-spacing:1px;
- text-align:center;
- font-style:none;
- line-height:100%;
- margin-top:-5px;
- margin-left:0px;
- text-transform:uppercase;
- opacity:0;
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- }
- #links a {
- color:{color:Link};
- }
- #links a:hover {
- color:{color:Hover};
- }
- #pagination {
- width:100%;
- position:relative;
- text-align:center;
- margin-top:5px;
- text-transform:none;
- font-style:none;
- text-transform: lowercase;
- }
- #post:hover #info {
- margin-top:5px;
- opacity:1;
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- }
- #info {
- letter-spacing:1px;
- text-transform:uppercase;
- font-style:none;
- font-size:7px;
- color:{color:Text};
- text-align:center;
- padding-top:5px;
- margin-top:-15px;
- opacity:0;
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- width:200px;
- {block:PermalinkPage}
- width:400px;
- {/block:PermaLinkPage}
- }
- #info a:link {
- color:{color:link};
- }
- #info a:hover {
- color:{color:hover};
- }
- /*--POST TYPES--*/
- #ask {
- float:left;
- margin-right:5px;
- }
- /*--from two column base code. link on my main blog--*/
- .audio{
- {block:IndexPage}width:180px;{/block:IndexPage}
- {block:PermalinkPage}width:239px;{/block:PermalinkPage};}
- .info{
- padding:2px 0px 1px 57px;}
- .i {
- text-transform:uppercase;
- letter-spacing:1px;
- font-size:8px;}
- .pl b,strong{
- text-transform:lowercase;
- font-size:9px;}
- .player{
- position:absolute;
- overflow:hidden;
- margin-top:0px;
- margin-left:15px;
- background:#ffffff;
- width:24px;
- height:23px;}
- .video-container {
- position:relative;
- padding-bottom:56.25%;
- padding-top: 30px;
- height:0;
- overflow:hidden;}
- .video-container iframe,
- .video-container object,
- .video-container embed {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;}
- .chat{
- line-height:12px;
- list-style:none;}
- .chat ul{
- list-style:none;
- padding:0px 5px;
- line-height:15px;}
- .label{
- color:{color:Link};}
- {block:IfShowInfiniteScroll}
- #scroll{
- bottom:-20px;
- position: absolute;
- left: 50%;
- width:10px;
- height:5px;
- overflow:hidden;
- margin-bottom:80px;}
- {/block:IfShowInfiniteScroll}
- /*--UPDATES TAB--*/
- #lostatsea {
- font-family:'calibri';
- width:250px;
- height:90px;
- margin-top:30px;
- position:fixed;
- font-size:9px;
- left:0.5%;
- line-height:100%;
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- }
- #update {
- margin-top:10px;
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- }
- #update:hover .updatetitle {
- margin-left:120px;
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- }
- .updatetitle {
- padding-left:3px;
- color:{color:Text};
- border-left:1px solid #ddd;
- text-transform:uppercase;
- letter-spacing:1px;
- line-height:20px;
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- }
- #update:hover .updatesinfo {
- height:auto;
- margin-left:0px;
- padding-left:10px;
- opacity:1;
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- }
- .updatesinfo {
- background-color:white;
- margin-left:-110px;
- width:100px;
- position:fixed;
- margin-top:-15px;
- overflow:hidden;
- height:auto;
- opacity:0;
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- }
- /*CREDIT*/
- #cred {
- position:fixed;
- font-family:'Calibri';
- text-transform:uppercase;
- font-size:8px;
- right:9px;
- bottom:9px;
- padding:4px;
- color:{color:Link};
- letter-spacing:1px;
- }
- {CustomCSS}</style></head><body>
- {block:IfShowUpdatesTab}
- <div id="lostatsea">
- <div id="update">
- <div class="updatetitle"><i class="fa fa-lock"></i><br></div>
- <div class="updatesinfo">
- <div style="background-color:#ddd;text-transform:uppercase;padding:1px;">about</div> steph; 16; female <br> new jersey, usa <br> <br> intj, cancer <br> i like cats, coffee, poetry, books, the color black, and you <br> <br>
- </div>
- </div>
- <div id="update">
- <div class="updatetitle"><i class="fa fa-lock"></i><br></div>
- <div class="updatesinfo">
- <div style="background-color:#ddd;text-transform:uppercase;padding:1px;">semi-hiatus</div>
- most of my posts are queued tbh <br> <br>
- tag: queue
- </div>
- </div>
- <div id="update">
- <div class="updatetitle"><i class="fa fa-lock"></i><br></div>
- <div class="updatesinfo">
- <div style="background-color:#ddd;text-transform:uppercase;padding:1px;">currently</div>
- reading: catcher in the rye
- <br>
- <br>
- stressed beyond belief bc: <br>
- >school <br>
- >cheer <br>
- >gymnastics <br>
- >college search <br>
- >life
- </div>
- </div>
- <!--COPY THE BELOW CODE WITHOUT THE < > FOR ANOTHER TAB-->
- <!--<div id="update">
- <div class="updatetitle"><i class="fa fa-lock"></i><br></div>
- <div class="updatesinfo">
- if you want another tab then copy what i've put as an example :)
- </div>
- </div>-->
- </div>
- {/block:IfShowUpdatesTab}
- <div id="sidebar">
- <div id="title2">{Title}</div>
- <div class="desc">
- {Description}
- </div>
- {block:IfShowSidebarImage}
- <div id="sidebarimage">
- <img src="{image:sidebar}"></div>
- {/block:IfShowSidebarImage}
- <div id="links">
- <a href="{text:Link1}" title="{text:Link1 Text}"><i class="fa fa-home"></i></a>
- <a href="{text:Link2}" title="{text:Link2 Text}"><i class="fa fa-envelope-o"></i></a>
- <a href="{text:Link3}" title="{text:Link3 Text}"><i class="fa fa-signal"></i></a>
- <a href="{text:Link4}" title="{text:Link4 Text}"><i class="fa fa-power-off"></i></a>
- </div>
- </div>
- </div>
- <div id="entries">{block:Posts}
- {block:IfShowInfiniteScroll}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- {/block:IfShowInfiniteScroll}
- <div id="post">
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:Photo}{block:IndexPage}
- <img src="{PhotoURL-250}" alt="{PhotoAlt}" width="200px"/>{/block:IndexPage}{block:PermalinkPage}<img src="{PhotoURL-400}" alt="{PhotoAlt}" />{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}</a>{/block:Photo}
- {block:Photoset}{block:IndexPage}{block:Photos}<a href="{Permalink}"><img src="{PhotoURL-250}" /></a>{/block:Photos}{/block:IndexPage}
- {block:PermalinkPage}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photoset}
- {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<div class="chat"><ul>{block:Lines}
- <li class="person{UserNumber}">{block:Label}
- <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{block:IndexPage}
- {/block:IndexPage}{/block:Chat}
- {block:Audio}<div class="player">{AudioPlayerWhite}</div>
- <div class="info"><div class="i"><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div><div class="i">by<span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div></div>{block:Caption}{Caption}{/block:Caption}{block:IndexPage}
- {/block:IndexPage}
- {/block:Audio}
- {block:Video}{block:IndexPage}<div class="video-container">{Video-250}</div>
- {/block:IndexPage}
- {block:PermalinkPage}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Video}
- {block:Answer}<div id="ask"><img src="{AskerPortraitURL-24}"></div>{Asker} asked:<br>{Question}{Answer}{/block:Answer}
- <div id="info">{block:Date}<a href="{Permalink}">{TimeAgo}</a> {block:NoteCount}・ <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {/block:Date}{block:RebloggedFrom}・ <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> {/block:RebloggedFrom}
- {block:RebloggedFrom}・ <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom} <br>
- {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
- </div>
- </div>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:Posts}
- <div id="cred">
- <a href="http://wonderfullythemes.tumblr.com/">theme</a>
- </div>
- </div>
- {block:IfShowInfiniteScroll}
- {block:IndexPage}
- {block:Pagination}
- <div id="pagination">
- {block:NextPage}
- <a id="nextPage" href="{NextPage}"></a>
- {/block:NextPage}
- {block:PreviousPage}
- <a href="{PreviousPage}"></a>
- {/block:PreviousPage}
- </div>
- {/block:Pagination}
- {/block:IndexPage}
- {/block:IfShowInfiniteScroll}
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement