Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- |||||||| theme 10
- || by leopardraws.tumblr.com
- 01. don't redistribute
- 02. don't copy any part of the code
- 03. don't remove/move the credits
- 04. feel free to change fonts and colors
- 05. message me if there is any bugs
- thanks for using my themes
- -->
- <html>
- <head>
- <link href='https://fonts.googleapis.com/css?family=Rubik:300,400,500,600,700,300italic,400italic,500italic,600italic,700italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
- <link href="//static.tumblr.com/ev0x8sk/tVmo6b4n8/style.css" rel="stylesheet" type="text/css"/>
- <title>{title}</title>
- <link rel="shortcut icon" href="{favicon}">
- <meta name="image:Header" content="http://goo.gl/dqF7QI">
- <meta name="image:Avatar" content="http://goo.gl/ti7eO5">
- <meta name="image:Sidebar" content="http://goo.gl/CcNTDX">
- <meta name="color:Background" content="#f8f8f8">
- <meta name="color:Fonts" content="#999">
- <meta name="color:Post titles" content="#222">
- <meta name="color:Header background" content="#070707">
- <meta name="color:Links" content="#222">
- <meta name="color:Links hover" content="#070707">
- <meta name="color:Entry" content="#fff">
- <meta name="color:Sidebar" content="#fff">
- <meta name="color:Borders" content="#eeeeee">
- <meta name="select:Posts width" content="350px">
- <meta name="select:Posts width" content="400px">
- <meta name="select:Posts width" content="450px">
- <meta name="select:Posts width" content="500px">
- <meta name="select:Posts width" content="540px">
- <meta name="select:Sidebar text" content="Left">
- <meta name="select:Sidebar text" content="Center">
- <meta name="select:Sidebar text" content="Right">
- <meta name="select:Sidebar text" content="Justify">
- <meta name="select:Hover cursor" content="Hand">
- <meta name="select:Hover cursor" content="Help">
- <meta name="select:Hover cursor" content="Crosshair">
- <meta name="select:Header size" title="Fit width" content="100% auto">
- <meta name="select:Header size" title="Cover" content="cover">
- <meta name="select:Header size" title="Original" content="auto auto">
- <meta name="text:Link 1 URL" content="#url 01">
- <meta name="text:Link 1 title" content="link 01">
- <meta name="text:Link 2 URL" content="#url 02">
- <meta name="text:Link 2 title" content="link 02">
- <meta name="text:Link 3 URL" content="#url 03">
- <meta name="text:Link 3 title" content="link 03">
- <meta name="text:Link 4 URL" content="#url 04">
- <meta name="text:Link 4 title" content="link 04">
- <meta name="text:Link 5 URL" content="#url 05">
- <meta name="text:Link 5 title" content="link 05">
- <meta name="text:Sidebar title" content="Theme 10">
- <meta name="text:Header height" content="35">
- <meta name="if:Show captions" content="0">
- <meta name="if:Show sidebar image" content="1">
- <meta name="if:Fixed links" content="0">
- <style>
- /* defaults */
- body {
- font:10px Rubik, calibri, sans-serif;
- margin:0;
- padding:0;
- line-height:180%;
- text-align:left;
- background:{color:background};
- color:{color:fonts};}
- a { color:{color:links};
- transition:.2s;
- border-bottom:1px solid transparent;
- text-decoration:none; }
- a:hover { border-bottom:1px solid {color:links hover};
- cursor:{select:hover cursor}; }
- p { margin:8px 0; }
- blockquote {
- margin:5px 10px 5px 10px;
- border-left:1px solid {color:borders};
- padding-left:10px; }
- blockquote img, blockquote figure { max-width:100%;
- height:auto; }
- b, strong { color:{color:post titles};
- font-weight:400; }
- /* posts basics */
- #content {
- width:0;
- left:50%;
- margin-left:calc(-{select:posts width} / 2 + 130px);
- position:relative;
- top:60px; }
- .entry {
- padding:20px;
- margin-bottom:60px;
- width:{select:posts width};
- border:1px solid {color:borders};
- background:{color:entry}; }
- .titles, h1 {
- font-size:14.5px;
- font-weight:300;
- /*text-transform:uppercase;*/
- display:inline-block;
- color:{color:post titles}; }
- /* quote posts */
- p.quotesource { margin-top:5px; }
- /* link posts */
- a .link-titles { transition:.2s;
- border-bottom:0; }
- .link-excerpt {
- padding:10px;
- margin-top:-5px;
- border:1px solid {color:borders};}
- /* chat posts */
- .chatsodd, .chatseven { padding:4px 0; }
- .chatsodd b, .chatseven b { font-weight:400; }
- /* photosets and photos */
- #photopost { width:100%;
- margin-bottom:-6px; }
- .pxu-caption,
- .arrow-down,
- .photo-slideshow span.info
- .photo-slideshow span.zoom { display:none; }
- .photo-slideshow a.tumblr-box { opacity:0; }
- .photo-slideshow { margin-bottom:5px; }
- /* ask posts */
- .answer-question { font-size:8.5px;
- /*letter-spacing:1px;*/
- text-transform:uppercase;
- display:table-cell;
- line-height:15px;
- width:calc({select:posts width} - 55px);
- vertical-align:middle; }
- .asker-question { margin-top:0px; }
- .my-answer { padding:0px 10px;
- margin:10px 0 8px;
- border-left:1px solid {color:borders}; }
- #askerportrait { width:30px;
- padding-top:6px;
- display:table-cell;
- vertical-align:middle;
- padding-right:10px; }
- #askerportrait img { width:30px; }
- #askerportrait img.round { border-radius:3px; }
- #askerportrait img.circle { border-radius:100px; }
- /* audio posts */
- .audio-box { margin-bottom:8px; }
- .audioplayer-inner {
- width:26px;
- height:27px;
- overflow: hidden; }
- .audioplayer-outer {
- padding:6px;
- width: 26px;
- height: 27px;
- position: relative;
- display: inline-block;
- overflow: hidden;
- background:white;
- margin:8px 9px 0;
- z-index: 10; }
- .audio-info { text-align: left;
- position: absolute;
- margin-top: 17px;
- margin-left: 4px;
- width:calc({select:posts width} - 100px);
- display: inline-block;}
- .audio-info#audio-em { position:relative;
- padding:0 6px 0 20px;
- margin:10px 0 0 15px!important;}
- #audio-em br { display:none; }
- .audio-info b { text-transform:uppercase; margin-right:4px;}
- .a-emb { margin:10px 10px 4px; }
- /* permalink */
- .permalink-outer {
- padding:10px 0 0;
- margin-top:15px;
- display:table;
- width:100%;
- /*letter-spacing:1px;*/
- text-transform:uppercase;
- border-top:1px solid {color:borders}; }
- .permalink-outer a { margin-right:3px;
- font-size:9px;}
- .perma-controls { display:table-cell;
- vertical-align:middle;
- margin-bottom:-3px;
- position:relative;
- width:calc(100% - 35px); }
- .perma-controls a { color:{color:links}; }
- .perma-reblog { display:table-cell;
- vertical-align:middle;
- width:20px;
- padding:0 10px; }
- .perma-reblog a {
- border-bottom:none;
- font-size:10px!important; }
- .perma-reblog a:hover { border-bottom:none; }
- .tags a {
- text-transform:none;
- /*letter-spacing:0;*/
- font-size:10px;
- text-decoration:none;
- opacity:.6;}
- .tags { line-height:15px; }
- /* sidebar */
- #sidebar {
- width:200px;
- position:absolute;
- top:0;
- text-align:{select:sidebar text};
- margin-left:-290px;}
- #sidebar .links {
- width:230px;
- opacity:0;
- transition:.6s;
- position:absolute;
- margin-left:10px;
- margin-top:-50px;}
- #sidebar .links.visible { opacity:1; }
- #sidebar .links a {
- padding-top:8px;
- float:left;
- text-decoration:none;
- font-size:9px;
- margin:0 10px;
- /*letter-spacing:1px;*/
- text-transform:uppercase;
- border-bottom:none;
- width:90px; }
- #sidebar .links b {
- font-weight:500;
- display:block;
- line-height:5px; }
- #sidebar .box {
- background:{color:sidebar};
- width:200px;
- padding:15px;
- margin-bottom:60px;
- border:1px solid {color:borders}; }
- .box #description-image { width:calc(100% + 30px);
- margin:-15px -15px 0;
- {block:ifnotshowsidebarimage}
- display:none;
- {/block:ifnotshowsidebarimage}
- }
- .box .sidebar-title { display:block;
- margin:5px 0; }
- /* extras */
- #s-m-t-tooltip{
- max-width:240px;
- padding:7px 9px;
- margin-left:25px;
- margin-right:22px;
- font-size:8.5px;
- text-transform:uppercase;
- /*font-style:italic;*/
- margin-top:18px;
- letter-spacing:1px;
- z-index:900;
- transition:.2s;
- color:{color:font};
- background-color:{color:entry}; }
- /* post notes */
- .post-notes img.avatar {
- width: 10px;
- border-radius: 100%;
- margin-top: 5px;
- margin-right: 5px;
- margin-bottom: -2px; }
- .post-notes li.note.more_notes_link_container {
- text-align:left!important; }
- a.faketheme { text-decoration:none;
- background:transparent; }
- .tmblr-lightbox { background-color: rgba(255,255,255,.95)!important; }
- .tmblr-lightbox .vignette { background: transparent!important }
- .tmblr-lightbox .lightbox-image { box-shadow:0 0 0 transparent!important; }
- .tmblr-lightbox .lightbox-caption {
- font-family: Rubik!important;
- font-size: 11px!important;
- font-weight: normal!important;
- color:{color:font}!important;
- text-shadow: 0 0 0 transparent!important; }
- #header {
- width:100%;
- position:relative;
- top:0;
- left:0;
- margin:0; }
- .header-image {
- width:100%;
- height:{text:header height}px;
- background:url('{image:header}') {color:header background} fixed center top;
- background-size:{select:header size};
- }
- .header-navigation {
- z-index:999;
- width:100%;
- background:{color:entry};
- border-top:1px solid {color:borders};
- border-bottom:1px solid {color:borders}; }
- .header-navigation-fix { position:fixed;
- padding:23px 0;
- width:10px;
- visibility:hidden;
- }
- .navigation-inner {
- padding:23px 0;
- width:calc({select:posts width} + 255px);
- left:50%;
- margin-left:calc(-{select:posts width} / 2 - 160px);
- position:relative;
- display:table; }
- .header-links {
- width:calc(100% - 80px);
- display:table-cell;
- vertical-align:middle;
- text-transform:uppercase; }
- .links-inner {
- width:100%;
- text-align:left;
- display:block; }
- .links-inner a {
- padding-top:8px;
- display:inline-block;
- text-decoration:none;
- font-size:9px;
- /*letter-spacing:1px;*/
- text-transform:uppercase;
- border-bottom:none;
- margin-left:25px;}
- .links-inner a:hover {
- border-bottom:none;
- text-decoration:none;}
- .links-inner b {
- font-weight:500;
- display:block;
- line-height:5px; }
- .headerava, .hiddenava {
- width: 40px;
- position:absolute;
- display:table-cell;
- background:{color:entry};
- padding:3px;
- border:1px solid {color:borders}; }
- .hiddenava {
- visibility:hidden;
- position:relative; }
- .headerava img, .hiddenava img { width:40px;
- margin-bottom:-6px;}
- .left-header { width:230px;
- height:calc({text:header height} + 50px);
- min-height:85px;
- background:{color:header background};
- position:fixed;
- top:0;
- border:1px solid {color:borders};
- z-index:-900;
- margin-left:-270px; }
- .pagination {
- font-size:9px;
- text-transform:uppercase;
- /*letter-spacing:1px;*/
- padding-left:4px;
- padding-bottom:70px; }
- {CustomCSS}
- </style></head><body>
- <div id="header">
- <div class="header-image"></div>
- <div class="header-navigation-fix">
- <div class="hiddenava"><img src="{image:avatar}"></div>
- </div>
- <div class="header-navigation">
- <div class="navigation-inner">
- <div class="headerava"><img src="{image:avatar}"></div>
- <div class="hiddenava"><img src="{image:avatar}"></div>
- <div class="header-links">
- <div class="links-inner">
- <a href="/">
- <b>.001</b>
- index
- </a>
- <a href="/ask">
- <b>.002</b>
- message
- </a>
- <a href="/archive">
- <b>.003</b>
- archive
- </a>
- <a href="{text:link 1 url}">
- <b>.004</b>
- {text:link 1 title}
- </a>
- <a href="{text:link 2 url}">
- <b>.005</b>
- {text:link 2 title}
- </a>
- <a href="{text:link 3 url}">
- <b>.006</b>
- {text:link 3 title}
- </a>
- <a href="{text:link 4 url}">
- <b>.007</b>
- {text:link 4 title}
- </a>
- <a href="{text:link 5 url}">
- <b>.008</b>
- {text:link 5 title}
- </a>
- </div> <!-- /links-inner -->
- </div>
- </div> <!-- /navigation-inner -->
- </div> <!-- /header-navigation -->
- </div>
- <div id="content">
- <div id="sidebar">
- <div class="box">
- <img src="{image:sidebar}" id="description-image">
- <div class="titles sidebar-title">{text:sidebar title}</div>
- {Description}
- </div>
- <div class="links">
- <a href="/">
- <b>.001</b>
- index
- </a>
- <a href="/ask">
- <b>.002</b>
- message
- </a>
- <a href="/archive">
- <b>.003</b>
- archive
- </a>
- <a href="{text:link 1 url}">
- <b>.004</b>
- {text:link 1 title}
- </a>
- <a href="{text:link 2 url}">
- <b>.005</b>
- {text:link 2 title}
- </a>
- <a href="{text:link 3 url}">
- <b>.006</b>
- {text:link 3 title}
- </a>
- <a href="{text:link 4 url}">
- <b>.007</b>
- {text:link 4 title}
- </a>
- <a href="{text:link 5 url}">
- <b>.008</b>
- {text:link 5 title}
- </a>
- </div>
- </div>
- {block:Posts}
- <article class="entry">
- {block:Text}
- {block:Title}<div class="titles">{Title}</div>{/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <img src="{PhotoURL-HighRes}" id="photopost">
- {block:IndexPage}
- {block:IfShowCaptions}
- {block:Caption}{Caption}{/block:Caption}
- {/block:IfShowCaptions}
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:Caption}{Caption}{/block:Caption}
- {/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
- {block:Photos}
- <div class="photo-data">
- <div class="pxu-photo">
- <img alt="{PhotoAlt}" src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" class="{block:Exif}exif-yes {/block:Exif}{block:Caption}caption-yes{/block:Caption}" {block:Exif}data-camera="{block:Camera}{Camera}{/block:Camera}" data-iso="{block:ISO}{ISO}{/block:ISO}" data-aperture="{block:Aperture}{Aperture}{/block:Aperture}" data-exposure="{block:Exposure}{Exposure}{/block:Exposure}" data-focal="{block:FocalLength}{FocalLength}{/block:FocalLength}"{/block:Exif} {block:Caption}data-caption="{Caption}"{/block:Caption}>
- </div>
- <div class="icons">
- <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}">
- <span class="zoom"></span>
- </a>
- <span class="info"></span>
- </div>
- </div>
- {/block:Photos}
- </div><!-- close SLIDESHOW -->
- {block:IndexPage}
- {block:IfShowCaptions}
- {block:Caption}{Caption}{/block:Caption}
- {/block:IfShowCaptions}
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:Caption}{Caption}{/block:Caption}
- {/block:PermalinkPage}
- {/block:Photoset}
- {block:Quote}
- <div class="titles">{Quote}</div>
- <p class="quotesource">{Source}</p>
- {/block:Quote}
- {block:Link}
- <a href="{URL}"><div class="titles link-titles">→ {Name}</div></a>
- {block:Excerpt}
- <div class="link-excerpt">{Excerpt}</div>
- {/block:Excerpt}
- {block:Description}
- <blockquote>{Description}</blockquote>
- {/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<div class="titles">{Title}</div>{/block:Title}
- {block:Lines}
- <div class="chats{Alt}">
- {block:Label}<b>{Label}</b>{/block:Label}
- {Line}
- </div>
- {/block:Lines}
- {/block:Chat}
- {block:Audio}
- <div class="audio-box">
- {block:AudioEmbed}
- <div class="a-emb">
- {AudioEmbed}
- </div>
- {/block:AudioEmbed}
- <div id="audio-content">
- {block:AudioPlayer}
- <div class="audioplayer-outer">
- <div class="audioplayer-inner">
- {AudioPlayerWhite}
- </div>
- </div>
- {/block:AudioPlayer}
- <div class="audio-info"
- {block:AudioEmbed}id="audio-em"{/block:AudioEmbed}>
- {block:Artist}<b>{Artist}</b>{/block:Artist}
- {block:TrackName}{TrackName}{/block:TrackName}
- </div>
- </div>
- </div> <!-- /boxes -->
- {/block:Audio}
- {block:Video}
- <div class="video">{Video-500}</div>
- {block:IndexPage}
- {block:IfShowCaptions}
- {block:Caption}{Caption}{/block:Caption}
- {/block:IfShowCaptions}
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:Caption}{Caption}{/block:Caption}
- {/block:PermalinkPage}
- {/block:Video}
- {block:Answer}
- <div id="askerportrait">
- <img src="{AskerPortraitURL-128}"
- class="{select:sidebar image}">
- </div>
- <div class="answer-question">
- {Asker} asked:
- <div class="asker-question">{Question}</div>
- </div>
- <div class="my-answer">{Answer}</div>
- {/block:Answer}
- {block:Date}
- <div class="permalink-outer">
- <div class="perma-reblog">
- <a href="{ReblogURL}"><i class="icon-repeat"></i></a>
- </div>
- <div class="perma-controls">
- <a href="{Permalink}" title="permalink">
- {Month} {DayOfMonthWithZero}
- </a>
- <a href="{Permalink}" title="permalink">
- {TimeAgo}
- </a>
- <a href="{Permalink}" title="permalink">
- {NoteCountWithLabel}
- </a>
- {block:HasTags}
- <div class="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- </div>
- </div>
- {/block:Date}
- </article>
- {block:PermalinkPage}
- {block:PostNotes}
- <div class="entry post-notes">
- {PostNotes}
- </div>
- {/block:PostNotes}
- {/block:PermalinkPage}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- {block:ReblogParent}{/block:ReblogParent}
- {/block:Posts}
- {block:Pagination}
- <div class="pagination">
- <center>
- {block:PreviousPage}
- <a href="{PreviousPage}">back</a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">forth</a>
- {/block:NextPage}
- </center>
- </div>
- {/block:Pagination}
- </div>
- <style>
- #coded { position:fixed;
- right:38px; bottom:38px;
- display:block;
- padding:7px;
- border-radius:1px;
- background:{color:links hover};
- width:0px;
- height:0px;
- z-index:90000;
- transition:.2s;
- }
- #coded:hover { opacity:.7; }
- .header-navigation.fixed { position:fixed!important; top:0; }
- .header-navigation-fix.rel { position:relative!important; top:0; }
- #sidebar.fix1 { position:fixed!important; top:152px;}
- #sidebar.fix2 { position:fixed!important; top:60px;}
- </style>
- <a href="//leopardraws.tumblr.com" title="@leopardraws" id="coded"></a>
- </body>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js">
- </script>
- <script>
- $(document).ready(function() {
- var $headerheight = $("#header").height();
- var $headerforava = $(".header-image").height();
- var $window = $(window),
- $stickyEl = $('.header-navigation'),
- $stickyFix = $('.header-navigation-fix'),
- $stickyIg = $('#sidebar'),
- $stickyLink = $('#sidebar .links'),
- elTop = $stickyEl.offset().top;
- $window.scroll(function() {
- {block:iffixedlinks}
- $stickyEl.toggleClass('fixed', $window.scrollTop() > $headerforava);
- $stickyFix.toggleClass('rel', $window.scrollTop() > $headerforava);
- $stickyIg.toggleClass('fix1', $window.scrollTop() > $headerforava);
- {/block:iffixedlinks}
- {block:ifnotfixedlinks}
- $stickyIg.toggleClass('fix2', $window.scrollTop() > $headerheight);
- $stickyLink.toggleClass('visible', $window.scrollTop() > $headerheight + 15);
- {/block:ifnotfixedlinks}
- });
- });
- </script>
- <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
- <script src="//static.tumblr.com/ev0x8sk/2KInubuiu/smt-jquery.js"></script>
- <script src="//static.tumblr.com/ev0x8sk/Jqinubuiy/smt.js"></script>
- <script>
- // minimal soundcloud player © shythemes.tumblr
- $(document).ready(function(){
- var color = '#cfe8f3'; // color of play button (hex)
- $('.soundcloud_audio_player').each(function(){
- $(this).attr({ src: $(this).attr('src').split('&')[0] + '&liking=false&sharing=false&auto_play=false&show_comments=false&continuous_play=false&buying=false&show_playcount=false&show_artwork=true&origin=tumblr&color=' + color.split('#')[1], height: 20, width: '100%' });
- });
- });
- </script>
- <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- <script>
- $(document).ready(function(){
- $('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- highRes: true,
- gutter: '2px',
- borderRadius: '0px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- });
- </script>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment