Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <head>
- <style type="text/css">
- a.btn{position:absolute;z-index:999999999999;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;padding:0 5px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:5px;color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:rgba(255,255,255,0.09);color:white}.btn:active::after{background:rgba(255,255,255,0.18) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.18)}.clear {clear: both;} #pagination {display: all;}
- </style>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
- <script src="jquery.js"></script>
- <script>
- $(document).ready(function(){
- $("#click").click(function(){
- $("#appear").slideToggle("slow");
- });
- });
- </script>
- <!-- start of script tooltip -->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <!-- end of script tooltip -->
- <title>{title}</title>
- <link rel="shortcut icon" href=""/>
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <!--Default Variables-->
- <meta name="image:background" content="">
- <meta name="image:Sidebar" content="http://i.imgur.com/DMl2fNH.gif"/>
- <meta name="text:link 1" content="ask">
- <meta name="text:link 1 url" content="/ask">
- <meta name="text:link 2" content="archive">
- <meta name="text:link 2 url" content="/archive">
- <meta name="text:link 3" content="shuffle">
- <meta name="text:link 3 url" content="/random">
- <meta name="text:link 4" content="">
- <meta name="text:link 4 url" content="/">
- <meta name="text:link 5" content="">
- <meta name="text:link 5 url" content="/">
- <meta name="text:link 6" content="">
- <meta name="text:link 6 url" content="/">
- <meta name="text:link 7" content="">
- <meta name="text:link 7 url" content="/">
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Post Background" content="#ffffff"/>
- <meta name="color:Text" content="#000000"/>
- <meta name="color:Link" content="#888888"/>
- <meta name="color:Link Hover" content="#000000"/>
- <meta name="color:Border" content="#cccccc"/>
- <meta name="color:Sidebar Border" content="#cccccc"/>
- <meta name="color:Selection" content="#cccccc"/>
- <meta name="color:Scrollbar" content="#000000"/>
- <meta name="color:Tooltip Text" content="#000000"/>
- <meta name="select:Link" content="text-decoration:none;" title="none">
- <meta name="select:Link" content="text-decoration: underline;" title="underline">
- <meta name="select:Link" content="font-style: italic;" title="italic">
- <meta name="select:Link Hover" content="text-decoration:none;" title="none">
- <meta name="select:Link Hover" content="text-decoration: underline;" title="underline">
- <meta name="select:Link Hover" content="font-style: italic;" title="italic">
- <meta name="if:Thin Scrollbar" content="0"/>
- <meta name="if:Transparent Tooltip" content="0"/>
- <meta name="if:bgcover" content="1"/>
- <meta name="if:Posts Fade" content="0"/>
- <meta name="if:Black White" content="0"/>
- <meta name="if:Zoom" content="1"/>
- <meta name="if:show captions" content="0"/>
- <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
- <!--Styling,css-->
- <style type="text/css">
- @font-face{
- font-family:'consolas';
- src:url('http://static.tumblr.com/apahx90/giAmolf5m/consolas.ttf');}
- @font-face{
- font-family:'calibri';
- src:url('http://static.tumblr.com/zu4ce6n/HtCmyt93u/calibri_1_.ttf');}
- .b{z-index:99999;background:rgba(0,0,0,0.7);position:cover;bottom:0px;left:0px; width: 100%; height: 30px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
- .b:hover{background:rgba(0,0,0,1);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
- #s-m-t-tooltip {
- font-family:courier;
- {block:ifTransparentTooltip}
- background-color:transparent;border:none;
- {/block:ifTransparentTooltip}
- {block:ifnotTransparentTooltip}
- background:rgba(255,255,255,1);border:1px solid {color:border};
- {/block:ifnotTransparentTooltip}
- font-size:11px;
- color:{color:Tooltip Text};
- margin:30px 20px; padding:3px 7px;
- z-index:9999999999999999999999;
- -webkit-transition: all .2s ease-in-out;
- -moz-transition: all .2s ease-in-out;
- -o-transition: all .2s ease-in-out;
- }
- iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(0%); -moz-filter: invert(0%); -o-filter: invert(0%); -ms-filter: invert(0%); filter: invert(0%); opacity:.8;transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;-o-transition: .3s ease-in-out; }
- iframe#tumblr_controls:hover { white-space:nowrap; -webkit-filter: invert(0%); -moz-filter: invert(0%); -o-filter: invert(0%); -ms-filter: invert(0%); filter: invert(0%); opacity:1; }
- body {
- text-transform:normal;
- color:{color:Text};
- font-family:monospace;/* The main font, you can change this anytime*/
- font-size:10px;/* Font size */
- cursor: url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;
- background-color:{color:backgorund};/* Background color */
- background-image:url('{image:background}');
- background-attachment:fixed;
- background-repeat:repeat;
- background-position:center;
- {block:ifbgcover}background-size:cover;{/block:ifbgcover}
- }
- /* Links */
- a{color:{color:Link};{select:Link}}
- a:hover{cursor:help;color:{color:Link Hover};{select:Link Hover}
- -webkit-transition: all .2s ease;
- -moz-transition: all .2s ease;
- -o-transition: all .2s ease;
- }
- /* Sidebar*/
- #sidey{
- width:150px;bottom:55%;left:35%;
- position:fixed;
- -webkit-transition:all 0.2s linear;
- -webkit-transition:all 0.2s linear;
- -moz-transition:all 0.2s linear;
- transition:all 0.2s linear;
- }
- /* Sidebar image*/{
- border-top: 1px solid {color:Sidebar Border};
- border-left: 1px solid {color:Sidebar Border};
- border-right:1px solid {color:Sidebar Border};
- border-bottom: 0px solid {color:Sidebar Border};}
- #sidetitle{text-align:right;padding:9px;letter-spacing:3px;background:{color:transparent};
- border-top:1px solid {color:Sidebar Border};
- border-left: 1px solid {color:Sidebar Border};
- border-right:1px solid {color:Sidebar Border};
- border-bottom:0px solid {color:Sidebar Border};
- }
- #desc{text-align:left;padding:10px;background:{color:transparent};
- border-top:1px solid {color:Sidebar Border};
- border-left: 1px solid {color:Sidebar Border};
- border-right:1px solid {color:Sidebar Border};
- border-bottom: 1px solid {color:Sidebar Border};
- }
- #sidelinks{position:relative;text-align:right;padding:3px;text-align:right;}
- /* What your entries are on*/
- #post{
- background-color:transparent;/* Background color for posts*/
- position:absolute;left:700px;
- width:300px;
- }
- /***********************entries**********************/
- .entry{float:right;
- margin:35px 25px;/* Spacing of entries*/
- width:250px;border:0px solid {color:border};background:{color:transparent};
- {block:PermalinkPage}
- border: 0px solid {color:Border};
- display:block;width:300px;
- {/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;}
- .entry img{display:block;max-width:100%;}
- .entry .pics img{
- display:block;max-width:100%;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;
- {block:IfBlackWhite}
- -webkit-filter: grayscale(100%);
- {/block:IfBlackWhite}
- {block:IfPostsFade}
- opacity:0.8;
- {/block:IfPostsFade}}
- .entry .pics img:hover{
- {block:IfBlackWhite}-webkit-filter: grayscale(0%);{/block:IfBlackWhite}
- opacity:1;
- {block:IfZoom}
- -webkit-transform:scale(1.2); /* Safari and Chrome */
- -moz-transform:scale(1.2);/* Firefox */
- -ms-transform:scale(1.2); /* IE 9 */
- -o-transform:scale(1.2); /* Opera */
- transform:scale(1.2);
- {/block:IfZoom}
- -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
- #picss{overflow:hidden;}
- /************************post hover************************/
- .permabar{position:absolute;text-align:right;padding:7px;right:0px;}
- .infobar{position:relative;text-align:left;padding:4px 6px;border-top: solid 1px {color:border};}
- #click{position:relative;text-align:center;padding:8px;border-top: solid 1px {color:border};}
- #appear{display:none;padding:5px;padding-top:0px;}
- /************************do not touch***********************/
- .pagination {display:none;}
- #infscr-loading{bottom:-70px;position:absolute;left:45%;margin-left:0px;overflow:hidden;margin-bottom: 50px;}
- /************************ask post***********************/
- #askicon{border:1px solid {color:border};width:48px;margin-top:5px;}
- #ques{margin:-50px 0 0 55px;border-bottom:1px dashed {color:border};padding:5px;}
- #ans{margin-top:25px;margin-left:5px;}
- /************************audio post***********************/
- #audio{width:250px;height:70px;padding-bottom:0px;
- }
- .cover{position:absolute;z-index:1;width:65px;height:60px;}
- .cover img{float:left;width:65px;height:65px;border:1px solid {color:border};}
- .playbox{opacity:0.8;width:27px;height:30px;overflow:hidden;position:absolute;z-index:1000;margin-left:21px;margin-top:20px;text-align:center}
- .info{margin-left:73px;margin-top:2px;letter-spacing:1px;}
- /************************start permanotes***********************/
- .entry #permanotes{max-height:220px;min-height:0px;overflow-y:auto;overflow-x:hidden;display:block;}
- ol.notes {padding: 0px;margin: 0px;list-style-type: none;}
- ol.notes li.note {padding:4px;}
- ol.notes li.note img.avatar {border-radius: 50%;float:right;}
- /******************end permanotes******************/
- blockquote{margin:0px;padding-left:15px;border-left:1px solid {color:border};}
- .text_title{padding:0px;font-weight:bold;letter-spacing:1px;}
- .askpost, .audiopost, .txtpost, .quotepost, .linkpost, .chatpost, .vidpost{padding:8px 13px;}
- .picpost, .picsetpost{padding:0px;}
- .piccapt, .picsetcapt{padding:8px 13px;}
- ::-webkit-scrollbar {height:5px;width:7px;background:{color:transparent}
- }
- ::-webkit-scrollbar-thumb:vertical
- {background: {color:scrollbar};
- border:
- {block:ifthinScrollbar}0px solid {color:scrollbar background}{/block:ifthinScrollbar}
- {block:ifnotthinScrollbar}0px solid {color:scrollbar background}{/block:ifnotthinScrollbar}
- ;}
- ::selection {color:{color:selection} ;}
- ::-moz-selection {color:{color:selection} ;}
- p::selection {color:{color:selection} ;}
- p::-moz-selection {color:{color:selection} ;}
- #credz{position:fixed;bottom:0px;left:0px;padding:0px 0px 4px 8px;background:transparent;}
- #credz .credpic{margin:10px;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;}
- #credz:hover .credpic{opacity:1;-webkit-transform: scale(1.0);}
- #credz:hover .credurl{opacity:1;-webkit-transform: scale(1.0);margin-left:30px;}
- #credz .credurl{position:absolute;margin-top:-20px;margin-left:-20px;opacity:0;font-size:9px;text-transform:uppercase;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;-webkit-transform: scale(.10);}
- {CustomCSS}</style>
- <!--I reccommend not touching any ofthis unless you don't want infinite scroll!-->
- <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
- <script>
- $(function(){
- var $container = $('#post');
- $container.imagesLoaded(function(){
- $container.masonry({
- itemSelector: '.entry',
- });
- });
- $container.infinitescroll({
- itemSelector : ".entry",
- navSelector : "div.pagination",
- nextSelector : ".pagination a#next",
- loadingImg : "http://i1381.photobucket.com/albums/ah231/ashleylpm/ajax-loader_zpss97uq0sv.gif",
- loadingText : "<em>loading</em>",
- bufferPx : 10000,
- extraScrollPx: 12000,
- },
- // trigger Masonry as a callback
- function( newElements ) {
- var $newElems = $( newElements ).css({ opacity: 0 });
- // ensure that images load before adding to masonry layout
- $newElems.imagesLoaded(function(){
- $newElems.animate({ opacity: 1 });
- $container.masonry( 'appended', $newElems, true );
- });
- }
- );
- });
- </script>
- <script>
- $(function () {
- $('#gotop').hide();
- $(window).scroll(function () {
- if ($(this).scrollTop() > 400) {
- $('#gotop').fadeIn(500);
- } else {
- $('#gotop').fadeOut(500);
- }
- });
- $('#gotop').click(function () {
- $('html,body').animate({
- scrollTop: 0
- }, 400);
- return false;
- });
- });
- </script>
- </head>
- <body>
- <a style="bottom:10px;right:10px;position:fixed;" href="#top" id="gotop">UP</a>
- <!--Posts and entries-->
- <div id="post">
- <!--Sidebar-->
- <div id="sidey">
- <div class="sidebox">
- <a href="/" title="{title}"><img src="{image:Sidebar}"></a>
- <a herf=border-top:1px solid {color:borders}}></a>
- <a herf=border-left:1px solid {color:borders}></a>
- <a herf=border-right:1px solid {color:borders}></a>
- <a herf=border-bottom:1px solid {color:borders}></a>
- <div id="sidetitle">{title}</div>
- <div id="desc">{description}</div>
- </div>
- <div id="sidelinks">
- <a title="home" href="/">home</a>,
- {block:iflink1}<a title="{text:link 1}" href="{text:link 1 url}">{text:link 1}</a>, {/block:iflink1}
- {block:iflink2}<a title="{text:link 2}" href="{text:link 2 url}">{text:link 2}</a>, {/block:iflink2}
- {block:iflink3}<a title="{text:link 3}" href="{text:link 3 url}">{text:link 3}</a>, {/block:iflink3}
- {block:iflink4}<a title="{text:link 4}" href="{text:link 4 url}">{text:link 4}</a>, {/block:iflink4}
- {block:iflink5}<a title="{text:link 5}" href="{text:link 5 url}">{text:link 5}</a>, {/block:iflink5}
- {block:iflink6}<a title="{text:link 6}" href="{text:link 6 url}">{text:link 6}</a>, {/block:iflink6}
- {block:iflink7}<a title="{text:link 7}" href="{text:link 7 url}">{text:link 7}</a>, {/block:iflink7}
- </div>
- </div><!--End of sidebar-->
- {block:Posts}
- <!-- {block:NoRebloggedFrom}
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- {/block:NoRebloggedFrom} -->
- {block:ContentSource}<!-- {SourceURL}
- {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <div class="entry">
- {block:Text}
- <div class="txtpost">
- {block:Title}<div class="text_title">{title}</div>{/block:Title}
- {Body}
- </div>
- {/block:Text}
- {block:Photo}
- <div class="picpost"><div class="pics" id="picss">
- <a href="{permalink}"><img src="{PhotoURL-400}"></a></div>
- {block:ifshowcaptions}
- {block:Caption}<div class="piccapt">{Caption}</div>{/block:Caption}
- {/block:ifshowcaptions}
- </div>
- {/block:Photo}
- {block:Photoset}
- <div class="picsetpost">
- {Photoset-250}
- {block:ifshowcaptions}
- {block:Caption}<div class="picsetcapt">{Caption}</div>{/block:Caption}
- {/block:ifshowcaptions}
- </div>
- {/block:Photoset}
- {block:Quote}
- <div class="quotepost">{Quote}
- <div align="right">
- {block:Source}-{Source}{/block:Source}
- </div></div>
- {/block:Quote}
- {block:Video}
- <div class="vidpost">{Video-400}<br>
- {PlayCountWithLabel}</div>
- {/block:Video}
- {block:Link}
- <div class="linkpost"><div class="text_title"><a href="{URL}" class="link" {Target}>{Name}</a></div>
- {block:Description}{Description}{/block:Description}</div>
- {/block:Link}
- {block:Chat}
- <div class="chatpost">
- {block:Lines}
- {block:Label}
- <br>{Label}
- {/block:Label}
- {Line}
- {/block:Lines}
- </div>
- {/block:Chat}
- {block:Audio}
- <div class="audiopost"><div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div></div>
- {/block:Audio}
- {block:Answer}
- <div class="askpost">
- <div id="askicon"><img src="{AskerPortraitURL-48}"></a></div><div id="ques">{Question}<div align="right"> - asked by {asker}</div></div>
- <div id="ans">{Answer}</div>
- </div>
- {/block:Answer}
- {block:IndexPage}
- <div class="permabar"><a title="click to reblog" href="{ReblogURL}">REBLOG</i></a>, <a title="Note Count" href="{Permalink}">{NoteCount}</i></a>, <a title="{ShortMonth} {DayofMonth}{DayofMonthSuffix}">{24Hour}:{Minutes}</i></a></div>
- {/block:IndexPage}
- {block:PermalinkPage}<div class="infobar">
- {block:Caption}<p>{Caption}</p>{/block:Caption}
- {block:Date}<i class="fa fa-file-image-o"></i>. posted: {TimeAgo} on {ShortMonth} {DayofMonth}{DayofMonthSuffix}<br>{/block:Date}
- {block:NoteCount}<i class="fa fa-eye"></i>. notes: {NoteCount}<br>{/block:NoteCount}{block:RebloggedFrom}<i class="fa fa-angle-left fa-lg"></i>. reblogged from <a title="VIA" href="{ReblogParentURL}">{ReblogParentName}</a><br><i class="fa fa-angle-double-left fa-lg"></i>. posted by <a title="SOURCE" href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}<br>{block:HasTags}<i class="fa fa-tags"></i>. tags: {block:Tags}<a href="http://tumblr.com/{Tag}" target="blank">#{Tag}</a> {/block:Tags}{/block:hasTags}
- </div>
- <div id="click">click for notes</div>
- <div id="appear">
- {block:PostNotes}
- <div id="permanotes">{PostNotes}</div>
- {/block:PostNotes}
- </div>
- {/block:PermalinkPage}
- </div>
- {/block:Posts}
- </div>
- <!--Pagination-->
- <div class="pagination">
- {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> ·{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement