Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- Theme #36 by: into-thedepths.tumblr
- -->
- <html lang="en">
- <head>
- <meta name="color:background" content="#ffe5ac"/>
- <meta name="color:text" content="#000"/>
- <meta name="color:post titles" content="#000"/>
- <meta name="color:blog title" content="#000"/>
- <meta name="color:link" content="#000"/>
- <meta name="color:description text" content="#000"/>
- <meta name="image:sidebar" content="1"/>
- <meta name="image:background" content=""/>
- <meta name="if:Rainbow Links" content=""/>
- <meta name="if:link shadow" content="1"/>
- <meta name="if:Tiny scrollbar" content="1"/>
- <meta name="if:Tiny cursor" content="1"/>
- <meta name="text:link one" content="" />
- <meta name="text:link one title" content=" link 1" />
- <meta name="text:link two" content="" />
- <meta name="text:link two title" content="link 2" />
- <meta name="text:link three" content="" />
- <meta name="text:link three title" content="link 3" />
- <meta name="text:link four" content="" />
- <meta name="text:link four title" content="link 4" />
- <meta name="text:link five" content="" />
- <meta name="text:link five title" content="link 5" />
- {block:Description}
- <meta name="description" content="{MetaDescription}" />{/block:Description}
- <title>
- {block:PostSummary}
- {PostSummary} - {/block:PostSummary}{Title}</title>
- <link href='http://fonts.googleapis.com/css?family=Tulpen+One' rel='stylesheet' type='text/css'>
- <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
- {block:indexpage}
- {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
- <script src='http://code.jquery.com/jquery-1.4.2.min.js' type='text/javascript'></script>
- <script src='http://static.tumblr.com/1s4z8hu/UTBlo4136/jquery.masonry.min.js' type='text/javascript'></script>
- <script type="text/javascript" src="http://static.tumblr.com/jnmer2r/WKhljk73d/jquery.infinitescroll.min.js"></script>
- <script>
- jQuery(window).load(function(){
- var $wall = $('#content');
- $wall.imagesLoaded(function(){
- $wall.masonry({
- singleMode: true,
- columnWidth: 261,
- itemSelector: '#entry'
- });
- });
- $wall.infinitescroll({
- navSelector : '#page-nav',
- nextSelector : '#page-nav a',
- itemSelector : '#entry',
- },
- function( newElements ){
- $(newElements).hide();
- setTimeout(function(){
- $wall.masonry({ appendedContent: $(newElements) });
- },2000);
- setTimeout(function(){
- $(newElements).fadeIn('slow');
- },2100);
- },1000);
- });
- </script>
- <script>
- $.fn.imagesLoaded = function(callback){
- var elems = this.find('img'),
- len = elems.length,
- _this = this;
- if ( !elems.length ) {
- callback.call( this );}
- elems.bind('load',function(){
- if (--len <= 0){
- callback.call( _this );}
- }).each(function(){
- // cached images don't fire load sometimes, so we reset src.
- if (this.complete || this.complete === undefined){
- var src = this.src;
- // webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f
- // data uri bypasses webkit log warning (thx doug jones)
- this.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
- this.src = src;}
- });
- return this;};
- </script>
- {/block:Indexpage}
- <style type="text/css">
- iframe#tumblr_controls {
- right:3px !important;
- position: fixed !important;
- -webkit-transition: opacity 0.7s
- linear;opacity: 0.2;
- -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.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- }
- @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
- @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
- {block:iftinycursor}
- body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}{/block:iftinycursor}
- {block:iftinyscrollbar}
- ::-webkit-scrollbar {width: 8px; height: 4px; background: #FFFFFF; }
- ::-webkit-scrollbar-thumb { background-color: #ffffff; -webkit-border-radius: 1ex; border: 1px solid gray;}
- {/block:iftinyscrollbar}
- body {
- margin:0px;
- background-color: {color:Background};
- background-image:url({image:Background});
- background-attachment: fixed;
- background-repeat: repeat;
- }
- body, div, p, textarea, submit, input{
- font-family: 'ronda';
- font-size: 8px;
- line-height: 12px;
- letter-spacing:0px;
- color:{color:Text};
- }
- p {
- margin:0px;
- margin-top:5px;
- }
- a:link, a:active, a:visited{
- color: {color:Link};
- text-decoration: none;
- transition: all 0.5s ease-out;
- -o-transition-transition: all 0.5s ease-out;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- a:hover {
- {block:iflinkshadow}text-shadow:1px 1px 5px #000;{/block:iflinkshadow}
- transition: all 0.5s ease-out;
- -o-transition-transition: all 0.5s ease-out;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- #center {
- margin:auto;
- position:relative;
- width: 1500px;
- overflow:auto;
- overflow-y:hidden;
- }
- #content {
- width:850px;
- margin-left: 320px;
- }
- #entry {
- {block:IndexPage}width: 259px;{/block:indexpage}
- {block:PermalinkPage}width: 400px;{/block:PermalinkPage}
- margin-top:0px;
- padding:1px;
- padding-bottom: 0px;
- background: white;
- }
- #entry img {
- {block:IndexPage}max-width: 259px;{/block:indexpage}
- {block:PermalinkPage}max-width: 400px;{/block:PermalinkPage}
- }
- #entry .perma a{
- color:{color:Links};
- }
- #entry .perma{
- position: absolute;
- width: 240px;
- padding: 10px;
- height: auto;
- overflow:hidden;
- text-align: center;
- margin-top: 0px;
- margin-left: 0px;
- opacity: 0.0;
- background-color: white;
- -webkit-transition: opacity 0.6s linear; opacity: 0.0; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; transition: all 0.6s linear;
- }
- #entry:hover .perma{
- border-top: 1px dotted black;
- border-bottom: 1px dotted black;
- height:14px;
- margin-top:14px;
- overflow:hidden;
- -webkit-transition: opacity 0.6s linear; opacity: 1; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; transition: all 0.6s linear;
- opacity: .9;
- }
- #permalink{
- color: #000000;
- display: block;
- text-align: right;
- text-decoration: none;
- }
- #sidebar {
- position:fixed;
- width:220px;
- height:auto;
- background-color:transparent;
- margin-top: 100px;
- margin-left: 85px;
- padding:1px;
- color: {color:description text};
- }
- #credit {
- background: white;
- position: fixed;
- opacity: .8;
- height: 15px;
- padding: 2px;
- line-height: 15px;
- bottom: 5px;
- right: 5px;
- }
- #titlebox{
- position: fixed !important;
- margin-top: -45px;
- margin-left: -2px;
- width: 220px;
- font-family: 'tulpen one';
- font-size: 8px;
- line-height:20px;
- letter-spacing:0px;
- background-color: transparent;
- text-transform: none;
- }
- h3{
- font-family: ronda;
- font-size: 8px;
- line-height: 12px;
- font-weight: normal;
- line-height:15px;
- letter-spacing: 1px;
- font-style: normal;
- text-transform: none;
- text-align: center;
- padding: 0px;
- margin:0px;
- }
- #postnotes{
- text-align: justify;}
- #postnotes blockquote{
- border: 0px;
- }
- #questions {
- background-color: #f0f0f0;
- padding:10px;
- margin-bottom:0px;
- text-align:center;
- }
- .blogtitle a {
- font-size: 30px;
- line-height: 35px;
- font-family: 'Tulpen One';
- color: {color:blog title};
- letter-spacing:3px;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out;
- }
- .blogtitle a:hover {
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out;}
- .title{
- font-family: trebuchet ms;
- font-size: 12px;
- color: {color:post titles};
- font-weight: none;
- }
- .video embed, .post div.video object {
- {block:IndexPage}
- width:250px !important;
- height:200px !important;
- {/block:indexpage}
- {block:PermalinkPage}
- width:400px !important;
- height:350px !important;
- {/block:PermalinkPage}
- }
- blockquote{
- padding:0px 0px 2px 5px;
- margin:3px 0px 3px 5px;
- border-left: 2px solid {color: text};
- }
- blockquote p, ul{
- margin:3px 0px 3px 5px;
- padding:0px;
- }
- .ol, ul { margin-left: 20px; padding: 5px; }
- .ul { list-style-type: square; }
- .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:#555;}
- .chat .line{
- background-color:#ffffff;
- margin: 0 0 1px;
- padding: 2px;
- }
- .chat .line.odd{
- background-color:#F0F0F0;
- }
- .audio {
- {block:IndexPage}
- margin-top: 50px;
- margin-left: 178px;
- {/block:indexpage}
- {block:PermalinkPage}
- margin-top: 90px;
- margin-left: 285px;
- {/block:PermalinkPage}
- overflow: hidden;
- width: 25px;
- height: 25px;
- background: black;
- position: absolute;
- }
- .audiocontainer {
- {block:IndexPage}
- width: 250px;
- height: 125px;
- {/block:Indexpage}
- {block:PermalinkPage}
- width: 400px;
- height: 200px;
- {/block:PermalinkPage}
- background: black;
- }
- .albumart {
- margin-bottom: 0px;
- }
- .albumart img, .audio embed {
- {block:IndexPage}
- width: 125px;
- {/block:Indexpage}
- {block:PermalinkPage}
- width: 200px;
- {/block:PermalinkPage}
- float: left;
- z-index: 1000;
- }
- </style>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
- <meta name="viewport" content="width=820" />
- {block:ifrainbowlinks}<script type="text/javascript" src="http://static.tumblr.com/jn17x0j/2Zvltn7mc/rainbow_links.txt
- "></script>{/block:ifrainbowlinks}
- </head>
- <body>
- <div id="cage">
- <div id="center">
- <div id="sidebar">
- <center>
- <div class="blogtitle">
- <a href="/">
- {Title}</a></div>
- <div id="sidebarpic">
- <img src="{image:sidebar}" width=220px;>
- </div>
- <center>
- <br>
- <a href="{text:link one}">{text:link one title}</a> ·
- <a href="{text:link two}">{text:link two title}</a> ·
- <a href="{text:link three}">{text:link three title}</a> ·
- <a href="{text:link four}">{text:link four title}</a> ·
- <a href="{text:link five}">{text:link five title}</a><br>
- -------------------------------------------------------<br>
- {Description}
- </div>
- <div id="content">
- {block:Posts}
- <div id="entry">
- {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span>
- <div id="permalink">
- <a href="{permalink}">+</a>
- </div>
- {/block:Text}
- {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}{Description}{/block:Description}
- <div id="permalink">
- <a href="{permalink}">+</a>
- </div>
- {/block:Link}
- {block:Photoset}
- {block:IndexPage}
- <div class="perma">
- <a href="{permalink}">{NoteCount} notes </a> ♡ <a href="{ReblogUrl}">reblog</a></div>
- <center>{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}{block:ifshowcaption}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaption}{/block:Photoset}
- {block:Quote}<center><span class="title">{Quote}</span>{block:Source}<br> - {Source}{/block:Source}</center>
- <div id="permalink">
- <a href="{permalink}">+</a>
- </div>
- {/block:Quote}
- {block:Chat}{block:title}<div id="title"><center>{Title}<br></center></div>{/block:title}<div class="chat">{block:Lines}<div class="chat"><div class="line {Alt}"><div class="{Alt} user_{UserNumber}">
- {block:Label}<span class="label"><u>{Label}</u> </span>{/block:Label}{Line}</div></div></div>{/block:Lines}</div>
- <div id="permalink">
- <a href="{permalink}">+</a>
- </div>
- {/block:Chat}
- {block:Audio}
- {block:albumart}<div class="albumart"><img src="{albumarturl}"></div>{/block:albumart}
- <div class="audiocontainer"><div class="audio">{AudioPlayerBlack}</div></div>
- <center>{block:TrackName}<u>{TrackName}</u>{/block:TrackName} | {block:Artist}<i>{Artist}</i>{/block:Artist}
- <div id="permalink">
- <a href="{permalink}">+</a>
- </div>
- {/block:Audio}
- {block:Video}
- {block:IndexPage}
- <div class="perma">
- <a href="{permalink}">{NoteCount} notes </a> ♡ <a href="{ReblogUrl}">reblog</a></div>
- {/block:IndexPage}
- <center>{Video-260}<BR></center>{block:ifshowcaption}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaption}{/block:Video}
- {block:Answer}<div id="questions"><u>{Asker}</u> asked: "{Question}"</div>
- <center>{Answer}</center>
- <div id="permalink">
- <a href="{permalink}">+</a>
- </div>{/block:Answer}
- {block:Photo}
- {block:IndexPage}
- <div class="perma">
- <a href="{permalink}">{NoteCount} notes </a> ♡ <a href="{ReblogUrl}">reblog</a></div>
- <img src="{PhotoURL-500}" alt="{PhotoAlt}" width=260px/></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=400px/>{/block:PermalinkPage}{block:ifshowcaption}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaption}{/block:Photo}
- {block:PermalinkPage}
- <div id="permapage">{block:ifnotshowcaption}{block:caption}{caption}{/block:caption}{/block:ifnotshowcaption}<Br>{block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix} {Year}{/block:Date}{block:NoteCount} · {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} · Tags: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
- {/block:PermalinkPage}
- {block:PostNotes}{PostNotes}
- {/block:PostNotes}</div>{/block:Posts}
- </div></div>
- </div>
- <div id="credit">
- <center><a href="http://into-thedepths.tumblr.com/">theme</a></center></div>
- </body>
- </html>
Add Comment
Please, Sign In to add comment