Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--You cannot remove credit! If you absolutely NEED to move it, I expect it to be placed somewhere else on the theme, preferably on the main page. If you remove credit, I will report you :) I take a lot of time on these theme so please respect that. If you have any questions or problems, just let me know and I'll be happy to help you! :)-->
- <html>
- <head>
- <meta name="color:links" content="#929292" />
- <meta name="color:linkshover" content="#868484" />
- <meta name="color:sidebar" content="#ffffff" />
- <meta name="color:background" content="#dbc9bd" />
- <meta name="image:background" content="" />
- <meta name="image:sidebar" content="" />
- <meta name="text:link1" content=""/>
- <meta name="text:link1url" content="" />
- <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lm6pl0WOW91qfoi4t.gif">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <title>{Title}</title>
- <style type="text/css">
- @font-face {font-family:"arma";src:url('http://static.tumblr.com/7glhdxz/B3Mmgevme/pf_arma_five.ttf');}
- @font-face {font-family:"Bebas Neue";src:url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf');}
- /*GENERAL*/
- body{
- background-image:url('{image:background}');
- background-color:{color:background};
- background-attachment: fixed;
- font-family:"arma";
- font-size:8px;
- }
- a:link, a:active, a:visited{
- color: {color:links};
- text-decoration: none;}
- a:hover {
- color:{color:linkshover};
- text-decoration: none;}
- b, strong{
- letter-spacing: 1px;
- color: #b1b1b1;
- text-transform: none;
- text-shadow: 1px 1px 2px #e1dad4;
- text-decoration: none;
- font-weight: normal;
- }
- /*SIDEBAR*/
- div#sidebar{
- margin-left:120px;
- width:175px;
- height:auto;
- background:{color:sidebar};
- margin-top:220px;
- font-family:"arma";
- font-size:8px;
- padding:5px;
- position:fixed;
- border: 1px solid #ccc;
- }
- div#title{
- margin-left:120px;
- width:175px;
- text-align:center;
- font-size:30px;
- position:fixed;
- margin-top:190px;
- background:transparent;
- font-family:"Bebas Neue";
- z-index:1;
- }
- /*POSTS*/
- div#posts{
- margin-left: 400px;
- margin-top:10px;
- width:900px;
- height:110%;
- background: transparent;
- }
- .entry {
- margin:7px;
- padding:5px;
- float:left;
- background-color: white;
- overflow: hidden;
- border:1px solid #ddd;
- {block:IndexPage}
- width:200px;
- {/block:IndexPage}
- {block:PermalinkPage}
- width:500px;
- line-height:14px;
- padding:3px;
- padding-bottom:1px;
- margin-left: 298px;
- {/block:PermalinkPage}
- }
- .img {
- {block:IndexPage}
- opacity:0.4;
- filter:alpha(opacity=40);
- {/block:IndexPage}
- -webkit-transition-duration:0.4s;
- }
- .img:hover {
- opacity:1;
- filter:alpha(opacity=100);
- }
- #audiostats {display:block; height:auto; position:relative; min-height:80px;}
- .audioentry {width:200px; background-color:#ffffff; position:relative; padding:5px; {block:IndexPage}overflow:hidden;{/block:IndexPage}; min-height:80px;}
- .audio {top: 15px; left: 15px; -webkit-border-radius: 50px; -moz-border-radius: 50px; position: absolute; z-index: 3; background: white; opacity: .5; filter:alpha(opacity=50)}
- .audioplayer {width: 20px; height: 30px; overflow: hidden; margin: 17px 24px 13px 16px;}
- .perms {
- border-bottom: 1px solid {color:border};
- color:#777;
- font-size:10px;
- opacity: 0;
- -webkit-transition-duration: .75s;top:0px;
- width:200px;
- height:15px;
- padding-bottom:4px;
- background-color: #fff;
- position: absolute;
- margin-top:6px;
- text-align:center;
- text-transform:uppercase;
- font-family:consolas;
- letter-spacing:1px;
- display:block;
- }
- .entry:hover .perms {
- opacity:0.8;
- z-index:999999;
- padding-top:4px;}
- .permalinktext{
- text-align:center;
- }
- .img {
- {block:IndexPage}
- opacity:0.8;
- filter:alpha(opacity=80);
- {/block:IndexPage}
- -webkit-transition-duration:0.4s;
- }
- .img:hover {
- opacity:1;
- filter:alpha(opacity=100);
- }
- /*NAVIGATION*/
- div#navi{
- margin-top:400px;
- margin-left:121px;
- width:185px;
- background:{color:sidebar};
- font-size:8px;
- text-align:center;
- position:fixed;
- }
- /*EXTRAS*/
- </style>
- </head>
- <body>
- <div id="title">{Title}</div>
- <div id="sidebar">
- <img src="{image:sidebar}" width=175px height=175;>
- <br><br>
- <center>{Description}</center>
- </div>
- <div id="navi">
- <b>
- <a href="/">home</a>
- </b>
- |
- <b>
- <a href="/ask">ask</a>
- </b>
- |
- <b>
- <a href="{text:link1url}">{text:link1}</a>
- </b>
- |
- <b>
- <a href="http://tobemarissa.tumblr.com">credit</a>
- </b>
- </div>
- <div id="posts">
- {block:Posts}
- <div class="entry">
- {block:Text}
- <div class="text">
- <div style="text-transform:uppercase">{block:Title}
- <a href="{Permalink}">{Title}</a>
- {/block:Title}</div>
- {Body}
- {block:IndexPage}
- <div class="permalinktext">
- ______________________________________________
- posted on {shortmonth} {dayofmonth} with <a href="{permalink}">{notecountwithlabel}</a>
- </div>
- {/block:IndexPage}
- </div>
- {/block:Text}
- {block:Link}
- <div class="text">
- <span style="text-transform:uppercase;"><a href="{URL}" class="link" {Target}>{Name}</a></span>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- {block:IndexPage}
- <div class="permalinktext">
- ______________________________________________
- posted on {shortmonth} {dayofmonth} with <a href="{permalink}">{notecountwithlabel}</a>
- </div>
- {/block:IndexPage}
- </div>{/block:Link}
- {block:Photo}
- <div class="img">
- {block:IndexPage}<div class="perms">
- <a href="{permalink}">{notecountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a>
- </div> {/block:IndexPage}
- {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=
- "200px"/></a>{/block:IndexPage}</div>
- {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="opacity:1" width="500px"/>{LinkCloseTag}{/block:PermalinkPage}
- {block:ifshowcaption}{caption}{/block:ifshowcaption}
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}<div class="perms">
- posted on {DayOfWeek} <br> with <a href="{permalink}">{notecountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a>
- </div> {/block:IndexPage}
- {block:IndexPage}<center>{Photoset-250}</center>{/block:IndexPage}
- <center>{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>
- {/block:Photoset}
- {block:Quote}
- <div class="text">
- <div class="quote">❝</div>
- <div style="margin-top:2px;;margin-bottom:0px;min-height:30px; padding: 4px; background-color:#fafafa;border:1px dotted #eee; letter-spacing:1px;text-transform:uppercase; font-size:8px; font-family: consolas; border-radius:5px;">
- {Quote} </div>
- {block:Source}
- <div class="source"><div style="text-align:right; color:{color:link};padding-top:5px;"> • {Source}</div></div>
- {/block:Source}
- {block:IndexPage}
- <div class="permalinktext">
- ______________________________________________
- posted on {shortmonth} {dayofmonth} with <a href="{permalink}">{notecountwithlabel}</a>
- </div>
- {/block:IndexPage}
- </div>{/block:Quote}
- {block:Chat}
- <div class="text">
- {block:Title}
- <a href="{Permalink}">{Title}</a>
- {/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}
- {Line} </li>
- {/block:Lines}
- </ul>
- {block:IndexPage}
- <div class="permalinktext">
- ______________________________________________
- posted on {shortmonth} {dayofmonth} with <a href="{permalink}">{notecountwithlabel}</a>
- </div>
- {/block:IndexPage}
- </div>{/block:Chat}
- {block:Audio}
- <div id="audiostats">
- <div class="audioentry">
- <img src="http://static.tumblr.com/2lqtwbf/coolyqooj/untitled-1.png" alt="default album art" width="80" height="80" style="position:absolute; vertical-align:middle;" />
- {block:AlbumArt}<img width="80" height="80" src="{AlbumArtURL}" style="position:absolute;" />{/block:AlbumArt}
- <div class="audio"><div class="audioplayer">{AudioPlayerWhite}</div></div>
- <div style="margin-left:90px; line-height:12px">{block:TrackName}<b>Song:</b> {TrackName}<br>{/block:TrackName}
- {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
- {block:Album}<b>Album:</b> {Album}<br>{/block:Album}
- {FormattedPlayCount} plays{block:Caption}{Caption}{/block:Caption}</div>
- </div>
- <div class="permalinktext">
- ______________________________________________
- posted on {shortmonth} {dayofmonth} with <a href="{permalink}">{notecountwithlabel}</a></span></div>
- {/block:IndexPage}
- {/block:Audio}
- {block:Video}
- {block:IndexPage}<div class="perms">
- posted on {DayOfWeek} <br> with <a href="{permalink}">{notecountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a>
- </div> {/block:IndexPage}
- <center>
- {block:IndexPage}
- {Video-250}
- {/block:IndexPage}
- </center>
- {block:PermalinkPage}
- <center>{Video-500}</center>
- {/block:PermalinkPage}
- {block:Video}
- {block:Answer}
- <div style="padding:13px;text-align:left;">
- <strong><i>{asker}:</i> {question}</strong>
- <div class="caption" style="margin-top:3px;">
- {Answer}</div>
- {block:indexpage}
- <div align="right" style="padding-right:10px; padding-top:3px;padding-bottom:0px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
- </a> - <a href="{Permalink}">{DayOfMonth} {Month}
- </a></div>{/block:indexpage}
- </div>
- {/block:Answer}
- {block:IndexPage}<div style="display:none;">{block:ContentSource}<a href="{SourceURL}">{SourceTitle}</a> {block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{/block:ContentSource}</div>{/block:IndexPage}
- {block:PermalinkPage}
- {block:caption}{caption}<br>{/block:caption}
- <center>{block:Date}Posted on {DayOfWeek}, {Month} {DayOfMonth}, {Year} with {NoteCountWithLabel}{/block:Date}
- {block:RebloggedFrom}<br><b>via</b>: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource} | <b>source</b>: <a href="{SourceURL}">{SourceTitle}</a> {/block:ContentSource}
- </center>
- {/block:PermalinkPage}
- <div style="text-align:left;">
- {block:PostNotes}{PostNotes}
- {/block:PostNotes}</div>
- </div>
- {/block:Posts}
- </div>
- </div>
- {block:IndexPage}<br>
- {block:Pagination}
- <div id="pagination">
- {block:NextPage}
- <a id="nextPage" href="{NextPage}">next</a>
- {/block:NextPage}
- {block:PreviousPage}
- <a href="{PreviousPage}">back</a>
- {/block:PreviousPage}
- </div>
- {/block:Pagination}
- {/block:IndexPage}
- </div>
- </body>
- {block:indexpage}
- {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
- <script type="text/javascript">
- $(window).load(function(){
- var $wall = $('#posts');
- $wall.imagesLoaded(function(){
- $wall.masonry({
- itemSelector: '.entry, .entry_photo',
- isAnimated : false
- });
- });
- $wall.infinitescroll({
- navSelector : '#page-nav',
- nextSelector : '#page-nav a',
- itemSelector : '.entry, .entry_photo',
- bufferPx : 2000,
- debug : false,
- errorCallback: function() {
- $('#infscr-loading').fadeOut('normal');
- }},
- function( newElements ) {
- var $newElems = $( newElements );
- $newElems.hide();
- $newElems.imagesLoaded(function(){
- $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
- });
- }); $('#content').show(500);
- });
- </script>
- {/block:indexpage}
- <script type="text/javascript">
- $(function() {
- $("#topDivA").click(function(){
- var target = $("html");
- $('html, body').animate({
- scrollTop: target.offset().top
- }, 1000);
- });
- });</script>
- </body>
- <hmtl>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement