Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- Theme 28; deimos by winchestheart ©
- > http://winchestheart.tumblr.com
- - do not remove the credit
- - do not steal anything
- - do not claim as your own
- thanks :)
- -->
- <html><head>
- <link href='http://fonts.googleapis.com/css?family=Roboto:400,700,400italic' rel='stylesheet' type='text/css'>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <meta name="color:Links" content="#000000" />
- <meta name="color:Text" content="#4a4c4c" />
- <meta name="color:Background" content="#ffffff" />
- <meta name="color:Border" content="#f1f1f1" />
- <meta name="color:Scrollbar" content="#000000" />
- <meta name="color:Main Color" content="#333333" />
- <meta name="color:Posts" content="#ffffff" />
- <meta name="text:Link 1" content="one" />
- <meta name="text:Link 2" content="two" />
- <meta name="text:Link 3" content="three" />
- <meta name="text:Link 4" content="four" />
- <meta name="text:Link 5" content="five" />
- <meta name="text:Link 1 URL" content="/" />
- <meta name="text:Link 2 URL" content="/" />
- <meta name="text:Link 3 URL" content="/" />
- <meta name="text:Link 4 URL" content="/" />
- <meta name="text:Link 5 URL" content="/" />
- <meta name="if:Lazy Load" content="0" />
- <meta name="if:Custom Scrollbar" content="1">
- <meta name="if:Tooltips" content="1" />
- <meta name="if:Permalink Hover" content="1" />
- <meta name="if:Show Source" content="0" />
- <meta name="if:Description Border" content="1" />
- <meta name="if:Posts Border" content="0" />
- <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 Family" content="open sans" title="Open Sans" />
- <meta name="select:Font Family" content="'Roboto'" title="Roboto" />
- <meta name="select:Font Size" content="8" title="8px" />
- <meta name="select:Font Size" content="9" title="9px" />
- <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="300" title="300px">
- <meta name="select:Posts Width" content="350" title="350px">
- <meta name="select:Posts Width" content="400" title="400px">
- <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="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="select:Description Align" content="justify" title="Justify">
- <meta name="select:Description Align" content="right" title="Right">
- <meta name="select:Description Align" content="center" title="Center">
- <meta name="select:Description Align" content="left" title="Left">
- <meta name="select:Navigation Align" content="right" title="Right">
- <meta name="select:Navigation Align" content="center" title="Center">
- <meta name="select:Navigation Align" content="left" title="Left">
- <!--------------------------------------------------------------------------->
- {block:IfLazyLoad}
- <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
- <script type="text/javascript" charset="utf-8">
- var $j = jQuery.noConflict();
- $j(function() {
- if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
- $j("img").lazyload({
- placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
- effect: "fadeIn",
- });
- });
- </script>
- {/block:IfLazyLoad}
- <!--------------------------------------------------------------------------->
- {block:IfTooltips}
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <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}
- <!-- hide script by @lmthemes ----------------------------------------------->
- <script type="text/javascript">
- function unhide(divID) {
- var item = document.getElementById(divID);
- if (item) {
- item.className=(item.className=='hidden')?'unhidden':'hidden';
- }
- }
- </script>
- <!-- @shythemes ------------------------------------------------------------->
- <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- <!--------------------------------------------------------------------------->
- <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:background};
- background-color:{color:main color};
- display:none;
- text-align:center;
- position:absolute;
- z-index:9999999999999999;
- font-family:calibri;
- 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}
- iframe#tumblr_controls {
- white-space:nowrap;
- -webkit-filter:invert(100%);
- -moz-filter:invert(100%);
- -o-filter:invert(100%);
- -ms-filter: invert(100%);
- filter:invert(100%);
- opacity:.2;}
- ::selection {
- color:{color:background};
- background-color:{color:main color};}
- ::-moz-selection {
- color:{color:background};
- background-color:{color:main color};}
- ::-webkit-selection {
- color:{color:background};
- background-color:{color:main color};}
- /****************************************************************************/
- body {
- margin:0;
- font-family:{select:font family};
- font-size:{select:font size}px;
- line-height:14px;
- color:{color:text};
- background-color:{color:background};}
- 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 {
- padding-left:10px;
- margin:10px;
- border-left:1px solid {color:border};}
- h1 {
- font-size:9px;
- font-weight:normal;
- letter-spacing:1.5px;
- text-transform:uppercase;
- text-align:center;
- line-height:16px;
- color:{color:links};}
- h1 a {color:{color:links};}
- h1 a:hover {text-decoration:none;}
- ul {list-style-type:square;}
- /****************************************************************************/
- #credit {
- position:fixed;
- bottom:10px;
- right:10px;
- font-weight:bold;}
- #center {
- position:relative;
- margin:100px auto;
- width:{select:posts width}px;
- {block:IfPostsBorder}
- padding:0px 10px;
- {/block:IfPostsBorder}}
- /****************************************************************************/
- #sidebar {
- width:100%;
- margin:0px auto 100px auto;
- position:relative;
- height:auto;}
- .sidebar {
- width:280px;
- margin:0px auto;}
- .title {
- text-transform:uppercase;
- margin-left:10px;
- letter-spacing:2px;
- text-align:center;}
- .description {
- margin:10px 0px;
- text-align:{select:description align};
- line-height:15px;
- letter-spacing:0px;
- padding:10px;
- {block:IfDescriptionBorder}
- border:1px solid {color:border};
- {/block:IfDescriptionBorder}}
- .nav {text-align:{select:navigation align};}
- .nav a {
- cursor:help;
- margin:0px 3px;}
- /****************************************************************************/
- #post {
- width:{select:posts width}px;
- background-color:{color:posts};
- {block:IndexPage}
- margin-bottom:120px;
- padding-bottom:10px;
- border-bottom:1px solid {color:border};
- {/block:Indexpage}
- {block:PermalinkPage}
- margin-bottom:50px;
- {/block:PermalinkPage};
- {block:IfPostsBorder}
- border:1px solid {color:border};
- padding:10px;
- margin-left:-10px;
- {/block:IfPostsBorder}}
- #post img, #post blockquote {max-width:100%;}
- #permalink {
- position:absolute;
- width:{select:posts width}px;
- margin-top:20px;
- line-height:15px;
- {block:IfPermalinkHover}
- opacity:0;
- {block:IfPermalinkHover}
- -webkit-transition:.3s;
- -moz-transition:.3s;
- -ms-transition:.3s;
- -o-transition:.3s;
- transition:.3s;}
- .permalink {
- text-transform:lowercase;
- color:{color:links};
- display:inline;
- margin-left:-5px;}
- #post:hover #permalink {
- {block:IfPermalinkHover}
- opacity:1;
- {/block:IfPermalinkHover}}
- .permalink a:hover, .permalink a {text-decoration:none;}
- .permalink span {margin:0px 5px;}
- .tags {display:inline;}
- .tags a {margin:0px 6px;}
- .origin a:hover {text-decoration:underline;}
- /****************************************************************************/
- .pagination {
- width:{select:posts width}px;
- text-align:center;
- border-bottom:1px solid {color:border};
- padding-bottom:8px;}
- .pagination a {
- cursor:help;
- padding-bottom:10px;}
- .pagination a:hover, .pagination span {
- text-decoration:none;
- border-bottom:1px solid {color:links};}
- .pagination span, .pagination a {padding:10px;}
- /****************************************************************************/
- #permalinkpage {
- width:{select:posts width}px;
- margin-top:15px;
- background-color:#f9f9f9;
- text-align:center;
- padding:5px 0px;
- text-transform:lowercase;
- border-top:1px solid {color:border};}
- #tagspp {
- width:{select:posts width}px;
- line-height:15px;
- text-align:center;
- color:{color:links};
- padding:5px 0px;}
- #tagspp a {margin:0px 5px;}
- /****************************************************************************/
- #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 {
- 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 {
- font-style:italic;
- line-height:18px;
- background-color:#f9f9f9;
- padding:5px 20px;
- text-align:justify;
- letter-spacing:1px;
- border:1px solid {color:border};}
- .source {
- text-transform:uppercase;
- letter-spacing:.5px;
- text-align:right;
- margin:10px;
- font-size:8px;}
- /****************************************************************************/
- #question {
- margin:10px 0px;
- padding:10px 20px;
- line-height:15px;
- border:1px solid {color:border};
- text-align:center;
- background-color:#f9f9f9;}
- /****************************************************************************/
- .label {
- font-weight:bold;
- text-transform:uppercase;
- color:{color:links};
- letter-spacing:.5;}
- .chat {line-height:16px;margin:10px;}
- /****************************************************************************/
- .line {
- background-color:{color:border};
- height:1px;
- margin-top:20px;}
- .show {
- margin-top:-7px;
- text-align:center;
- color:{color:text};
- font-size:7px;
- letter-spacing:1px;
- text-transform:uppercase;}
- .show a {cursor:help;}
- .show a:hover {text-decoration:none;}
- /****************************************************************************/
- #notes {margin:20px 10px;}
- .notes {
- margin:0;
- padding:0;
- max-height:300px;
- overflow-y:scroll;}
- .notes li {
- list-style-type:none;
- padding:5px 0px;}
- .notes img {display:none;}
- /****************************************************************************/
- .hidden {display:none;}
- .unhidden {display:block;}
- /****************************************************************************/
- </style>
- </head>
- <body>
- <!--------------------------------------------------------------------------->
- <div id="credit"><a href="http://winchestheart.tumblr.com" target="_blank" title="theme by winchestheart">wh.</a></div>
- <div id="center">
- <!--------------------------------------------------------------------------->
- <div id="sidebar">
- <div class="sidebar">
- <div class="title">{Title}</div>
- <div class="description">{Description}</div>
- <div class="nav">
- <a href="{text:link 1 url}">{text:link 1},</a>
- <a href="{text:link 2 url}">{text:link 2},</a>
- <a href="{text:link 3 url}">{text:link 3},</a>
- <a href="{text:link 4 url}">{text:link 4},</a>
- <a href="{text:link 5 url}">{text:link 5}.</a>
- </div>
- </div>
- </div>
- <!--------------------------------------------------------------------------->
- {block:Posts}
- <div id="post">
- {block:Text}
- {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <a href="{Permalink}"><img src="{PhotoURL-500}"></a>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- {block:Photoset} <!-- @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>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <div class="quote">{Quote}</div>
- {block:Source}<div class="source">— {Source}</div>{/block:Source}
- {/block:Quote}
- {block:Link}
- <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- <div id="chat">
- {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>
- {/block:Chat}
- {block:Video}
- <div class="video">{Video-500}</div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Audio}
- <div id="audio">
- <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>{/block:Audio}
- {block:Answer}
- <div id="question">« {Question} » — <i>{Asker}</i></div>{Answer}
- {/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 id="permalink">
- <div class="permalink">
- {block:Date}
- <span><a href="{Permalink}" title="{TimeAgo}"><u><b>{ShortMonth} {DayOfMonthWithZero}</b></u></a></span>
- {/block:Date}
- {block:NoteCount}
- <span>{NoteCount}</span>
- {/block:NoteCount}
- <span><a href="{ReblogURL}" target="_blank" title="reblog this?" style="cursor:help;">reblog</a></span>
- {block:IfShowSource}{block:RebloggedFrom}
- <span class="origin"><a href="{ReblogRootURL}" title="{ReblogRootName}">origin</a> (<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>)</span>
- {/block:RebloggedFrom}{/block:IfShowSource}
- </div>
- <div class="tags">
- {block:HasTags}
- {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
- {/block:HasTags}
- </div>
- </div>{/block:IndexPage}
- <!--------------------------------------------------------------------------->
- {block:PermalinkPage}
- {block:Date}<div id="permalinkpage">
- shared {TimeAgo} on {Month} {DayOfMonthWithZero}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
- {block:RebloggedFrom}
- <br>Originally made by <a href="{ReblogRootURL}">{ReblogRootName}</a>, reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>
- {/block:RebloggedFrom}
- </div>{/block:Date}
- {block:HasTags}<div id="tagspp">
- {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
- </div>{/block:HasTags}
- {/block:PermalinkPage}
- <!--------------------------------------------------------------------------->
- {block:PostNotes}
- <div class="line"></div>
- <div class="show">
- <span style="background-color:#fff;padding:0px 5px;">
- <a href="javascript:unhide('notes');">show notes</a>
- </span>
- </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">‹</a>
- {/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}<span>{PageNumber}</span>{/block:CurrentPage}
- {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <a href="{NextPage}" title="next page">›</a>
- {/block:NextPage}
- </div>{/block:Pagination}
- <!--------------------------------------------------------------------------->
- </div>
- <!-- Pixel union photosets tutorial by @shythemes --------------------------->
- <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 tutorial by @shythemes --------------------------------->
- <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
- <!--------------------------------------------------------------------------->
- </body>
- </html>
Add Comment
Please, Sign In to add comment