Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- theme #11: rosa
- by leopardraws
- thanks for using my themes!
- feel free to change fonts and colors.
- enjoy!! <3
- -->
- <html>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <meta name="description" content="{MetaDescription}" />
- <meta name="color:Background" color="#f9f9f9"/>
- <meta name="color:Fonts" color="#999999"/>
- <meta name="color:Links" color="#666666"/>
- <meta name="color:Accent" color="#f4cec9"/>
- <meta name="color:Entry" color="#ffffff"/>
- <meta name="color:Posts titles" color="#666666"/>
- <meta name="color:Borders" color="#eeeeee"/>
- <meta name="color:Header background" color="#f4cec9"/>
- <meta name="color:Chats background" color="#fafafa"/>
- <meta name="image:Avatar" content="http://goo.gl/IzQlGZ"/>
- <meta name="image:Header" content="http://goo.gl/LChsyA"/>
- <meta name="text:Link 1 URL" content="#01"/>
- <meta name="text:Link 1 title" content="link 01"/>
- <meta name="text:Link 2 URL" content="#02"/>
- <meta name="text:Link 2 title" content="link 02"/>
- <meta name="text:Link 3 URL" content="#01"/>
- <meta name="text:Link 3 title" content="link 03"/>
- <meta name="if:Show 540px posts on Permalink page" content="1"/>
- <meta name="if:Repeat header image" content="0"/>
- <meta name="if:Promote the theme" content="1"/>
- <meta name="select:Posts width" content="540px"/>
- <meta name="select:Posts width" content="500px"/>
- <meta name="select:Posts width" content="450px"/>
- <meta name="select:Posts width" content="400px"/>
- <link href="//fonts.googleapis.com/css?family=Cabin:400,600,400italic,600italic|Roboto+Slab:400,600,400italic,600italic" rel="stylesheet">
- <link rel="stylesheet" href="//static.tumblr.com/ev0x8sk/mBwo8c8b7/imoon.css"> <!-- // icomoon -->
- <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/> <!-- //pxu ph -->
- <style>
- /* defaults */
- a {
- text-decoration:none;
- transition:.5s;
- cursor:help;
- color:{color:links};
- border-bottom:1px solid {color:accent}; }
- a:hover { color:{color:accent}; }
- body {
- font:11px 'Cabin', sans-serif;
- margin:0;
- padding:0;
- line-height:190%;
- background:{color:background};
- color:{color:fonts}; }
- blockquote {
- margin:0 0 0 10px;
- padding-left:10px;
- border-left:1px solid {color:borders}; }
- blockquote img, blockquote figure { max-width:100%; }
- pre, sub, sup, big, small, code { font-size:11px!important; }
- #s-m-t-tooltip {
- max-width:240px;
- padding:3px 9px;
- margin-left:25px;
- margin-right:22px;
- font-size:9px;
- text-transform:uppercase;
- margin-top:18px;
- border-radius:1px;
- letter-spacing:.5px;
- z-index:99990;
- transition:.3s;
- color:{color:links};
- background-color:{color:accent}; }
- ::-webkit-scrollbar {
- width:7px;
- height:7px;
- border:3px solid {color:background};
- background:{color:entry}; }
- ::-webkit-scrollbar-thumb {
- border-radius:50px;
- background:{color:accent};
- border:2px solid {color:background}; }
- p { margin:5px 0; }
- .bodies { padding:15px; }
- .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: 'roboto slab', serif!important;
- font-size: 15px!important;
- font-weight: normal!important;
- color:{color:font}!important;
- text-shadow: 0 0 0 transparent!important; }
- /* alignment */
- #content {
- position:relative;
- left:50%;
- margin-bottom:200px;
- width:0;
- margin-left:calc(-{select:posts width} / 2);
- {block:ifShow540pxPostsOnPermalinkPage}
- {block:PermalinkPage}
- margin-left:-270px;
- {/block:PermalinkPage}
- {/block:}}
- .entry {
- margin:80px 0;
- border-radius:2px;
- background:{color:entry};
- width:{select:posts width};
- {block:ifShow540pxPostsOnPermalinkPage}
- {block:PermalinkPage}
- width:540px;
- {/block:PermalinkPage}
- {/block:ifShow540pxPostsOnPermalinkPage} }
- .entry img, .entry figure {
- max-width:100%;
- height:auto; }
- /* text posts */
- .titles {
- font:17px 'roboto slab', serif;
- display:block;
- color:{color:posts titles};}
- /* link posts */
- a.titles { text-decoration:none;
- border-bottom:0; }
- /* photo posts */
- #photoposts { width:100%; }
- .captions { padding:10px 20px; }
- /* photoset posts */
- .photo-slideshow a { border-bottom:none; }
- .pxu-caption,
- .arrow-down,
- .photo-slideshow span.info
- .photo-slideshow span.zoom { display:none; }
- .photo-slideshow a.tumblr-box { opacity:0; }
- /* chat posts */
- .chatodd, .chateven { padding:10px 20px; }
- .chatodd b, .chateven b { color:{color:links}; }
- .chateven { background:{color:chats background}; }
- /* audio posts */
- .audio-box {
- margin-bottom:15px;
- margin-top:10px; }
- .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: 7px 10px 0 15px;
- 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:after { content:' –'; opacity:.5; }
- .a-emb { margin:10px 10px 4px; }
- /* ask posts */
- .answer-question { font-size:9px;
- letter-spacing:.5px;
- text-transform:uppercase;
- display:table-cell;
- line-height:180%;
- width:calc({select:posts width} - 55px);
- vertical-align:middle; }
- .asker-question { margin-top:0px;
- text-transform:none;
- font-size:11px;
- line-height:180%;
- letter-spacing:0; }
- .my-answer {
- padding: 0px 10px;
- margin: 0 15px 15px;
- border-left:1px solid {color:borders}; }
- #askerportrait { width:30px;
- padding-top:0px;
- display:table-cell;
- vertical-align:middle;
- padding-right:14px; }
- #askerportrait img { width:30px;
- border-radius:1px;}
- .bodies.answers { padding: 15px;
- margin-bottom: 14px;
- border-bottom: 1px solid {color:borders}; }
- /* post info on top */
- .top-perma {
- display:block;
- padding:15px;
- border-bottom:1px solid {color:borders};}
- .top-perma.reblogged { display:none; }
- .top-perma a {
- color:{color:links};
- border-bottom:none;}
- #viathis {
- width:20px;
- border-radius:1px;
- display:inline-block; }
- .viatitle {
- display:inline-block;
- margin-left:8px; }
- /* permalink */
- .permalink-outer {
- font-size:9px;
- padding:17px 15px;
- display:table;
- letter-spacing:.5px;
- text-transform:uppercase;
- line-height:16px;
- width:calc({select:posts width} - 30px);
- border-top:1px solid {color:borders};
- color:{color:fonts}; }
- .permalink-outer a { margin-right:3px;
- border-bottom:none; }
- .perma-controls {
- display:table-cell;
- vertical-align:middle;
- margin-bottom:-3px;
- width:calc(100% - 35px); }
- .perma-controls a { color:{color:links}; }
- .perma-reblog {
- font-size:11px;
- display:table-cell;
- vertical-align:middle;
- width:20px;
- padding:0 5px 0 6px; }
- .perma-reblog a, .perma-reblog a:hover { border-bottom:none; }
- .tags a {
- font-size:11px;
- text-transform:none;
- text-decoration:none;
- letter-spacing:0;
- transition:.5s;
- opacity:.6;}
- .tags a:hover { color:{color:accent};
- opacity:.9; }
- .tags { line-height:16px; }
- /* header */
- #header {
- margin-top:140px;
- border-radius:1px; }
- .header {
- border-radius:1px;
- display:block;
- height:calc({select:posts width} / 2);
- background:{color:header background} url('{image:header}') bottom;
- background-repeat:no-repeat;
- background-repeat:{block:ifrepeatheaderimage}repeat{/block:ifrepeatheaderimage};
- background-size:{select:posts width} auto;
- {block:ifShow540pxPostsOnPermalinkPage}
- {block:PermalinkPage}
- height:270px;
- background-size:540px auto;
- {/block:PermalinkPage}
- {/block:ifShow540pxPostsOnPermalinkPage} }
- .description {
- padding:15px 15px 10px;
- margin-top:30px;}
- #header .c-avatar {
- width:50px;
- height:50px;
- border:4px solid {color:entry};
- border-radius:1px;
- position:absolute;
- background:url('{image:avatar}');
- background-size:50px 50px;
- margin-top:-25px;
- margin-left:10px; }
- .info-links {
- width:calc({select:posts width} - 110px);
- position:absolute;
- font-size:9px;
- letter-spacing:.5px;
- text-transform:uppercase;
- margin-left:82px;
- margin-top:10px;}
- .info-links a { border:none;
- margin-right:10px;
- font-weight:600;}
- /* bottom links */
- #downlinks {
- z-index:9999;
- width:100%;
- padding:40px 0;
- border-top:1px solid {color:borders};
- position:fixed;
- bottom:0;
- left:0;
- visibility:hidden;
- opacity:0;
- /*visibility:hidden;*/
- transition:opacity .3s, visibility 0s linear 1s!important;
- background:{color:entry}; }
- #downlinks.visible {
- visibility:visible;
- transition:opacity .3s linear 0s, visibility 0s!important;
- opacity:1;
- }
- .align {
- left:50%;
- position:relative;
- width:calc({select:posts width} + 100px);
- margin-left:calc(-{select:posts width} / 2 + 10px); }
- .bottom-links a {
- display:inline-block;
- border-bottom:none;
- line-height:12px;
- text-transform:uppercase;
- letter-spacing:.5px;
- font-size:9px;
- margin-right:20px; }
- .bottom-links a:first-of-type { margin-left:60px; }
- .bottom-links a b, .bottom-links a:hover {color:{color:links}!important; }
- .align .c-avatar {
- width:30px;
- height:30px;
- border:1px solid {color:borders};
- border-radius:1px;
- padding:3px;
- margin-top:-7px;
- margin-left:0;
- position:absolute; }
- /* post notes */
- .post-notes {
- padding:20px 0;
- max-height:300px;
- overflow-y:auto; }
- .post-notes img.avatar {
- width: 10px;
- height:10px;
- border-radius: 100%;
- margin-top: 5px;
- margin-right: 5px;
- margin-bottom: -2px; }
- .post-notes ol { list-style-type:none; }
- .post-notes li.note.more_notes_link_container {
- text-align:left!important; }
- a.avatar_frame { border-bottom:none; }
- #fix-scrollbar ::-webkit-scrollbar { background:{color:entry}!important; }
- #fix-scrollbar ::-webkit-scrollbar-thumb { border-color:{color:entry}!important; }
- /* pagination */
- .pagination {
- font-size: 9px;
- text-transform: uppercase;
- letter-spacing: .5px;
- text-align:left;
- margin-left:20px;
- padding-bottom: 0px;}
- .pagination a {
- padding: 0 1px;
- display: inline-block;
- margin: 3px 0; }
- /* search box */
- form[onsubmit="return tagSearch(this)"] {
- display:inline-block;
- color:{color:entry}; }
- .searchbox {
- white-space: nowrap;
- overflow: hidden;
- text-align: left;
- outline:none;
- width:120px;
- display:inline-block;
- font-size:9px;
- background:transparent;
- font-family:cabin;
- text-transform:uppercase;
- letter-spacing:.5px;
- transition:.5s;
- border:none;
- color:{color:links};}
- /* footer */
- #footer { width:100%;
- background:{color:accent};
- color:{color:links};
- padding:15px 0;
- text-align:center;
- font-size:9px;
- text-transform:uppercase;
- letter-spacing:.5px;
- position:absolute;
- {block:ifnotpromotethetheme}
- display:none;
- {/block:ifnotpromotethetheme} }
- #footer a:hover { color:{color:entry}; }
- a#credits { position:fixed;
- z-index:999999;
- bottom:25px;
- right:20px;
- width:13px;
- height:13px;
- border-radius:1px;
- border-bottom:none;
- transform:rotate(45deg);
- background:{color:accent}; }
- {CustomCSS}
- </style>
- <body>
- <div id="downlinks">
- <div class="align bottom-links">
- <div class="c-avatar">
- <img src="{image:avatar}" width="30px" height="30px">
- </div>
- <a href="/"><b>001.</b><br>index</a>
- <a href="/ask"><b>002.</b><br>message</a>
- <a href="{text:link 1 url}"><b>003.</b><br>{text:link 1 title}</a>
- <a href="{text:link 2 url}"><b>004.</b><br>{text:link 2 title}</a>
- <a href="{text:link 3 url}"><b>005.</b><br>{text:link 3 title}</a>
- </div> <!-- /align -->
- </div> <!-- /footer -->
- <div id="content">
- <div id="header" class="entry">
- <div class="header"></div>
- <div class="c-avatar"></div>
- <div class="info-links">
- <a href="/" title="index">001.</a>
- <a href="/ask" title="message">002.</a>
- <a href="{text:link 1 url}" title="{text:link 1 title}">003.</a>
- <a href="{text:link 2 url}" title="{text:link 2 title}">004.</a>
- <a href="{text:link 3 url}" title="{text:link 3 title}">005.</a>
- <form onsubmit="return tagSearch(this)">
- <input type="text" class="searchbox" name="tag" value="Search"
- onfocus="if (this.value == 'Search') {this.value=''}"
- onblur="if (this.value == '') {this.value='Search'}" />
- </form>
- </div>
- <div class="description">{Description}</div>
- </div>
- {block:Posts}
- <article class="entry">
- {block:Date}
- {block:RebloggedFrom}
- <div class="top-perma">
- <a href="{ReblogRootURL}">
- <img src="{ReblogRootPortraitURL-128}" id="viathis" align="left">
- <div class="viatitle">{ReblogRootName}</div>
- </a>
- </div>
- {/block:RebloggedFrom}
- <div class="top-perma
- {block:RebloggedFrom}reblogged{/block:RebloggedFrom}">
- <a href="/">
- <img src="{Favicon}" id="viathis" align="left">
- <div class="viatitle">{Name}</div>
- </a>
- </div>
- {/block:Date}
- {block:Text}
- <div class="bodies">
- {block:Title}<div class="titles">{Title}</div>{/block:Title}
- {Body}
- </div>
- {/block:Text}
- {block:Photo}
- <img src="{PhotoURL-HighRes}" id="photoposts">
- {block:Caption}
- <div class="captions">{Caption}</div>
- {/block:Caption}
- {/block:Photo}
- {block:Link}
- <div class="bodies">
- <a href="{URL}" class="titles">{Name}</a>
- </div>
- {/block:Link}
- {block:Quote}
- <div class="bodies">
- <div class="titles">{Quote}</div>
- <p class="source">{Source}</p>
- </div>
- {/block:Quote}
- {block:Chat}
- {block:Title}
- <div class="bodies">
- <div class="titles">{Title}</div>
- </div> <!-- /bodies -->
- {/block:Title}
- {block:Lines}
- <div class="chat{Alt}">
- {block:Label}<b>{Label}</b>{/block:Label}
- {Line}
- </div>
- {/block:Lines}
- {/block:Chat}
- {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}">
- </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>
- {block:Caption}
- <div class="captions">{Caption}</div>
- {/block:Caption}
- {/block:Photoset}
- {block:Video}
- <div class="video">{Video-500}</div>
- {block:Caption}
- <div class="captions">{Caption}</div>
- {/block:Caption}
- {/block:Video}
- {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> <!-- /audio-box -->
- {/block:Audio}
- {block:Answer}
- <div class="bodies answers">
- <div id="askerportrait">
- <img src="{AskerPortraitURL-128}">
- </div>
- <div class="answer-question">
- {Asker} asked:
- <div class="asker-question">{Question}</div>
- </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}">{Month} {DayOfMonthWithZero}</a>
- <a href="{Permalink}">{TimeAgo}</a>
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- {block:HasTags}
- <div class="tags">
- {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
- </div>
- {/block:HasTags}
- </div> <!-- /perma-controls -->
- </div> <!-- /permalink-outer -->
- {/block:Date}
- </article> <!-- /entry -->
- {block:PermalinkPage}
- {block:PostNotes}
- <div id="fix-scrollbar" 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> <!-- /content -->
- <a href="//leopardraws.tumblr.com" id="credits" title="theme"></a>
- <div id="footer">
- theme coded by <a href="//leopardraws.tumblr.com/">leopardraws</a> &
- powered by <a href="//tumblr.com/">tumblr</a>.
- </div>
- </body>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js">
- </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>
- <!-- minimal soundcloud -->
- <script>
- // minimal soundcloud player © shythemes.tumblr
- $(document).ready(function(){
- var color = '{color:accent}'; // 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>
- <!-- video resizer -->
- <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
- <!-- search -->
- <script>
- function tagSearch(form) {
- if (form.tag.value.replace(/\s/g, '').length > 0) {
- window.location = "/search/" + form.tag.value; }
- return false; }
- </script>
- <!-- hide footer -->
- <script>
- $(document).scroll(function () {
- var y = $(this).scrollTop();
- var $headerheight = $(".header").height();
- if (y > $headerheight + 180) {
- $('#downlinks').addClass('visible');} else {
- $('#downlinks').removeClass('visible');}
- });
- </script>
- {block:ifpromotethetheme}
- <script>
- function checkOffset() {
- var a=$(document).scrollTop()+window.innerHeight;
- var b=$('#footer').offset().top;
- if (a<b) {
- $('#downlinks').css('bottom', '0');
- } else {
- $('#downlinks').css('bottom', (0+(a-b))+'px');
- }
- }
- $(document).ready(checkOffset);
- $(document).scroll(checkOffset);
- </script>
- {/block:ifpromotethetheme}
- <!-- pxu ph -->
- <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js">
- </script>
- <script type="text/javascript">
- $(document).ready(function() {
- $('.photo-slideshow').pxuPhotoset({
- 'ligthbox' : false,
- 'highRes' : true,
- 'rounded' : false,
- 'exif' : false,
- 'captions' : false,
- 'gutter' : '1px',
- 'photoset' : '.photo-slideshow',
- 'photoWrap' : '.photo-data',
- 'photo' : '.pxu-photo'
- }, function() {
- // callback
- });
- });
- </script>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment