Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- forgotten theme by Lennon, leave the credit or get reported!
- ----------------------------------------------------------------
- information:
- - has a pretty topbar
- - endless scrolling
- - color options
- - side bar image
- - blog title
- ----------------------------------------------------------------
- additional information:
- topbar picture credit to http://ughthomas.com/
- -->
- <html lang="en">
- <head>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <meta name="color:Background" content="#FFFFFF"/>
- <meta name="color:Links" content="#999999"/>
- <meta name="color:Hover" content="#777777"/>
- <meta name="color:Sidebar Link" content="#555555"/>
- <meta name="color:Text" content="#777777"/>
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Text" content="#aaaaaa"/>
- <meta name="color:Link" content="#717581"/>
- <meta name="color:sblinks" content="#cccccc"/>
- <meta name="color:linkhover" content="#f1f1f1"/>
- <meta name="color:hoverbackground" content="#cccccc"/>
- <meta name="color:border" content="#999999"/>
- <meta name="color:Title" content="#bbd3ee"/>
- <meta name="image:Background" content=""/>
- <meta name="image:Sidebar" content=""/>
- <meta name="text:Link1" content="/" />
- <meta name="text:Link1 Title" content="" />
- <meta name="text:Link2" content="/" />
- <meta name="text:Link2 Title" content="" />
- <meta name="text:Link3" content="/" />
- <meta name="text:Link3 Title" content="" />
- <meta name="text:Link4" content="/" />
- <meta name="text:Link4 Title" content="" />
- <title>{Title}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <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}">
- <style type="text/css">
- ::-webkit-scrollbar {width:5px;height: 5px;background:#fff;}
- ::-webkit-scrollbar-thumb {background:{color:Title};}
- body {
- margin:0px; background-color: {color:Background}; background-image:url({image:Background}); background-repeat:no-repeat; background-attachment:fixed; background-position:bottom right; font-family:Consolas; font-size:10px; line-height:11px; color: {color:Text};}
- a:link, a:active, a:visited{ text-decoration: none; -webkit-transition: 0.5s ease; transition: 0.5s ease; -o-transition: 0.5s ease; -moz-transition: 0.5s ease; color: {color:Links};}
- a:hover {
- color:{color:Hover}; text-decoration:none; -webkit-transition: 0.5s ease; transition: 0.5s ease; -o-transition: 0.5s ease; -moz-transition: 0.5s ease;}
- #center{margin:auto; position:relative; overflow:auto;}
- #entries{ width:900px;margin-top:10px; margin-left:750px; padding:10px;
- position:relative; overflow: auto;}
- #post{ background:#ffffff;border:1px solid {color:border};border-radius:5px; {block:IndexPage}{/block:IndexPage} padding:3px 2px 0px 2px; margin:3px; overflow:hidden; width:300px; {block:IndexPage}opacity:0.7; -webkit-transition: 0.5s ease; transition: 0.5s ease; -o-transition: 0.5s ease; -moz-transition: 0.5s ease;{/block:IndexPage}{block:PermalinkPage} width:450px; text-align:left; line-height:10px;
- {/block:PermalinkPage}}
- #info { text-align:left; padding:5px; margin-top:5px; margin-bottom:10px;
- text-transform: none; font-family:anaheim; font-size:9px; margin-left:-5px; }
- #info #tags { opacity:0; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
- #info:hover #tags { opacity:1; margin-top:4px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
- #tags { font-family:anaheim; letter-spacing:1px; text-transform:none;
- font-size:9px; margin-left:0px; margin-top:-2px; }
- #audio { font-family:anaheim; margin-bottom:5px; width:500px; height:justify; }
- .cover { width:78px; height:78px; position:absolute; }
- .cover img { width:50px; height:50px; float:left; margin-top:10px; }
- .player { opacity: 0.05; position:absolute; z-index:1; background:#fff;width:90px; height:90px; display:block; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease; }
- .player:hover{opacity:0.5; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o -transition: all 0.7s ease; }
- .player2 { width:25px; height:25px; margin-top:20px; margin-left:20px; overflow:hidden; padding:3px; padding-right:10px; }
- .track { text-transform:uppercase; margin-left:80px; line-height:15px; padding-top:10px; }
- #sidebar {position:relative;
- border-radius:5px; border:2px solid #{color:border} width:200px; position:fixed; margin-left:110px; margin-top:150px; opacity:1; }
- #sidebar img { width:150px; margin-bottom:5px; padding:-1px; opacity:.9; padding:5px;border-radius:5px; }
- #topbar { position:fixed;top:150px;font-family:dawning;font-size:15px; border-radius:5px; padding:5px; padding-top:9px; padding-bottom:6px; width:190px;left:50%;margin-left:-335px;background:white;text-align:center;border:1px solid {color:border};color:{color:Title};
- }
- @font-face {
- font-family: "dawning";src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf');}
- #banner {background-image:url('http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png');repeat:repeat-x;left:0;width:100%; margin-top: -10px; height:18px; position: fixed; z-index: 1; opacity:1;
- }
- #links {font-style:calibri; font-size:8px; padding:5px; line-height:180%; width:150px; text-align:center; margin-left:10px;}
- #links a{ padding:-3px; width:40px; text-transform:lowercase; letter-spacing:2px; text-align:center; display:inline-block; margin-bottom:5px; color:{color:links};
- }
- #links a:hover {
- text-transform:lowercase; color:{color:sblinkhover} letter-spacing:0px; border:1px dotted; background-color:#ddd; -webkit-transition: opacity 0.3s linear; opacity: 0.9; -webkit-transition: all 0.7s linear;}
- #arvin img{width:55px; height: 70px}
- #arvin{position:fixed;right:34px;bottom:-10px;}
- #description { font-family:serif; padding:5px; font-size:9px; opacity: 0.8; text-align:justify; color:{color:Text}; margin-top:-2px; margin-left:-10px; }
- #pagination { font-size:8px; text-align:center; color:{color:link}; font-family:serif; letter-spacing:2px; margin-left:11px; }
- .permapage{
- margin-top:1px; font-size:9px; text-align:center;}
- i, em{ color:{color:Title};}
- b, strong{text-transform:none; color:{color:Text};}
- ul,ol{ margin:0px; margin-left:-5px;}
- p{ padding:0px; margin:2px;}
- u{ text-decoration:none; color:{color:Title};}
- blockquote { margin:2px; padding:2px; margin-left:10px; border-left:solid 1px #eee;}
- #scroll{ bottom:-20px; position: absolute; left: 50%; width:10px; height:5px; overflow:hidden; margin-bottom:80px;}
- </style>
- {block:IndexPage}
- <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
- <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}
- </head>
- </div>
- <body>
- <div id="banner">
- <div id="sidebar"><div id="topbar">
- <center>
- <h1>{Title}</h1>
- </center>
- <div id="sidebarimage"><img src="{image:sidebar}"></div>
- <br><div id="description"><center>{Description}</center></div>
- <select onchange='location=this.options[this.selectedIndex].value;' style='
- font-family: consolas;
- line-height:90%;
- font-size: 8px;
- text-transform:uppercase;
- width:180px;
- letter-spacing:1px;
- background-color:{color:Title};
- border:1px solid white;
- height:18px;
- margin-top:5px;
- margin-bottom:3px;
- padding:1px;
- color:#fff;
- -moz-border-radius:3px;
- -webkit-border-radius:3px;
- border-radius:5px;
- '>
- <option>n a v i g a t i o n</option>
- {block:IfLinkOneTitle}<option value="{text:Link One}"> {text:Link One Title} </option>{/block:ifLinkOneTitle}
- {block:ifLinkTwoTitle}<option value="{text:Link Two}"> {text:Link Two Title} </option>{/block:ifLinkTwoTitle}
- {block:ifLinkThreeTitle}<option value="{text:Link Three}"> {text:Link Three Title} </option>{/block:ifLinkThreeTitle}
- {block:ifLinkFourTitle}><option value="{text:Link Four}">{text:Link Four Title} </option>{/block:ifLinkFourTitle}
- <option value="http://bonivur.tumblr.com"> credit </option>
- </select>
- </div> </div>
- <br>
- {block:Pagination} <div align="center" id="pagination">{block:PreviousPage}<a href="{PreviousPage}"></a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</div>{/block:Pagination}
- </div>
- <div id="entries">
- {block:Posts}
- <div id="post">
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/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}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
- {block:Audio}<div id="audio">{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
- <div class="player">
- <div class="player2">
- {AudioPlayerWhite}</div></div><div class="track">{block:TrackName}<b>Title:</b> {TrackName}{/block:TrackName}<br />{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br />{block:Album}<b>Album:</b> {Album}{/block:Album}<br />{PlayCountWithLabel}</div><br>{Caption}</div>
- {/block:Audio}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<div id="asker"></div><div id="q">{Asker} asked: {Question} {Answer}{/block:Answer}
- <div id="info"> posted <a href="{Permalink}">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} with <a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}
- {block:ContentSource}(Source: <a href="{SourceURL}"> <a href="{SourceURL}"> <a href="{SourceURL}">{SourceLink}</a>)</a>{/block:ContentSource}{/block:RebloggedFrom}
- {block:HasTags}<div id="tags">{block:Tags} <a href="{TagURL}">{Tag}</a>, {/block:Tags}</div>{/block:HasTags}</div></div>
- {/block:Posts}<div id="tags" st>
- {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
- {/block:Posts}</div></div></div>
- </body>
- <div id="arvin"><a href="http://bonivur.tumblr.com/"><img src="http://www.sevnthsin.com/uploads/cache/base/uploads/files/4ffdf6b556aa1_bon.png" width="30px" height="30px"></a></div>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement