Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <!--DEFAULT VARIABLES-->
- <!--COLORS-->
- <meta name="color:sidebar background" content="#ffffff"/>
- <meta name="color:links" content="#aaaaaa"/>
- <meta name="color:hover" content="#000000"/>
- <meta name="color:post background" content="#ffffff"/>
- <meta name="color:background" content="#ffffff"/>
- <meta name="color:sidebar" content="#ffffff"/>
- <meta name="color:text" content="#aaaaaa"/>
- <meta name="color:navigation background" content="#ffffff"/>
- <meta name="color:navigation text" content="#000000"/>
- <!--TEXT-->
- <meta name="text:Link 1" content="/"/>
- <meta name="text:Link 1 Title" content="link"/>
- <meta name="text:Link 2" content="/"/>
- <meta name="text:Link 2 Title" content="link"/>
- <meta name="text:Link 3" content="/"/>
- <meta name="text:Link 3 Title" content="link"/>
- <meta name="text:Link 4" content="/"/>
- <meta name="text:Link 4 Title" content="link"/>
- <meta name="text:Link 5" content="/"/>
- <meta name="text:Link 5 Title" content="link"/>
- <meta name="text:Link 6" content="/"/>
- <meta name="text:Link 6 Title" content="link"/>
- <meta name="text:Link 7" content="/"/>
- <meta name="text:Link 7 Title" content="link"/>
- <!--OPTIONS-->
- <meta name="if:transparent posts" content="0"/>
- <meta name="if:white follow buttons" content="1"/>
- <meta name="if:faded posts" content="1">
- <meta name="if:grayscale on hover" content="0"/>
- <meta name="if:color on hover" content="0"/>
- <!--PICTURES-->
- <meta name="image:background" content="0"/>
- <!--SCRIPTS-->
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <title>{Title}</title>
- <style type="text/css">
- /*--FOLLOW BUTTONS--*/
- #tumblr_controls{
- position: fixed; top: 3px; right: 3px;
- opacity: 0.8;
- {Block:IfWhiteFollowButtons}
- -webkit-filter: invert(100%);
- -moz-filter: invert(100%);
- -o-filter: invert(100%);
- filter: invert(100%);
- {/Block:IfWhiteFollowButtons}
- z-index: 9999999999999999999999999999999999999999999999999;
- -webkit-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;
- transition: all 1s ease-in-out;
- }
- #tumblr_controls:hover{
- opacity: 1;
- }
- /*--SCROLLBAR--*/
- ::-webkit-scrollbar {
- width: 5px;
- height: 4px;
- background: white;
- }
- ::-webkit-scrollbar-thumb {
- background-color:black;
- }
- /*--BASICS--*/
- body{
- font-size: 10.5px;
- font-family: consolas;
- text-transform: uppercase;
- background: {color:background} url('{image:background}') fixed center bottom;
- background-size: 100% 100%;
- color: {color: text} !important;
- }
- #sidebar{
- text-align: left;
- position: fixed;
- top: 200px;
- left: 50%;
- margin-left: -504px;
- width: 110px;
- border: 1px solid #ddd;
- padding: 4px;
- padding-top: 6px;
- height: 150px;
- font-size: 11px;
- text-transform: uppercase;
- letter-spacing: 0px;
- background-color: {color:sidebar};
- z-index: -999;
- border-right: 0;
- font-family: consolas;
- padding-left: 160px;
- {block:permalinkpage}
- border-right: 1px solid #ddd;
- margin-left: -474px;
- {/block:permalinkpage}
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #blogtitle{
- font-size: 18px;
- line-height: 28px;
- font-family: consolas;
- font-weight: none;
- text-transform: uppercase;
- }
- #portrait{
- background-color: #fff;
- border: 1px solid #ddd;
- padding: 5px;
- padding-bottom: 2px;
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #portrait img{
- opacity: 0.8;
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #sidebar:hover{
- {block:indexpage}
- padding-right: 20px;
- margin-left: -520px;
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- {block:indexpage}
- }
- /*--LINKS--*/
- a:link, a:active, a:visited{
- text-decoration: none;
- color: {color:links};
- font-weight: bold;
- -webkit-transition: color 1s ease-in-out;
- -moz-transition: color 1s ease-in-out;
- -o-transition: color 1s ease-in-out;
- transition: color 1s ease-in-out;
- }
- a:hover{
- color: {color:hover};
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- /*--POSTS--*/
- #posts{
- position: absolute;
- left: 50%;
- margin-left: -230px;
- margin-top: -8px;
- width: 696px;
- background-color: {color:sidebar background};
- border: 1px solid #ddd;
- border-top: 0;
- padding: 10px;
- z-index: 999999999999999999999999999999;
- {block:permalinkpage}
- width: auto;
- margin-left: -150px;
- {/block:permalinkpage}
- }
- .wave{
- position: absolute;
- left: 50%;
- margin-left: -370px;
- height: 100%;
- margin-top: -10px;
- width: 696px;
- padding: 10px;
- border-radius: 10px;
- z-index: 999999999999999999999999999;
- background-image: url(http://24.media.tumblr.com/1e2acafe284da507b03c50a7dc2a4e3c/tumblr_mnp2mfLRXU1snhncho1_r1_500.gif);
- background-size: 100% auto;
- }
- .entry{
- text-align: left;
- font-family: consolas;
- width: 200px;
- {Block:PermalinkPage}width: 400px;{/Block:PermalinkPage}
- margin: 10px;
- padding: 5px;
- background-color: {color:post background};
- {Block:IfTransparentPosts}background-color: transparent;{/Block:IfTransparentPosts}
- border: 1px solid #ddd;
- overflow: hidden;
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- {block:permalinkpage}
- border: 0;
- {/block:permalinkpage}
- }
- .entry img{
- {Block:IFFadedPosts}
- opacity: 0.7;
- {/Block:IfFadedPosts}
- {Block:IfGrayscaleOnHover}
- -webkit-filter: grayscale(0%);
- -moz-filter: grayscale(0%);
- {/Block:IfGrayscaleOnHover}
- {Block:IfColorOnHover}
- -webkit-filter: grayscale(100%);
- -moz-filter: grayscale(100%);
- {/Block:IfColorOnHover}
- max-width: 100%;
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- }
- .entry:hover img{
- {Block:IFFadedPosts}
- opacity: 1;
- {/Block:IfFadedPosts}
- {Block:IfGrayscaleOnHover}
- -webkit-filter: grayscale(100%);
- -moz-filter: grayscale(100%);
- {/Block:IfGrayscaleOnHover}
- {Block:IfColorOnHover}
- -webkit-filter: grayscale(0%);
- -moz-filter: grayscale(0%);
- {/Block:IfColorOnHover}
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- }
- .entry blockquote{
- border-left: 3px solid {color:links};
- border-right: 3px solid {color:links};
- background-color: #eee;
- padding: 5px;
- width: 174px;
- {block:permalinkpage}
- width: 474px;
- {/block:permalinkpage}
- margin-left: 5px;
- }
- .perms{
- position: absolute;
- top: 5px;
- margin-left: -5px;
- background-color: #fff;
- width: 182px;
- text-align: center;
- padding: 14px;
- padding-top: 6px;
- padding-bottom: 6px;
- border-radius: 0 0 10px 0;
- font-size: 10px;
- opacity: 0;
- width: auto;
- height: 48px;
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- }
- .entry:hover .perms{
- opacity: 1;
- margin-left: 0px;
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- }
- #textperma{
- margin-top: 3px;
- padding-top: 3px;
- border-top: 1px solid #aaa;
- width: 50%;
- }
- #infos{
- font-size: 8px;
- text-transform: uppercase;
- float:left;
- margin-top:10px;
- padding:5px;
- {block:IndexPage}
- border-left: 1px solid #ddd;
- background-color: transparent;
- width:83px;
- height: 70px;
- {/block:IndexPage}
- {block:PermalinkPage}
- border-left: 1px solid #ddd;
- background-color: transparent;
- width:95px;
- height: 350px;
- margin-bottom:20px;
- {/block:PermalinkPage}
- }
- #player{
- float:left;
- width:29px;
- padding-left:2px;
- padding-top:5px;
- padding-bottom:10px;
- height:15px;
- background-color:#fff;
- overflow-x:hidden;
- overflow-y:hidden;
- opacity: .9;
- filter:alpha(opacity=10);
- -moz-opacity: 0.1;
- -moz-transition: all .9s ease;
- -o-transition: all .9s ease;
- transition: all .9s ease;
- -webkit-transition: all .9s ease;
- {block:IndexPage}
- margin-top:35px;
- margin-left:-65px;
- {/block:IndexPage}
- {block:PermalinkPage}
- margin-top:175px;
- margin-left:-205px;
- {/block:PermalinkPage}
- }
- #album{
- -moz-border-radius: 5px;
- border-radius: 5px;
- border: 1px solid #ddd;
- margin:10px;
- float:left;
- {block:IndexPage}
- width:80px;
- height:80px;
- {/block:IndexPage}
- {block:PermalinkPage}
- width:360px;
- height:360px;
- {/block:PermalinkPage}
- }
- #pagination{
- display:none;
- }
- .title{
- text-align: left;
- font-size: 13px;
- text-transform: uppercase;
- font-weight: bold;
- }
- body{
- color: {color:text} !important;
- font-family: consolas;
- }
- a img{
- border: 0;
- }
- {CustomCSS}
- </style>
- <!--INFINITE SCROLLING-->
- {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" src="http://static.tumblr.com/npajswt/gLGmp92pr/infinitescroll.txt"></script>
- <script type="text/javascript">
- $(window).load(function () {
- var $content = $('#posts');
- $content.masonry({itemSelector: '.entry'}),
- $content.infinitescroll({
- navSelector : 'div#pagination',
- nextSelector : 'div#pagination a#nextPage',
- itemSelector : '.entry',
- loading: {
- finishedMsg: '',
- img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
- },
- bufferPx : 600,
- debug : false,
- },
- // call masonry as a callback.
- function( newElements ) {
- var $newElems = $( newElements );
- $newElems.hide();
- // ensure that images load before adding to masonry layout
- $newElems.imagesLoaded(function(){
- $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
- });
- });
- });
- </script>
- {/Block:IndexPage}
- <title>{Title}</title>
- </head>
- <body>
- <!--POSTS-->
- <div id="posts">
- <!--SIDEBAR-->
- <div id="sidebar">
- <div style="position: absolute; top: 10px; margin-left: -150px;" id="portrait"><a href="/"><img src="{PortraitURL-128}"></a></div>
- <a href="/" id="blogtitle">{Title};</a><p><div style="opacity: 0; position: fixed; top: -30px; left: -400px;"><script language="JavaScript" src="http://s1.freehostedscripts.net/ocount.php?site=ID2005091&name="></script> </div><div style="position: fixed; top: -40px; left: -40px; opacity: 0;"><script language="JavaScript">var ref = (''+document.referrer+''); document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID2998753&e1=using theme&e2=using theme&r=' + ref + '"><\/script>'); </script><script language="JavaScript">
- var ref = (''+document.referrer+'');
- document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID3099539&e1=&e2=&r=' + ref + '"><\/script>');
- </script></div>{Description}<p>
- <select onchange='location=this.options[this.selectedIndex].value;' style='width:100px; background-color: {color:navigation background}; font-style: italic; font-family: consolas; padding-bottom: 2px; opacity: 0.8; color: {color:navigation text}; border: 1px solid #ddd; border-radius: 5px; 0 0 5px;'>
- <option>
- navigate
- </option>
- {Block:ifLink1}
- <option value="{text:link 1}">
- {text:link 1 title}
- </option>
- {/Block:ifLink1}
- {Block:ifLink2}
- <option value="{text:link 2}">
- {text:link 2 title}
- </option>
- {/Block:ifLink2}
- {Block:ifLink3}
- <option value="{text:link 3}">
- {text:link 3 title}
- </option>
- {/Block:ifLink3}
- {Block:ifLink4}
- <option value="{text:link 4}">
- {text:link 4 title}
- </option>
- {/Block:ifLink4}
- {Block:ifLink5}
- <option value="{text:link 5}">
- {text:link 5 title}
- </option>
- {/Block:ifLink5}
- {Block:ifLink6}
- <option value="{text:link 6}">
- {text:link 6 title}
- </option>
- {/Block:ifLink6}
- {Block:ifLink7}
- <option value="{text:link 7}">
- {text:link 7 title}
- </option>
- {/Block:ifLink7}
- <option value="http://unstrong.tumblr.com">
- theme by zak
- </option>
- </select>
- </p></div>
- {Block:Posts}
- <div class="entry">
- {Block:Text}
- {Block:Title}<div class="title">{Title}</div>{/Block:Title}
- {Body}
- {Block:IndexPage}<div id="textperma"><a href="{Permalink}">{NoteCount} NOTES, </a><a href="{ReblogURL}"> reblog</a></div>{/Block:IndexPage}
- {/Block:Text}
- {Block:Photo}
- <div class="photo">{LinkOpenTag}<img src="{PhotoURL-500}" style="cursor: default;" width="100%"{Block:Post1}style="border-radius: 10px 0 0 0;"{/Block:Post1}{Block:Post3}style="border-radius: 0 10px 0 0;"{/Block:Post3}>{LinkCloseTag}</div>
- {Block:IndexPage}
- <div class="perms">Posted <a href="{Permalink}">{TimeAgo}</a><br><div style="border-top: 1px solid #ddd; margin-top: 2px; margin-bottom: -9px;"></div><br><a href="{Permalink}">{Notecount} notes</a><br><div style="border-top: 1px solid #ddd; margin-top: 2px; margin-bottom: -9px;"></div><br><a href="{ReblogURL}">share this post</a></div>
- {/Block:IndexPage}
- {/Block:Photo}
- {Block:Quote}
- {Quote}
- {Block:Source} <span class="title">- {Source}</span>{/Block:Source}
- {Block:IndexPage}<div id="textperma"><a href="{Permalink}">{NoteCount} NOTES, </a><a href="{ReblogURL}"> reblog</a></div>{/Block:IndexPage}
- {/Block:Quote}
- {block:Audio}
- <!--CODE BY NAEIVE :)-->
- <div id="album">{block:AlbumArt}<img width="80px" src="{AlbumArtURL}"/>{/block:AlbumArt}</div>
- <div id="player"><div style="margin-top:-3px;">{AudioPlayerWhite}</div></div>
- <div id="infos">
- <span style="letter-spacing:1px; color:{color:link};">{block:TrackName}{TrackName}{/block:TrackName}</span><br>
- {block:Artist}
- {Artist}
- {/block:Artist}
- <br>
- {block:Album}
- {Album}
- {/block:Album}<br>
- {PlayCountWithLabel}
- </div>
- {/Block:Audio}
- {Block:Video}
- {Video-250}
- {/Block:Video}
- {Block:Photoset}
- {Photoset-250}
- {Block:IndexPage}<div id="textperma"><a href="{Permalink}">{NoteCount} NOTES, </a><a href="{ReblogURL}"> reblog</a></div>{/Block:IndexPage}
- {/Block:Photoset}
- {Block:Chat}
- {Block:Title}<div class="title">{Title}</div><br>{/Block:Title}
- {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
- {Block:IndexPage}<div id="textperma"><a href="{Permalink}">{NoteCount} NOTES, </a><a href="{ReblogURL}"> reblog</a></div>{/Block:IndexPage}
- {/Block:Chat}
- {block:Answer}
- <div style="padding: 5px; width: 190px; {block:PermalinkPage}width: 490px;{/Block:PermalinkPage} background-color: #eee; border-radius: 5px; margin-bottom: -5px;">{Asker} asked: {Question}</div>
- {Answer}
- {Block:IndexPage}<div id="textperma"><a href="{Permalink}">{NoteCount} NOTES</a></div>{/Block:IndexPage}
- {/block:Answer}
- {Block:Link}
- <div class="title"><div style="margin-top: 5px;"></div><a style="padding: 5px; margin-top: 5px; margin-bottom: 3px; border-radius: 4px; background-color: #eee; width: 190px;" href="{URL}" title="{Name}" target="{Target}">{Name} »</a><div style="margin-bottom: 10px;"></div></div>
- {Block:Description}{Description}{/Block:Description}
- {Block:IndexPage}<div id="textperma"><a href="{Permalink}">{NoteCount} NOTES, </a><a href="{ReblogURL}"> reblog</a></div>{/Block:IndexPage}
- {/Block:Link}
- {Block:PermalinkPage}<div id="textperma"><a href="{Permalink}">{NoteCount} NOTES{block:answer}<div style="display:none;">, </a><a href="{ReblogURL}"> reblog</a>{/block:answer}</div>{Block:Caption}{Caption}{/Block:Caption}<p>{Block:PostNotes}{PostNotes}{/Block:PostNotes}<p><a href="http://unstrong.tumblr.com">theme by zak</a>{/Block:PermalinkPage}
- </div>
- {/Block:Posts}
- </div>
- {block:IndexPage}
- {block:Pagination}<div id="pagination">
- {block:NextPage}<a style="display:none;" id="nextPage" href="{NextPage}"> →</a>{/block:NextPage}
- {block:PreviousPage}<a style="display:none;" href="{PreviousPage}">← </a>{/block:PreviousPage}
- </div>{/block:Pagination}
- {/block:IndexPage}
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement