Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- Theme 19 by Paige @ neonbikethemes.tumblr.com
- Rules:
- - don't steal code or design
- - edit as much as you want just leave the credit
- - if you can, like or reblog the post of this theme
- base code by Farahmir
- last updated 12/28/15
- -->
- <!DOCTYPE html>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <!--Default Variables-->
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Sidebar" content="#f8f8f8"/>
- <meta name="color:Captions" content="#f8f8f8"/>
- <meta name="color:Text" content="#aaaaaa"/>
- <meta name="color:Link" content="#000000"/>
- <meta name="color:Hover" content="#a0a0a0"/>
- <meta name="color:Border" content="#a0a0a0"/>
- <meta name="image:Sidebar Image" content=""/>
- <meta name="text:Link 1 URL" content="/" />
- <meta name="text:Link 1" content="" />
- <meta name="text:Link 2 URL" content="/" />
- <meta name="text:Link 2" content="" />
- <meta name="text:Link 3 URL" content="/" />
- <meta name="text:Link 3" content="" />
- <meta name="text:Link 4 URL" content="/" />
- <meta name="text:Link 4" content="" />
- <meta name="select:Font" content="'PT Sans'" title="PT Sans">
- <meta name="select:Font" content="Inconsolata" title="Inconsolata">
- <meta name="select:Font" content="Open Sans" title="Open Sans">
- <meta name="select:Font" content="Montserrat" title="Montserrat">
- <meta name="select:Font" content="Dosis" title="Dosis">
- <meta name="select:Font" content="Roboto" title="Roboto">
- <meta name="select:Font" content="Bitter" title="Bitter">
- <meta name="select:Font" content="Lato" title="Lato">
- <meta name="select:Font" content="Helvetica" title="Helvetica">
- <meta name="select:Font" content="Arial" title="Arial">
- <meta name="if:hide captions" content="0"/>
- <meta name="if:500px posts" content="0"/>
- <meta name="if:grayscale posts" content="0"/>
- <meta name="if:hover tags" content="0"/>
- <meta name="if:hide sidebar img" content="0"/>
- <meta name="if:Infinite Scroll" content="0">
- <!-- infinite scroll scripts -->
- {block:IfInfiniteScroll}
- <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
- {/block:IfInfiniteScroll}
- <!-- jquery for tooltips-->
- <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>
- <!-- Fonts -->
- <link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:30,
- tip_fade_speed:300,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <!-- FONTS -->
- <link href='https://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
- <script type="text/javascript">
- WebFontConfig = {
- google: { families: [ 'PT+Sans:400,700,400italic,700italic:latin' ] }
- };
- (function() {
- var wf = document.createElement('script');
- wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
- '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
- wf.type = 'text/javascript';
- wf.async = 'true';
- var s = document.getElementsByTagName('script')[0];
- s.parentNode.insertBefore(wf, s);
- })(); </script>
- <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600|Inconsolata:400,700|Montserrat|Lato:400,700|Bitter:400,700|Roboto:400,700' rel='stylesheet' type='text/css'>
- <script type="text/javascript">
- WebFontConfig = {
- google: { families: [ 'Open+Sans:400,600:latin', 'Inconsolata:400,700:latin', 'Montserrat::latin', 'Lato:400,700:latin', 'Bitter:400,700:latin', 'Roboto:400,700:latin' ] }
- };
- (function() {
- var wf = document.createElement('script');
- wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
- '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
- wf.type = 'text/javascript';
- wf.async = 'true';
- var s = document.getElementsByTagName('script')[0];
- s.parentNode.insertBefore(wf, s);
- })(); </script>
- <!--CSS customization here. -->
- <style type="text/css">
- #s-m-t-tooltip{
- position:absolute;
- margin-top: 15px;
- margin-left:15px;
- z-index:9999999;
- background:{color:background};
- font-style:italic;
- padding:5px;
- }
- @import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);
- /*basics*/
- blockquote {
- padding:5px 0 5px 15px;
- border-left:1px solid {color:text};
- margin: 0px 0px 0px 10px;
- }
- blockquote blockquote blockquote{
- padding:5px 0 5px 10px;
- border-left:1px solid {color:text};
- margin-left:0px;
- }
- body {
- background:{color:background};
- color:{color:text};
- font-family: {select:font}, sans-serif;
- font-size:11px;
- text-align:justify;
- margin:0;
- line-height:140%;
- word-wrap: break-word;
- }
- pre {
- white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
- word-wrap: break-word;
- }
- a {
- color:{color:link};
- text-decoration:none;
- -webkit-transition: all .3s;
- -moz-transition: all .3s;
- -o-transition: all .3s;
- -ms-transition: all .3s;
- transition: all .3s;
- }
- a:hover {
- text-decoration:none;
- color:{color:hover};
- -webkit-transition: all .3s;
- -moz-transition: all .3s;
- -o-transition: all .3s;
- -ms-transition: all .3s;
- transition: all .3s;
- }
- img{
- opacity:1;
- border:none;
- text-decoration:none
- margin-bottom:0px;
- }
- small {
- font-size:9px;
- }
- big {
- font-size:12px;
- }
- ol{
- list-style-type:decimal-leading-zero;
- }
- ul{
- list-style-type:circle;
- }
- .caption{
- padding:15px;
- margin-top:10px;
- background:{color:captions};
- }
- #title {
- font-size:12px;
- text-transform:uppercase;
- text-align:left;
- padding:15px;
- font-weight:700;
- letter-spacing:1px;
- background:{color:captions};
- }
- iframe#tumblr_controls {
- -webkit-filter: invert(100%);
- -moz-filter: invert(100%);
- -o-filter: invert(100%);
- -ms-filter: invert(100%);
- filter: invert(100%);
- white-space:nowrap;
- opacity:.4;
- -webkit-transition: all .3s;
- -moz-transition: all .3s;
- -o-transition: all .3s;
- -ms-transition: all .3s;
- transition: all .3s;
- }
- /*sidebar*/
- #sidebar {
- text-align:center;
- position:fixed;
- left:0px;
- top:0px;
- padding-top:200px;
- padding-left:150px;
- padding-right:130px;
- width:170px;
- height:100%;
- background:{color:sidebar};
- }
- #sidebarim {
- position:relative;
- display:inline-block;
- margin-bottom:20px;
- padding:7px;
- border:0px dotted {color:border};
- background:{color:background};
- }
- #sidebarim img {
- margin-bottom:-3px;
- width:100px;
- }
- #blogt {
- font-size:12px;
- text-transform:uppercase;
- letter-spacing:3px;
- font-weight:700;
- }
- #links {
- line-height:16px;
- text-transform:uppercase;
- letter-spacing:1px;
- font-size:10px;
- }
- #links a{
- color:{color:text};
- text-decoration:none;
- }
- .link{
- position:relative;
- display:inline-block;
- padding:6px;
- text-align:center;
- border-top:0px dotted {color:border};
- border-bottom:0px dotted {color:border};
- margin-bottom:5px;
- background:{color:background};
- width:100px;
- -webkit-transition: all .3s;
- -moz-transition: all .3s;
- -o-transition: all .3s;
- -ms-transition: all .3s;
- transition: all .3s;
- }
- .link:hover{
- font-weight:700;
- -webkit-transition: all .3s;
- -moz-transition: all .3s;
- -o-transition: all .3s;
- -ms-transition: all .3s;
- transition: all .3s;
- }
- #description {
- margin-bottom:20px;
- margin-top:8px;
- font-size:10px;
- text-transform:lowercase;
- font-style:italic;
- }
- /*pagination*/
- #pagination {
- margin:50px 0;
- text-transform:uppercase;
- text-align:right;
- }
- .pagibutton{
- position:relative;
- display:inline-block;
- padding:10px;
- background-color:{color:captions};
- margin-left:30px;
- }
- /*container*/
- #con {
- left:470px;
- background:{color:background};
- position:absolute;
- }
- /*posts*/
- #entries {
- {block:if500pxposts}
- width:500px;
- {/block:if500pxposts}
- {block:ifnot500pxposts}
- width:400px;
- {/block:ifnot500pxposts}
- padding:100px;
- padding-right:130px;
- }
- #posts {
- {block:if500pxposts}
- width:500px;
- {/block:if500pxposts}
- {block:ifnot500pxposts}
- width:400px;
- {/block:ifnot500pxposts}
- {block:IndexPage}
- margin-bottom:100px;
- {/block:IndexPage}
- {block:PermalinkPage}
- margin-bottom:20px;
- {/block:PermalinkPage}
- {block:Ifgrayscaleposts}
- -webkit-filter: grayscale(100%);
- -webkit-transition: all 0.3s;
- -moz-transition: all 0.3s;
- -o-transition: all 0.3s;
- -ms-transition: all 0.3s;
- transition: all 0.3s;
- {/block:Ifgrayscaleposts}
- }
- #posts:hover{
- {block:Ifgrayscaleposts}
- -webkit-filter: grayscale(0%);
- -webkit-transition: all 0.3s;
- -moz-transition: all 0.3s;
- -o-transition: all 0.3s;
- -ms-transition: all 0.3s;
- transition: all 0.3s;
- {/block:Ifgrayscaleposts}
- }
- #posts img {
- max-width:100%;
- }
- #posts img, #posts li, #posts blockquote {max-width: 100%;}
- /* text */
- .text{
- padding:15px;
- }
- /*quote*/
- #quote{
- text-align:left;
- font-size:12px;
- line-height:190%;
- text-transform:uppercase;
- font-style:italic;
- letter-spacing:1px;
- }
- #source {
- text-align:right;
- margin-top:15px;
- padding:15px;
- padding-bottom:0px;
- border-top:1px dotted {color:border};
- }
- /*audio*/
- .audio{
- min-height:90px;
- text-align:left;
- }
- .player {
- position:absolute;
- margin-left:30px;
- margin-top:30px;
- width:29px;
- height:30px;
- overflow:hidden;
- z-index:999999;
- }
- .audioart{
- width:90px;
- height:90px;
- overflow:hidden;
- position:relative;
- float:left;
- }
- .audioartimg{
- width:100%;
- height:100%;
- position:absolute;
- z-index:999;
- }
- .audioinfo {
- position:relative;
- float:right;
- height:50px;
- {block:if500pxposts}
- width:355px;
- {/block:if500pxposts}
- {block:ifnot500pxposts}
- width:255px;
- {/block:ifnot500pxposts}
- padding:20px;
- background:{color:captions};
- text-align:center;
- }
- .tracktitle{
- padding-top:10px;
- text-transform:uppercase;
- letter-spacing:2px;
- font-weight:600;
- }
- /*asks*/
- .q {
- background:{color:captions};
- margin-bottom:10px;
- padding:15px;
- line-height:160%;
- }
- .as {
- font-weight:bold;
- text-transform:uppercase;
- letter-spacing:1px;
- }
- .a {
- margin:10px;
- margin-bottom:0px;
- }
- /*chat*/
- .chat {
- padding:0;
- margin-bottom:-15px;
- }
- .line {
- padding:10px;
- border-top:1px dotted {color:border};
- }
- .even .line {
- background:{color:background};
- }
- .odd .line {
- background:{color:captions};
- }
- .label {
- font-weight:bold;
- text-transform:uppercase;
- }
- /*permalink and notes*/
- #permalink {
- margin-top:15px;
- font-size:9px;
- text-transform:uppercase;
- border-top:1px dotted {color:border};
- padding:6px;
- padding-top:10px;
- }
- #permalink a {
- margin-right:10px;
- }
- #permalink img{
- margin-right:8px;
- margin-bottom:-2px;
- border:none;
- }
- .tags {
- word-break:break-all;
- font-size:9px;
- text-transform:lowercase;
- letter-spacing:1px;
- {block:Ifhovertags}
- opacity:0;
- {/block:Ifhovertags}
- -webkit-filter: grayscale(0%);
- -webkit-transition: all 0.3s;
- -moz-transition: all 0.3s;
- -o-transition: all 0.3s;
- -ms-transition: all 0.3s;
- transition: all 0.3s;
- }
- #posts:hover .tags{
- {block:Ifhovertags}
- opacity:1;
- {/block:Ifhovertags}
- -webkit-filter: grayscale(0%);
- -webkit-transition: all 0.3s;
- -moz-transition: all 0.3s;
- -o-transition: all 0.3s;
- -ms-transition: all 0.3s;
- transition: all 0.3s;
- }
- .pagenotes {
- {block:IndexPage}
- display: none!important;
- {/block:IndexPage}
- padding:15px;
- text-align:left;
- }
- .pagenotes img {
- display:none!important;}
- .pagenotes li {
- list-style-type:none;
- padding:5px 0px;
- text-align:left;
- margin:0 0 0 -40px;
- }
- .credit{
- position:fixed;
- z-index:999;
- right:15px;
- bottom:15px;
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="sidebar">
- {block:Ifnothidesidebarimg}
- <div id="sidebarim">
- <img src="{image:Sidebar Image}">
- </div>
- {/block:Ifnothidesidebarimg}
- {block:Ifhidesidebarimg}
- {/block:Ifhidesidebarimg}
- <div id="blogt">{Title}</div>
- <div id="description">{Description}</div>
- <div id="links">
- {block:ifLink1}<a href="{text:Link 1 URL}"><div class="link">{text:Link 1}</div></a>{/block:ifLink1}
- {block:ifLink2}<a href="{text:Link 2 URL}"><div class="link">{text:Link 2}</div></a>{/block:ifLink2}
- {block:ifLink3}<a href="{text:Link 3 URL}"><div class="link">{text:Link 3}</div></a>{/block:ifLink3}
- {block:ifLink4}<a href="{text:Link 4 URL}"><div class="link">{text:Link 4}</div></a>{/block:ifLink4}
- <br>
- </div>
- </div>
- <div id="con">
- <div id="entries">
- <div class="autopagerize_page_element">
- {block:Posts}
- <div id="posts">
- {block:Quote}
- <div id="quote">{Quote}</div>
- {block:Source}<div id="source">— {Source}</div>{/block:Source}
- {/block:Quote}
- {block:Text}
- {block:Title}
- <div id="title">{Title}</div>{/block:Title}
- <div class="text">{Body}</div>
- {/block:Text}
- {block:Link}
- <div id="title"><a href="{URL}">{Name}</a></div>
- {block:Description}<div class="caption">{Description}</div>{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}
- <h1>{Title}</h1>
- {/block:Title}
- <div class="chat">
- {block:Lines}
- <div class="line">
- {block:Label}<span class="label">
- {Label}
- </span>{/block:Label}
- {Line}
- </div>
- {/block:Lines}
- </div>
- {/block:Chat}
- {block:Photo}
- {block:If500pxposts}
- {LinkOpenTag}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
- {/block:If500pxposts}
- {block:Ifnot500pxposts}
- {LinkOpenTag}
- <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
- {/block:Ifnot500pxposts}
- {/block:Photo}
- {block:Photoset}
- {block:If500pxposts}
- {Photoset-500}
- {/block:If500pxposts}
- {block:Ifnot500pxposts}
- {Photoset-400}
- {/block:Ifnot500pxposts}
- {/block:Photoset}
- {block:Video}
- {block:If500pxposts}
- {Video-500}
- {/block:If500pxposts}
- {block:Ifnot500pxposts}
- {Video-400}
- {/block:Ifnot500pxposts}
- {/block:Video}
- {block:Audio}
- <div class="audio">
- <div class="audioart">
- <div class="player">{AudioPlayerBlack}</div>
- <div class="audioartimg">
- {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
- </div>
- </div>
- <div class="audioinfo">
- {block:TrackName}
- <div class="tracktitle">{TrackName}</div>
- {/block:TrackName}
- {block:Artist}{Artist}{/block:Artist}
- </div>
- </div>
- {/block:Audio}
- {block:Answer}
- <div class="q">
- <span class="as">{Asker} said: </span>
- {Question}</div>
- <div class="a">{Answer}</div>
- {/block:Answer}
- <!-- CAPTIONS -->
- {block:Ifhidecaptions}
- {block:permalink}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Permalink}
- {/block:Ifhidecaptions}
- {block:Ifnothidecaptions}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Ifnothidecaptions}
- {block:Date}
- <div id="permalink">
- <a href="{Permalink}" title="{TimeAgo}">
- <b>{12Hour}:{Minutes} {AmPm} </b></a>
- {block:NoteCount}
- <a href="{Permalink}">+ {NoteCount}</a>
- {/block:NoteCount}
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}" title="{ReblogParenttitle}">from</a>
- {/block:RebloggedFrom}
- {block:ContentSource}
- <a a href="{SourceURL}" title="{ReblogRoottitle}">origin</a>
- {/block:ContentSource}
- {block:HasTags}
- <div class="tags">{block:Tags}
- <a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>
- {/block:HasTags}
- </div>
- {/block:Date}
- </div>
- {block:PostNotes}
- <div class="pagenotes">
- {PostNotes}
- </div>
- {/block:PostNotes}
- {/block:Posts}
- </div>
- {block:IfNotInfiniteScroll}
- <div id="pagination">
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}"><div class="pagibutton">previous</div></a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}"><div class="pagibutton">next</div></a>
- {/block:NextPage}
- {/block:Pagination}
- </div>
- {/block:IfNotInfiniteScroll}
- </div>
- </div>
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <div class="credit"><a href="http://neonbikethemes.tumblr.com" itle="Neonbike Themes">[ n ]</a></div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement