Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- Theme 31; jellybean made by @winchestheart
- http://winchestheart.tumblr.com
- - do not claim as your own
- - do not remove the credit
- - do not steal anything
- thanks :)
- -->
- <html><head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <meta name="color:Background" content="#ffffff">
- <meta name="color:Sidebar" content="#f5f5f5">
- <meta name="color:Scrollbar" content="#eeeeee">
- <meta name="color:Borders" content="#dddddd">
- <meta name="color:Text" content="#555555">
- <meta name="color:Links" content="#333333">
- <meta name="if:Custom Scrollbar" content="1">
- <meta name="if:Tags Hover" content="1">
- <meta name="if:Tooltips" content="1">
- <meta name="select:Font Family" content="'Open Sans'" title="Open Sans">
- <meta name="select:Font Family" content="calibri" title="Calibri">
- <meta name="select:Font Family" content="arial" title="Arial">
- <meta name="select:Font Family" content="consolas" title="Consolas">
- <meta name="select:Font Size" content="9" title="9px">
- <meta name="select:Font Size" content="8" title="8px">
- <meta name="select:Font Size" content="10" title="10px">
- <meta name="select:Font Size" content="11" title="11px">
- <meta name="select:Font Size" content="12" title="12px">
- <meta name="select:Posts Width" content="400" title="400px">
- <meta name="select:Posts Width" content="300" title="300px">
- <meta name="select:Posts Width" content="350" title="350px">
- <meta name="select:Posts Width" content="450" title="450px">
- <meta name="select:Posts Width" content="500" title="500px">
- <meta name="select:Posts Width" content="540" title="540px">
- <meta name="select:Photosets Margin" content="2" title="2px">
- <meta name="select:Photosets Margin" content="0" title="0px">
- <meta name="select:Photosets Margin" content="1" title="1px">
- <meta name="select:Photosets Margin" content="3" title="3px">
- <meta name="select:Photosets Margin" content="4" title="4px">
- <meta name="select:Photosets Margin" content="5" title="5px">
- <meta name="select:Photosets Margin" content="6" title="6px">
- <meta name="select:Photosets Margin" content="7" title="7px">
- <meta name="select:Photosets Margin" content="8" title="8px">
- <meta name="select:Photosets Margin" content="9" title="9px">
- <meta name="select:Photosets Margin" content="10" title="10px">
- <meta name="text:Sidebar Width" content="500">
- <meta name="text:Sidebar Margin Top" content="150">
- <meta name="text:Link 1 Title" content="">
- <meta name="text:Link 1 URL" content="">
- <meta name="text:Link 2 Title" content="">
- <meta name="text:Link 2 URL" content="">
- <meta name="text:Link 3 Title" content="">
- <meta name="text:Link 3 URL" content="">
- <meta name="text:Link 4 Title" content="">
- <meta name="text:Link 4 URL" content="">
- <style type="text/css">
- /****************************************************************************/
- {block:IfCustomScrollbar}
- ::-webkit-scrollbar {height:9px;width:9px;}
- ::-webkit-scrollbar-thumb {
- background-color:{color:scrollbar};
- border:4px solid {color:background};}
- {/block:IfCustomScrollbar}
- {block:IfTooltips}
- #s-m-t-tooltip {
- color:{color:text};
- background-color:{color:sidebar};
- display:none;
- text-align:center;
- position:absolute;
- z-index:9999999999999999;
- font-family:{select:font family};
- font-size:7px;
- letter-spacing:1px;
- text-transform:uppercase;
- padding:3px 7px 3px 7px;
- margin-top:-25px;
- -webkit-transition:.1s ease-out;
- -moz-transition:.1s ease-out;
- transition:.1s ease-out;}
- {/block:IfTooltips}
- ::selection {
- color:{color:background};
- background-color:{color:links};}
- ::-moz-selection {
- color:{color:background};
- background-color:{color:links};}
- ::-webkit-selection {
- color:{color:background};
- background-color:{color:links};}
- .tmblr-lightbox {background:rgba({RGBcolor:Background},.9)!important;}
- .vignette, .lightbox-caption {opacity:0!important;}
- .lightbox-image {box-shadow:none!important;border-radius:0px!important;}
- .lnr {fill:{color:text};opacity:.8;height:1em;width:1em;}
- /****************************************************************************/
- body {
- margin:0;
- background-color:{color:background};
- font-family:{select:font family};
- font-size:{select:font size}px;
- color:{color:text};
- line-height:15px;}
- a {
- color:{color:links};
- text-decoration:none;
- -webkit-transition:.3s;
- -moz-transition:.3s;
- -ms-transition:.3s;
- -o-transition:.3s;
- transition:.3s;}
- a:hover {text-decoration:underline;}
- strong, bold, b {font-weight:bold;color:{color:links};}
- small, sub {font-size:{select:font size}px;}
- code {
- font-size:{select:font size}px;
- font-family:{select:font family};}
- pre {
- word-wrap:break-word;
- font-size:{select:font size}px;
- font-family:{select:font family};}
- blockquote {margin:10px 0px;padding:0;}
- h1 {
- font-size:9px;
- font-weight:normal;
- letter-spacing:1.5px;
- text-transform:uppercase;
- text-align:center;
- line-height:18px;
- color:{color:links};}
- h1 a {color:{color:links};}
- h1 a:hover {text-decoration:none;}
- ul {list-style-type:square;}
- /****************************************************************************/
- .credit {
- padding-bottom:1px;
- font-weight:bold;
- letter-spacing:.5px;
- z-index:999999;
- position:fixed;
- bottom:10px;
- right:10px;
- opacity:.5;
- -webkit-transition:.3s;
- -moz-transition:.3s;
- -ms-transition:.3s;
- -o-transition:.3s;
- transition:.3s;}
- .credit:hover {opacity:.8;}
- .credit a {cursor:help;border-bottom:1px solid transparent;}
- .credit a:hover {
- border-bottom:1px solid {color:text};
- text-decoration:none;}
- /****************************************************************************/
- #sidebar {
- background-color:{color:sidebar};
- position:fixed;
- width:{text:sidebar width}px;
- height:100%;
- top:0px;}
- .sidebar {
- text-align:right;
- float:right;
- margin-right:30px;
- margin-top:{text:sidebar margin top}px;
- width:150px;}
- .title {
- text-transform:lowercase;
- letter-spacing:4px;
- margin-bottom:10px;
- font-size:8px;}
- .description {line-height:16px;}
- .navigation {
- margin-top:30px;
- font-style:italic;
- letter-spacing:1px;
- font-size:8px;
- line-height:22px;}
- .navigation a {
- cursor:help;
- margin:0px 2px;
- border-bottom:1px solid transparent;
- padding-bottom:2px;}
- .navigation a:hover {
- border-bottom:1px solid {color:borders};
- text-decoration:none;}
- /****************************************************************************/
- #center {
- width:{select:posts width}px;
- margin-top:100px;
- margin-bottom:100px;
- margin-left:calc({text:sidebar width}px + 100px);}
- .post {
- width:{select:posts width}px;
- {block:IndexPage}
- margin-bottom:120px;
- {/block:Indexpage}
- {block:PermalinkPage}
- margin-bottom:50px;
- {/block:PermalinkPage};}
- .postimg img {width:100%;}
- .cap {
- text-align:justify;
- background-color:{color:sidebar};
- margin-top:8px;
- padding:5px 15px;}
- .cap a {
- color:{color:text};
- padding-bottom:1px;
- letter-spacing:1px;
- border-bottom:1px solid {color:borders};}
- .cap a:hover {text-decoration:none;}
- .cap blockquote a {border:none;padding:0;letter-spacing:0;}
- .cap blockquote a:hover {text-decoration:underline;}
- .permalink, .tags {
- max-width:{select:posts width}px;
- color:{color:links};
- letter-spacing:.5px;}
- .permalink {
- padding:5px;
- margin-bottom:8px;
- background-color:{color:sidebar};
- text-transform:uppercase;}
- .permalink svg {
- vertical-align:-2px;
- padding:0px 5px;
- font-size:12px;}
- .permalink c {font-size:8px;margin:0px 5px;}
- .permalink a:hover {text-decoration:none;}
- .tags {
- margin:5px 0px;
- padding:0px 20px;
- font-style:italic;
- max-width:{select:posts width}px;
- text-align:center;
- word-wrap:break-word;
- font-size:8px;
- {block:IfTagsHover}
- opacity:0;
- {/block:IfTagsHover}
- -webkit-transition:.3s;
- -moz-transition:.3s;
- -ms-transition:.3s;
- -o-transition:.3s;
- transition:.3s;}
- .post:hover .tags {
- {block:IfTagsHover}
- opacity:1;
- {/block:IfTagsHover}}
- .tags a {
- border-bottom:1px solid transparent;
- letter-spacing:1px;
- padding-bottom:2px;
- margin-right:10px;}
- .tags a:hover {
- border-bottom:1px solid {color:borders};
- text-decoration:none;}
- /****************************************************************************/
- .pagination {
- width:{select:posts width}px;
- text-align:center;}
- .pagination a {
- letter-spacing:1px;
- padding-bottom:1px;
- border-bottom:1px solid {color:borders};
- margin:0px 10px;
- cursor:help;}
- .pagination a:hover, .pagination span {
- text-decoration:none;
- border-bottom:1px solid {color:borders};}
- /****************************************************************************/
- .permalinkpage {
- max-width:{select:posts width}px;
- background-color:{color:sidebar};
- text-transform:lowercase;
- line-height:18px;
- letter-spacing:.25px;
- line-height:;
- margin-top:10px;
- padding:15px;}
- .permalinkpage a {
- font-weight:bold;
- color:{color:text};}
- .permalinkpage a:hover {text-decoration:none;}
- .permalinkpage b {color:{color:text};}
- .tagspp {text-transform:none;}
- .tagspp a {
- font-weight:normal;
- padding-bottom:1px;
- border-bottom:1px solid transparent;}
- .tagspp a:hover {
- text-decoration:none;
- border-bottom:1px solid {color:borders};}
- .tagspp {word-wrap:break-word;}
- .tagspp a:after {content:',';}
- .tagspp a:last-of-type:after {content:'';}
- /****************************************************************************/
- #audio img {
- width:100px;
- height:100px;
- overflow:hidden;}
- .playbutton {
- width:20px;
- height:30px;
- overflow:hidden;
- position:relative;
- z-index:1000;
- margin:35px 44px 35px 36px;}
- .playbox {
- background-color:#000;
- position:absolute;
- z-index:1000;
- margin:0;
- opacity:.3;}
- .cover {
- position:relative;
- z-index:1;}
- .audio {
- position:absolute;
- margin-top:-100px;
- margin-left:120px;}
- .ainfo {f
- height:100px;
- vertical-align:middle;
- min-height:10em;
- display:table-cell;}
- .audio span {
- display:block;
- margin:5px 0px;}
- .audio b {
- font-weight:bold;
- color:{color:links};
- text-transform:uppercase;
- letter-spacing:.5px;
- margin-right:3px;}
- /****************************************************************************/
- #quote {
- text-align:justify;
- background-color:{color:sidebar};
- padding:30px;}
- .quote {
- font-style:italic;
- line-height:18px;
- padding:5px;
- margin-bottom:5px;
- text-align:justify;
- letter-spacing:.5px;}
- .source {
- text-align:center;
- text-transform:lowercase;
- letter-spacing:1px;
- padding-top:15px;
- border-top:1px solid {color:borders};}
- /****************************************************************************/
- .question {
- margin:0px 0px;
- padding:15px 30px;
- line-height:18px;
- background-color:{color:sidebar};
- text-align:justify;}
- .question k {padding-left:5px;}
- .question u {
- border-bottom:1px solid {color:borders};
- letter-spacing:1px;
- padding-bottom:1px;
- text-transform:lowercase;
- text-decoration:none;}
- /****************************************************************************/
- .label {
- font-weight:bold;
- text-transform:uppercase;
- color:{color:links};
- letter-spacing:.5px;}
- .chat {line-height:20px;margin:10px;}
- /****************************************************************************/
- #notes {
- background-color:{color:sidebar};
- margin:20px 0px;}
- .notes {
- letter-spacing:.5px;
- padding:1px 15px;}
- .notes li {
- list-style-type:none;
- padding:5px 0px;}
- .notes img {display:none;}
- .view {
- margin-top:30px;
- text-align:center;}
- .view a {
- letter-spacing:1px;
- padding-bottom:1px;
- border-bottom:1px solid {color:borders};
- cursor:help;}
- .view a:hover {
- text-decoration:none;
- border-bottom:1px solid {color:borders};}
- /****************************************************************************/
- .top {font-size:10px;}
- .top a:hover {text-decoration:none;}
- #scrollToTop:link,
- #scrollToTop:visited {
- display:none;
- position:fixed;
- bottom:30px;
- right:16px;}
- /* @shythemes ***************************************************************/
- .like-b {
- position:relative;
- display:inline-block;}
- .like-b .like_button iframe {
- position:absolute;
- top:0;
- left:0;
- bottom:0;
- right:0;
- z-index:2;
- opacity:0;}
- .like-b .liked + .b svg {fill:red;}
- .ic {
- position:fixed;
- font-size:10px;
- right:15px;
- top:15px;}
- #tumblr_controls,
- .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls {
- position:fixed!important;
- top:0!important;
- right:0!important;
- opacity:0!important;
- -webkit-filter:invert(100%);
- -webkit-backface-visibility:hidden;
- padding:10px 40px 10px 10px;
- -webkit-transition:opacity .3s ease-out;
- transition:opacity .3s ease-out;}
- #tumblr_controls:hover,
- .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls:hover {
- opacity:.3!important;}
- /** @lmthemes ***************************************************************/
- .hidden {display:none;}
- .unhidden {display:block;}
- /****************************************************************************/
- </style>
- </head>
- <body>
- <!-- CREDIT !DO NOT EDIT/REMOVE! -------------------------------------------->
- <div class="credit"><a href="http://winchestheart.tumblr.com" title="theme made by winchestheart" target="_blank">wh.</a></div>
- <!--------------------------------------------------------------------------->
- <div id="sidebar">
- <div class="sidebar">
- <div class="title">{Title}</div>
- <div class="description">{Description}</div>
- <div class="navigation">
- <a href="{text:link 1 url}">{text:link 1 title},</a><br>
- <a href="{text:link 2 url}">{text:link 2 title},</a><br>
- <a href="{text:link 3 url}">{text:link 3 title},</a><br>
- <a href="{text:link 4 url}">{text:link 4 title}.</a>
- </div>
- </div>
- </div>
- <!--------------------------------------------------------------------------->
- <div id="center">
- {block:Posts}
- <div class="post" id="{PostID}">
- <!--------------------------------------------------------------------------->
- {block:IndexPage}<div class="permalink">
- {block:Date}
- <c><b>{Month} {DayOfMonth}</b></c>
- {/block:Date}
- {block:NoteCount}
- <c>{NoteCount}</c>
- {/block:NoteCount}
- <span style="float:right;">
- <a class="like-b" href="#" title="like">{LikeButton}<span class="b">
- <svg class="lnr lnr-heart"><use xlink:href="#lnr-heart"></use></svg>
- </span></a>
- <a href="{ReblogURL}" target="_blank" title="reblog">
- <svg class="lnr lnr-sync"><use xlink:href="#lnr-sync"></use></svg>
- </a>
- <a href="{Permalink}" title="view post">
- <svg class="lnr lnr-menu"><use xlink:href="#lnr-menu"></use></svg>
- </a>
- </span>
- </div>{/block:IndexPage}
- <!--------------------------------------------------------------------------->
- {block:Text}
- <div class="cap">{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}{Body}</div>
- {/block:Text}
- {block:Photo}<div class="postimg">
- <a href="{Permalink}"><img src="{PhotoURL-500}"></a></div>
- {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
- {/block:Photo}
- {block:Photoset}<div class="postimg"> <!-- @shythemes -->
- <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></div>
- {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <div id="quote">
- <div class="quote">{Quote}</div>
- <div class="source">{block:Source}– {Source}{/block:Source}</div>
- </div>
- {/block:Quote}
- {block:Link}
- <div class="cap"><h1><a href="{URL}" class="link" {Target}>{Name}</a></h1></div>
- {block:Description}<div class="cap">{Description}</div>{/block:Description}
- {/block:Link}
- {block:Chat}
- <div id="chat">
- <div class="cap">{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
- <div class="chat">
- {block:Lines}<div class="{Alt} user_{UserNumber}">{block:Label}<span class="label">{Label} </span>{/block:Label}{Line}</div>{/block:Lines}
- </div></div></div>
- {/block:Chat}
- {block:Video}
- <div class="video">{Video-500}</div>
- {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
- {/block:Video}
- {block:Audio}
- <div id="audio"><div class="cap">
- <div class="playbox"><div class="playbutton">
- {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
- </div></div>
- {block:AlbumArt}
- <img src="{AlbumArtURL}" class="cover">
- {/block:AlbumArt}
- <div class="audio">
- <div class="ainfo">
- {block:TrackName}<span>
- <b>Track Name</b> {TrackName}
- </span>{/block:TrackName}
- {block:Artist}<span>
- <b>Artist</b> {Artist}
- </span>{/block:Artist}
- {block:Album}<span>
- <b>Album</b> {Album}
- </span>{/block:Album}
- {block:PlayCount}<span>
- <b>Played</b> {PlayCount} times
- </span>{/block:PlayCount}
- </div></div>
- {block:caption}{caption}{/block:caption}
- </div></div>{/block:Audio}
- {block:Answer}
- <div class="question"><u>{Asker}</u>: <k>{Question}</k></div>
- <div class="cap">{Answer}</div>
- {/block:Answer}
- <!--------------------------------------------------------------------------->
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <!-- {block:NoRebloggedFrom}
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- {/block:NoRebloggedFrom} -->
- <!--------------------------------------------------------------------------->
- {block:IndexPage}
- <div class="tags">
- {block:HasTags}
- {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
- {/block:HasTags}
- </div>{/block:IndexPage}
- <!--------------------------------------------------------------------------->
- {block:PermalinkPage}
- {block:Date}<div class="permalinkpage">
- shared {TimeAgo} on <b>{Month} {DayOfMonthWithZero}, {Year}</b>{block:NoteCount} with <b>{NoteCountWithLabel}</b>{/block:NoteCount}
- {block:RebloggedFrom}
- <br>Originally made by <a href="{ReblogRootURL}">{ReblogRootName}</a>, reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>
- {/block:RebloggedFrom}
- {/block:Date}
- {block:HasTags}<div class="tagspp">filed under:
- {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
- </div>{/block:HasTags}
- </div>
- {/block:PermalinkPage}
- <!--------------------------------------------------------------------------->
- {block:PostNotes}
- <div class="view"><a href="javascript:unhide('notes');">view notes</a></div>
- <div id="notes" class="hidden">
- <div class="notes">{PostNotes}</div>
- </div>
- {/block:PostNotes}
- <!--------------------------------------------------------------------------->
- </div>
- {/block:Posts}
- <!--------------------------------------------------------------------------->
- {block:Pagination}<div class="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}" title="previous page">prev</a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}" title="next page">next</a>
- {/block:NextPage}
- </div>{/block:Pagination}
- <!--------------------------------------------------------------------------->
- </div>
- <!--------------------------------------------------------------------------->
- <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic' rel='stylesheet' type='text/css'>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
- <script src="https://cdn.linearicons.com/free/1.0.0/svgembedder.min.js"></script>
- <!-- tooltips --------------------------------------------------------------->
- {block:IfTooltips}
- <script type="text/javascript" src="http://static.tumblr.com/ko1mcho/PMbmlkh9e/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title],a[title],img[title]").style_my_tooltips({
- tip_follows_cursor:"true",
- tip_delay_time:100,
- tip_fade_speed:100,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- {/block:IfTooltips}
- <!-- @lmthemes -------------------------------------------------------------->
- <script type="text/javascript">
- function unhide(divID) {
- var item = document.getElementById(divID);
- if (item) {
- item.className=(item.className=='hidden')?'unhidden':'hidden';
- }
- }
- </script>
- <!-- pixel union photosets @shythemes --------------------------------------->
- <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,
- gutter: '{select:photosets margin}px',
- borderRadius: '0px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- });
- </script>
- <!-- resizing videos @shythemes --------------------------------------------->
- <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
- <!-- tumblr controls @shythemes --------------------------------------------->
- <div class="ic"><svg class="lnr lnr-cog"><use xlink:href="#lnr-cog"></use></svg></div>
- <!-- scroll to top ---------------------------------------------------------->
- <script type="text/javascript" src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
- <div class="top"><a href="javascript:;" id="scrollToTop" rel="nofollow" title="top"><svg class="lnr lnr-chevron-up"><use xlink:href="#lnr-chevron-up"></use></svg></a></div>
- <!--------------------------------------------------------------------------->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement