Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--theme by bonivur-->
- <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:Title" content="#999999"/>
- <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="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:#000;}
- 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:20px; margin-left:450px; padding:5px;
- position:relative; overflow: auto;}
- #post{ background:#ffffff; {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 { width:200px; position:fixed; margin-left:210px; margin-top:150px; opacity:1; }
- #sidebar:hover { border-radius:500px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease }
- #sidebar img { width:150px; margin-bottom:5px; padding:-1px; opacity:.9; padding:5px; }
- #sidebar img:hover{ -webkit-filter:none; -webkit-transition: all 1s linear; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); }
- }
- a.navigate{
- letter-spacing:3px;
- padding-left:3px;
- margin: -1px 5px;
- padding-bottom: 0px;
- font-size:9px;
- text-transform:uppercase;
- font-family:share;
- border-bottom: 1.5px solid transparent;
- -webkit-transition: border 0.3s ease-in-out;
- -moz-transition: border 0.3s ease-in-out;
- -o-transition: border 0.3s ease-in-out;
- transition: border 0.3s ease-in-out;
- }
- a.navigate:hover {padding-left:3px;
- border-bottom: 1.5px solid #130C11;
- padding-bottom: 0px;
- -webkit-transition: border 0.3s ease-in-out;
- -moz-transition: border 0.3s ease-in-out;
- -o-transition: border 0.3s ease-in-out;
- transition: border 0.3s ease-in-out
- }
- #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;}
- #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>
- </script>
- {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="sidebar">
- <div id="sidebarimage"><img src="{image:sidebar}"></div>
- <div style="margin-top: 5px;">{description}</div>
- <select onchange='location=this.options[this.selectedIndex].value;' style='border: 1px solid #ececec;width:200px; {block:iffadedimages}
- opacity: .6;
- -webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
- {/block:iffadedimages}letter-spacing: 6px;font-style:italic; margin-top: 5px;font-family: consolas;color:{color:link};border-bottom-right-radius:0px;border-top-right-radius:0px;border-top-left-radius:0px;border-bottom-left-radius:0px; background: #ececec; text-transform: normal;'>
- <option>navigate</option>
- <option value="{text:Link1}">{text:Link1 Title}</option>
- <option value="{text:Link2}">{text:Link2 Title}</option>
- <option value="{text:Link3}">{text:Link3 Title}</option>
- <option value="{text:Link4}">{text:Link4 Title}</option>
- </select>
- </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