Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <meta charset="utf-8">
- <meta name="viewport" content="initial-scale=1.0, width=device-width" />
- <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
- <link rel="shortcut icon" href="http://41.media.tumblr.com/d055451ccc95317f119b92de506ed000/tumblr_nillm1yyt81u12j9yo2_250.png">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <meta name="color:Background" content="#ffffff" />
- <meta name="color:links" content="#000000" />
- <meta name="color:links hover" content="#a0a0a0" />
- <meta name="color:text" content="#000000" />
- <meta name="color:posts" content="#ffffff" />
- <meta name="if:hide captions" content="0"/>
- <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
- <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
- <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>
- <style type="text/css">
- ::-moz-selection {
- background: {color:text};
- color: {color:background};
- }
- ::selection {
- background: {color:text};
- color: {color:background};
- }
- ::-webkit-scrollbar {
- width: 13px;
- }
- ::-webkit-scrollbar-track {
- background:{color:background};
- }
- ::-webkit-scrollbar-thumb {
- background:{color:text};
- border:3px solid white;
- }
- ::-webkit-scrollbar-thumb:window-inactive {
- background: transparent;
- }
- #s-m-t-tooltip {
- max-width:300px;
- margin:10px 0px 0px 10px;
- background-color:white;
- padding:5px;
- border:1px solid black;
- border-radius:19px;
- font-size:12px;
- letter-spacing:1px;
- color:black;
- z-index:999999999999999999999999999999999999;
- }
- body {
- background:{color:Background};
- color: {color:text};
- font-family: helvetica, arial;
- background-image:url(http://static.tumblr.com/6c8c28f51a743f66f8a7c5d0b1659165/kfhytre/AKFnl6l5r/tumblr_static_e451pc14cigc0kkc04wog80ko.png);
- background-attachment:fixed;
- background-repeat:repeat;
- font-size: 11px;
- margin: 0;
- padding: 0;
- word-wrap: break-word;
- line-height:150%;
- cursor:url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;
- }
- a {
- color: {color:links};
- text-decoration: none;
- -webkit-transition: all .3s;
- -moz-transition: all .3s;
- -o-transition: all .3s;
- -ms-transition: all .3s;
- transition: all .3s;
- cursor:url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;
- }
- a:hover{
- color:{color:links hover};
- -webkit-transition: all .3s;
- -moz-transition: all .3s;
- -o-transition: all .3s;
- -ms-transition: all .3s;
- transition: all .3s;
- cursor:url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;
- }
- blockquote {
- border-left: 1px solid {color:text};
- margin: 10px;
- padding-left:25px;
- padding-top:3px;
- padding-bottom:3px;
- }
- iframe, img, embed, object, video {max-width: 100%;}
- p{margin-bottom:10px;}
- img {height: auto;width:auto;max-width:100%;}
- h1{text-transform:uppercase;font-size:13px;}
- ul{list-style-type:square;}
- ol{list-style-type:;}
- #bigcon{
- width:560px;
- margin-left:auto;
- margin-right:auto;
- }
- .tabcontent {
- position:fixed;
- margin-top:200px;
- margin-left:auto;
- margin-right:auto;
- width: 520px;
- text-align:center;
- margin-bottom:200px;
- }
- .topthing{
- position:fixed;
- width:100%;
- height:220px;
- z-index:55;
- background:white;
- opacity:0.3;
- background-attachment:fixed;
- background-repeat:repeat;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- .topthing:hover{
- opacity:0.8;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- #topbar{
- position:fixed;
- background:transparent;
- width:300px;
- padding:10px;
- left:44%;
- z-index:99;
- margin-top:120px;
- z-index:61;
- text-align:right;
- }
- .description{
- margin-bottom:0px;
- z-index:62;
- font-size:13px;
- }
- .bt{
- position:fixed;
- left:31%;
- width:500px;
- margin-top:20px;
- height:40px;
- z-index:63;
- }
- #navbar{
- display:inline-block;
- text-align:center;
- position:fixed;
- top:-2px;
- left:25%;
- font-size:12px;
- }
- #tg{
- position:fixed;
- right:20px;
- bottom:30px;
- width:80px;
- }
- .tabs {
- width:50px;
- display:inline-block;
- }
- .tab-links:after {
- display:block;
- clear:both;
- content:'';
- }
- .tab-links li {
- margin-right:5px;
- display:inline-block;
- list-style:none;
- text-transform:uppercase;
- }
- .tab-links a {
- padding:7px;
- display:inline-block;
- color:{color:links};
- transition:all linear 0.15s;
- border-left:1px solid transparent;}
- .tab-links a:hover {
- border-left:1px solid {color:text};
- text-decoration:none;
- transition:all linear 0.15s;}
- li.active a, li.active a:hover {
- background:transparent;
- color:{color:background};
- border-bottom:1px solid {color:text};
- background:{color:links};
- -webkit-transition: all .3s;
- -moz-transition: all .3s;
- -o-transition: all .3s;
- -ms-transition: all .3s;
- transition: all .3s; }
- .tab-content {
- float:left;}
- .tab {
- display:none;}
- .tab.active {
- display:block;
- }
- #wrapper{
- position:absolute;
- float:left;
- margin-top:200px;
- margin-left:-80px;
- overflow:hidden;
- text-align:center;
- width:700px;
- padding:5px;
- z-index:3;
- }
- .entry{
- padding:10px;
- margin:35px;
- background:{color:posts};
- float:left;
- text-align:left;
- {block:indexpage}
- width:250px;
- {/block:indexpage}
- {block:permalinkpage}
- left:-100px;
- width:500px;
- padding:10px;
- {/block:permalinkpage}
- }
- .postinfo{
- margin-top:10px;
- font-weight:bold;}
- .tags {
- margin-top:5px;
- font-weight:normal;}
- ol.notes {
- display:block;
- text-align:left;
- list-style-type:none;
- margin-left:-40px;}
- ol.notes li.note{
- margin-bottom:5px;}
- .pagenotes {
- text-align:left;
- margin-top:15px;}
- .pagenotes img{
- padding-right:5px;
- padding-top:5px;
- margin-bottom:-5px;}
- ul.chat{
- list-style:none;
- margin-left:-40px;}
- .chat span {
- float: left;}
- .quote{
- font-size:20px;
- line-height:150%;}
- .quotesource{
- text-align:right;
- margin-bottom:10px;}
- .question{
- margin-bottom:15px;}
- .answer {
- font-size:11px;}
- .askerimg{
- position:relative;
- display:inline-block;
- margin-right:10px;}
- .songart{
- float:left;
- margin-right:10px;}
- .songart img{
- width:80px;
- height:80px;}
- .songtitle{
- margin-bottom:10px;
- margin-left:90px;}
- .songauthor{
- margin-bottom:10px;
- font-size:8px;
- margin-left:90px;}
- .tumblr_audio_player {
- height: 50px;}
- .pagination {
- display: none;}
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="tg">
- <a href="http://tumblrthemedirectory.com/" title="more themes h e r e"><img src="http://33.media.tumblr.com/46cd33f6456b49f6c6ab2251b2962c21/tumblr_nftsfxIxQJ1txu31to2_250.png" width="80px"></a></div>
- <div class="topthing"></div>
- <div id="bigcon">
- <!--TOPBAR-->
- <div class="bt"><a href="/" title="refresh"><img src="http://static.tumblr.com/l7mom3b/btAnilk7j/sleaklayouts.png"></a></div><br>
- <div id="topbar">
- <div class="description">{description}
- <p>
- <script language="JavaScript">
- var ref = (''+document.referrer+'');
- var w_h = window.screen.width + " x " + window.screen.height;
- document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID4537345&e1=here&e2=here&r=' + ref + '&wh=' + w_h + '"><\/script>');
- </script>
- <script language="JavaScript" src="http://freehostedscripts.net/ocount.php?site=ID2754817&name=been"></script>
- </p>
- </div>
- <div id="navbar">
- <div class="tabs">
- <ul class="tab-links">
- <br><a href="#tab1" title="recent"><i class="fa fa-home"></i></a>
- <br><a href="#tab2" title="contact"><i class="fa fa-envelope-o"></i></a>
- <br><a href="#tab3" title="codes"><i class="fa fa-code"></i></a>
- <br><a href="#tab4" title="answered"><i class="fa fa-comment-o"></i></a>
- <br><a href="#tab5"><i class="fa fa-cloud"></i></a>
- </ul>
- </div>
- </div>
- </div>
- <div class="tabs">
- <div class="tab-content">
- <div id="tab1" class="tab active">
- <div id="wrapper">
- {block:Posts}
- <div class="entry">
- {block:Text}
- {block:Title}
- <h1 class="title">
- <a href="{Permalink}">{Title}</a></h1>
- {/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- {block:IndexPage}
- {LinkOpenTag}
- <img src="{PhotoURL-250}" alt="{PhotoAlt}" />
- {LinkCloseTag}
- {/block:IndexPage}
- {block:PermalinkPage}
- {LinkOpenTag}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
- {LinkCloseTag}{/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}{Photoset-250}{/block:IndexPage}
- {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
- {/block:Photoset}
- {block:Quote}
- <div class="quote">{Quote}</div>
- {block:Source}
- <div class="quotesource">{Source}</div>
- {/block:Source}
- {/block:Quote}
- {block:Link}
- <h1 class="title"><a href="{URL}">{Name}</a></h1>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- <ul class="chat">
- {block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}<p> {Line} </p></li>{/block:Lines}
- </ul>
- {/block:Chat}
- {block:Audio}
- {block:AlbumArt}
- <div class="songart">
- <img src="{AlbumArtURL}">
- </div>
- {/block:AlbumArt}
- <div class="songtitle">
- {block:TrackName}
- {TrackName}
- {/block:TrackName}
- </div>
- <div class="songauthor">
- By
- {block:Artist}
- {Artist}
- {/block:Artist}
- </div>
- {AudioPlayerWhite}
- {/block:Audio}
- {block:Video}
- <div class="video">
- <div class="video-player">{Video-500}</div>
- {/block:Video}
- {block:Answer}
- <div class="askerimg"><img src="{AskerPortraitURL-16}"></div>
- <b>{Asker}:</b></span>
- <span class="question">{Question}</span>
- <p><div class="answer">{Answer}</div>
- {/block:Answer}
- {block:Ifhidecaptions}
- {block:permalink}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:permalink}
- {/block:Ifhidecaptions}
- {block:Ifnothidecaptions}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Ifnothidecaptions}
- <!--POST INFORMATION-->
- <div class="postinfo">
- <!--PERMALINK-->
- <a href="{Permalink}">
- {block:Date}
- {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {12Hour}:{Minutes} {AmPm}
- {/block:Date}
- </a>
- <!--NOTES-->
- {block:NoteCount}
- <a href="{Permalink}"> + {NoteCount} </a>
- {/block:NoteCount}
- <!--VIA AND SOURCE-->
- {block:RebloggedFrom}
- ( <a href="{ReblogParentURL}">Via</a>
- {/block:RebloggedFrom}
- {block:ContentSource}
- & <a href="{SourceURL}">Source</a>
- {/block:ContentSource}
- {block:RebloggedFrom} ){/block:RebloggedFrom}
- <!--TAGS-->
- {block:HasTags}
- <div class="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag},</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- </div>
- <!--POST NOTES-->
- {block:PostNotes}
- <div class="pagenotes">{PostNotes-16}</div>
- {/block:PostNotes}
- </div><!--entry div-->
- {/block:Posts}
- <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>
- </div>
- </div>
- <div id="tab2" class="tab">
- <div class="tabcontent">
- <table>
- <tr><td>
- <div style="width: 200px; height:100px; font-size:13px;padding-right:30px;padding:15px; border-right:1px solid black;">
- <big>I will:</big><br>
- Help you with my themes, tuts, and understanding other themes/tuts and html in general
- <br> Accept submissions for ideas for themes/what you would like to see next/advice for themes
- </div>
- </td>
- <td>
- <div style="width:210px; height:100px;font-size:13px;padding-left:30px;padding:15px;border-left:1px solid black;">
- <big>I will not:</big><br>
- Give away someone's personal codes without their permission, or respect you for stealing other peoples coding (html is timely, I spend upwards of 6 hours on each theme)
- </div>
- </td>
- </tr>
- </table>
- <hr>
- SUBMIT THEME IDEAS HERE<br>
- Any Questions / Problems, ask away:
- <br><br>
- <iframe frameborder="0" width="480px" height="195px" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" id="ask_form" seamless></iframe>
- </div>
- </div>
- <div id="tab3" class="tab">
- <div class="tabcontent" style="width:1000px;">
- <div style="width:200px;position:fixed;left:8%;font-size:14px; margin-top:30px;text-align:right;">
- Kanagawa Theme
- <p><a href="/kanagawa" title="static preview">preview</a> // <a href="http://pastebin.com/raw.php?i=cAaDrH61">download</a>
- <br><br><br><p>
- <a href="http://sleaklayouts.tumblr.com/post/112724859870/kanagawa-theme-by-sleaklayouts-static-preiview">view post</a></p>
- </div>
- <div style="width:300px;background:white;padding:10px; left:24%; position:fixed;">
- <img src="http://cdn.makeagif.com/media/3-23-2015/7q39rG.gif" width="280px" style="border:1px solid black;">
- </div>
- <div style="width:200px;position:fixed;left:76%;font-size:14px; margin-top:30px;text-align:left;">
- Em Theme
- <p><a href="/em" title="static preview">preview</a> // <a href="http://pastebin.com/raw.php?i=fcbefkbP">download</a>
- <br><br><br><p>
- <a href="http://sleaklayouts.tumblr.com/post/107347241550/em-theme-static-preview-download-featuring">view post</a>
- </div>
- <div style="width:300px;background:white;padding:10px;position:fixed;left:51%;">
- <img src="http://cdn.makeagif.com/media/3-23-2015/L95d4R.gif" width="280px" style="border:1px solid black;">
- </div>
- <div style="width:200px;position:fixed;left:8%;font-size:14px; margin-top:30px;top:450px;text-align:right;">
- Slick Theme
- <p><a href="/slick" title="static preview">preview</a> // <a href="http://pastebin.com/raw.php?i=19SDur34">download</a>
- <br><br><br><p><a href="http://sleaklayouts.tumblr.com/post/111736343240/slick-theme-static-preview-download-features">view post</a></p>
- </div>
- <div style="width:300px;background:white;padding:10px;position:fixed;left:24%; top:450px;">
- <img src="http://40.media.tumblr.com/b49ba32a3a265eccee77cefb00878143/tumblr_na6reoFd5M1rt0u22o1_1280.png" width="280px" style="border:1px solid black;">
- </div>
- <div style="width:200px;position:fixed;left:76%;font-size:14px; margin-top:30px;top:450px;text-align:left;">
- Slide Theme
- <p><a href="/slide" title="static preview">preview</a> // <a href="http://pastebin.com/raw.php?i=iSKtxspq">download</a>
- <br><br><br><p>
- <a href="http://sleaklayouts.tumblr.com/post/105511593365/slide-theme-v1-live-preview-download">view post</a></p>
- </div>
- <div style="width:300px;background:white;padding:10px;position:fixed;left:51%;top:450px;">
- <img src="http://38.media.tumblr.com/e308fe4a42a4dfffb4cf1c7512a322c9/tumblr_ngrrvr1u871tj7sn0o1_1280.gif" width="280px" style="border:1px solid black;">
- </div>
- </div>
- </div>
- <!-- -------------------------- TAB 4 -------------------------- -->
- <div id="tab4" class="tab">
- <div class="tabcontent">
- </div>
- </div>
- <!-- -------------------------- TAB 5 -------------------------- -->
- <div id="tab5" class="tab">
- <div class="tabcontent">
- Tab five content here
- </div>
- </div>
- <!-- END OF TABS -->
- </div>
- </div>
- </div>
- </div>
- </div>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
- <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
- <script>
- $.noConflict();
- jQuery( document ).ready(function( $ ) {
- var $container = $('#wrapper');
- $container.imagesLoaded(function(){
- $container.masonry({
- itemSelector: '.entry',
- });
- });
- $container.infinitescroll({
- itemSelector : ".entry",
- navSelector : "div.pagination",
- nextSelector : ".pagination a#next",
- loadingImg : "http://media.giphy.com/media/IgQ8E05Dpg2ze/giphy.gif",
- loadingText : "<em></em>",
- bufferPx : 10000,
- extraScrollPx: 12000,
- },
- function( newElements ) {
- var $newElems = $( newElements ).css({ opacity: 0 });
- $newElems.imagesLoaded(function(){
- $newElems.animate({ opacity: 1 });
- $container.masonry( 'appended', $newElems, true );
- });
- }
- );
- });
- //new code
- $(document).ready(function() {
- $('.tabs .tab-links a').on('click', function(e) {
- var currentAttrValue = $(this).attr('href');
- $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
- $(this).parent('li').addClass('active').siblings().removeClass('active');
- e.preventDefault();
- });
- });
- </script>
- <script>
- $(document).ready(function() {
- $('#filterOptions li a').click(function() {
- var ourClass = $(this).attr('class');
- $('#filterOptions li').removeClass('active');
- $(this).parent().addClass('active');
- if(ourClass == 'all') {
- $('#ourHolder').children('div.item').show();
- }
- else {
- $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
- $('#ourHolder').children('div.' + ourClass).show();
- }
- return false;
- });
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement