Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <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}
- <!----
- Theme 21 by Paige @ neonbikethemes.tumblr.com
- Rules:
- - Do not steal code or design
- - edit as much as you want but don't remove credit
- - Like/reblog the post
- Base code by llermans © tumblr.com
- --->
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Posts" content="#f5f5f5"/>
- <meta name="color:Border" content="#dfdfdf"/>
- <meta name="color:Text" content="#000"/>
- <meta name="color:Link" content="#3e3e3e"/>
- <meta name="color:Link Hover" content="#a0a0a0" />
- <meta name="select:Font" content="consolas" title="Consolas">
- <meta name="select:Font" content="courier" title="Courier">
- <meta name="select:Font" content="helvetica" title="Helvetica">
- <meta name="text:link 1" content="link 1"/>
- <meta name="text:link 1 url" content="/"/>
- <meta name="text:link 2" content="link 2"/>
- <meta name="text:link 2 url" content="/"/>
- <meta name="text:link 3" content="link 3"/>
- <meta name="text:link 3 url" content="/"/>
- <meta name="text:link 4" content="link 4"/>
- <meta name="text:link 4 url" content="/"/>
- <meta name="text:link 5" content="link 5"/>
- <meta name="text:link 5 url" content="/"/>
- <meta name="text:link 6" content="link 6"/>
- <meta name="text:link 6 url" content="/"/>
- <meta name="if:Hide Sidebar Links" content="1"/>
- <meta name="if:hide captions" content="1"/>
- <meta name="if:500px posts" content="0"/>
- <meta name="if:grayscale posts" content="0"/>
- <meta name="if:hover tags" content="0"/>
- <!-- 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>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:10,
- tip_fade_speed:300,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <!--- CSS --->
- <style type="text/css">
- ::-webkit-scrollbar {
- width: 7px;height: 0px;}
- ::-webkit-scrollbar-button:start:decrement,
- ::-webkit-scrollbar-button:end:increment {
- height: 5px;display: block;background-color: {color:background};}
- ::-webkit-scrollbar-track-piece {
- background-color: {color:background};}
- ::-webkit-scrollbar-thumb:vertical {
- height: 3px;
- background-color: {color:text};
- border-left:3px solid {color:background};
- border-right:3px solid {color:background};
- }
- @import url(http://fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic|Merriweather:400,300,300italic,400italic,700,700italic,900,900italic);
- html, body, h1, h2, h3, h4, h5, h6, p, ol, blockquote {margin:0; padding:0; list-style:none;}
- #s-m-t-tooltip {
- max-width:300px;
- padding:10px;
- margin:10px 0px 0px 10px;
- background-color:{color:posts};
- border:1px solid {color:border};
- font-family:{select:font}, helvetica; /*font */
- z-index:999999999999999999999999999999999999;
- }
- body {
- margin: 0;
- word-wrap: break-word;
- font-size:11px;
- font-family: {select:font};, helvetica, sans-serif;
- color: {color:text};
- background-color: {color:background};
- line-height:150%;
- }
- img{
- max-width:100%;
- }
- a {
- color: {color:link};
- text-decoration:none;
- -webkit-transition: all .4s;
- -moz-transition: all .4s;
- -o-transition: all .4s;
- -ms-transition: all .4s;
- transition: all .4s;
- }
- a:hover {
- color: {color:background};
- background:{color:link hover};
- -webkit-transition: all .4s;
- -moz-transition: all .4s;
- -o-transition: all .4s;
- -ms-transition: all .4s;
- transition: all .4s;
- }
- b, strong {
- color:{color:text};
- font-weight:bold;
- }
- i, em {color:{color:text}}
- small {font-size:8px;}
- big {font-size:12px;}
- ul {list-style:square;text-align:justify;}
- h3{
- text-align:center;
- margin-bottom:10px;
- text-transform:uppercase;
- font-size:11px;
- letter-spacing:1px;
- }
- blockquote {
- padding: 8px;
- padding-left:15px;
- padding-right:0px;
- border-left: 1px solid {color:text};
- text-align:left;
- margin-top:10px;
- margin-bottom:10px;
- margin-left:15px;
- }
- .caption{
- text-align:left;
- margin-top:5px;
- margin-bottom:10px;
- padding:30px;
- background:{color:posts};
- border:1px solid {color:border};
- }
- iframe#tumblr_controls {
- position:fixed !important;
- margin-top:0px !important;
- margin-right:0px !important;
- opacity:0.8 !important;
- filter: invert(.9);
- -webkit-filter: invert(.9);
- -moz-filter: invert(.9);
- -o-filter: invert(.9);
- -ms-filter: invert(.9);
- }
- /* content */
- #content {
- left:40%;
- margin-left:00px;
- position:absolute;
- {block:Ifnot500pxposts}
- width:400px;
- {/block:Ifnot500pxposts}
- {block:If500pxposts}
- width:500px;
- {/block:If500pxposts}
- margin-top: 125px;
- margin-bottom: 25px;
- margin-top:130px;
- }
- /* sidebar */
- #sidebar {
- margin-left: -360px;
- width: 200px;
- position: fixed;
- margin-top:30px;
- text-align: center;
- }
- #sidebar img {
- width:80px;
- height:80px;
- border-radius:80px;
- margin-bottom:30px;
- }
- #links {
- {block:Ifhidesidebarlinks}
- opacity:0;
- margin-top:-5px;
- {/block:Ifhidesidebarlinks}
- {block:Ifnothidesidebarlinks}
- opacity:1;
- margin-top:5px;
- {/block:Ifnothidesidebarlinks}
- padding:10px;
- text-transform:lowercase;
- font-style:italic;
- font-size:10px;
- letter-spacing:1px;
- color:{color:text};
- -webkit-transition: all .4s;
- -moz-transition: all .4s;
- -o-transition: all .4s;
- -ms-transition: all .4s;
- transition: all .4s;
- }
- #sidebar:hover #links{
- opacity:1;
- margin-top:5px;
- -webkit-transition: all .4s;
- -moz-transition: all .4s;
- -o-transition: all .4s;
- -ms-transition: all .4s;
- transition: all .4s;
- }
- #links a{
- background:{color:background};
- }
- #links a:hover{
- background:{color:background};
- }
- .link:hover{
- color:{color:link hover};
- -webkit-transition: all .4s;
- -moz-transition: all .4s;
- -o-transition: all .4s;
- -ms-transition: all .4s;
- transition: all .4s;
- }
- .link{
- position:relative;
- text-shadow:none;
- display:inline-block;
- height:10px;
- width:60px;
- margin-right:1px;
- margin-left:1px;
- margin-bottom:2px;
- background:{color:background};
- padding-top:10px;
- padding-bottom:10px;
- text-align:left;
- color:{color:link};
- -webkit-transition: all .4s;
- -moz-transition: all .4s;
- -o-transition: all .4s;
- -ms-transition: all .4s;
- transition: all .4s;
- }
- .sq{
- display:inline-block;
- position:relative;
- border:1px solid {color:link};
- width:3px;
- height:3px;
- -webkit-transition: all .4s;
- -moz-transition: all .4s;
- -o-transition: all .4s;
- -ms-transition: all .4s;
- transition: all .4s;
- }
- .link:hover .sq{
- background:{color:text};
- border:1px solid {color:text};
- -webkit-transition: all .4s;
- -moz-transition: all .4s;
- -o-transition: all .4s;
- -ms-transition: all .4s;
- transition: all .4s;
- }
- #title {
- font-size:11px;
- font-weight:bold;
- text-transform:uppercase;
- letter-spacing:1px;
- padding-bottom:15px;
- }
- .description{
- }
- .desc {
- text-align:center;
- padding:30px;
- font-size:10px;
- background:{color:posts};
- border:1px solid {color:border};
- }
- /* ------------------------- PAGINATION ----------------------- */
- #pagination {
- margin-bottom:100px;
- text-align: center;
- }
- .navbutton{
- position:relative;
- display:inline-block;
- margin-right:10px;
- padding:15px;
- background:{color:posts};
- border:1px solid {color:border};
- }
- #pagination a {
- color:{color:text};
- }
- #pagination a:hover{
- color:{color:link hover};
- background:transparent;
- }
- /* --------------------------- POSTS --------------------------- */
- .post {
- clear: both;
- margin-bottom: 100px;
- {block:Ifgrayscaleposts}
- -webkit-filter: grayscale(100%);
- {/block:Ifgrayscaleposts}
- -webkit-transition: all .4s;
- -moz-transition: all .4s;
- -ms-transition: all .4s;
- -o-transition: all .4s;
- transition: all .4s;
- }
- .post:hover{
- {block:Ifgrayscaleposts}
- -webkit-filter: grayscale(0%);
- {/block:Ifgrayscaleposts}
- -webkit-transition: all .4s;
- -moz-transition: all .4s;
- -ms-transition: all .4s;
- -o-transition: all .4s;
- transition: all .4s;
- }
- .post:hover .tags{
- opacity:1.0;
- -webkit-transition: all .4s;
- -moz-transition: all .4s;
- -ms-transition: all .4s;
- -o-transition: all .4s;
- transition: all .4s;
- }
- /* kinds of posts */
- .text {
- text-align: left;
- line-height:180%;
- }
- .text a{
- text-decoration:underline;
- }
- .text a:hover{
- text-decoration:none;
- }
- .photo {text-align: left;}
- .photo img {border: 0;}
- .quote {
- text-align: left;
- text-transform:uppercase;
- letter-spacing:1px;
- line-height:190%;
- margin-bottom:10px;
- font-size:11px;
- background:{color:posts};
- border:1px solid {color:border};
- padding:30px;
- }
- .source {
- font-size: 12px;
- margin-bottom:10px;
- font-size:11px;
- background:{color:posts};
- border:1px solid {color:border};
- padding:30px;
- text-align:right;
- }
- .answer {text-align: justify;}
- .question {margin-bottom: 0px;}
- .linkpost {
- text-align: center;
- text-transform:uppercase;
- letter-spacing:1px;
- margin-bottom:10px;
- font-size:12px;
- background:{color:posts};
- border:1px solid {color:border};
- padding:30px;
- }
- .audio {
- text-align: left;
- padding:30px;
- background:{color:posts};
- border:1px solid {color:border};
- margin-bottom:5px;
- }
- .albumart{
- float:right;
- width:42px;
- height:42px;
- }
- .albumart img{
- width:42px;
- }
- .tumblr_audio_player {
- position:relative;
- display:inline-block;
- height: 42px;
- width: 268px;
- }
- .video {text-align: left;}
- .chat {
- text-align: left;
- padding:30px;
- background:{color:posts};
- border:1px solid {color:border};
- margin-bottom:10px;
- line-height:190%;
- }
- .chat ul{
- border:0px solid {color:background};
- margin-top:-20px;
- margin-bottom:-20px;
- }
- .chat li {
- list-style-type: none;
- margin-left:-20px;
- }
- /* --------------------------- POST INFO ------------------------ */
- #info {
- padding:20px;
- margin-top:5px;
- text-align:left;
- text-transform:uppercase;
- letter-spacing:1px;
- background:{color:background};
- }
- .info{
- display:inline-block;
- position:relative;
- }
- .tags {
- {block:Ifhovertags}
- opacity:0;
- {/block:Ifhovertags}
- text-transform:none;
- margin-top:3px;
- -webkit-transition: all .4s;
- -moz-transition: all .4s;
- -ms-transition: all .4s;
- -o-transition: all .4s;
- transition: all .4s;
- }
- .tag {
- position:relative;
- display:inline-block;
- margin-right:10px;
- text-transform:lowercase;
- font-size:9px;
- text-shadow:none;
- background:transparent;
- -webkit-transition: all .4s;
- -moz-transition: all .4s;
- -o-transition: all .4s;
- -ms-transition: all .4s;
- transition: all .4s;
- }
- .tags a{
- background:{color:background};
- color:{color:link};
- text-decoration:none;
- }
- .tags a:hover{
- color:{color:link hover};
- -webkit-transition: all .4s;
- -moz-transition: all .4s;
- -o-transition: all .4s;
- -ms-transition: all .4s;
- transition: all .4s;
- }
- /* ------------------------ POST NOTES --------------------- */
- ol.notes {
- display:block;
- text-align:left;
- list-style-type: none;
- }
- ol.notes li.note{
- padding-top:5px;
- padding-bottom:5px;
- margin-left:-15px;
- margin-right:-15px;
- }
- .pagenotes {
- text-align:left;
- margin-top:15px;
- padding:20px;
- padding-top:0px;
- background:{color:background};
- text-transform:lowercase;
- }
- .pagenotes img{
- width:0px;
- opacity:0;
- }
- /*credit*/
- #credit {
- position:fixed;
- font-weight:bold;
- right:15px;
- bottom:15px;
- font:10px;
- }
- #credit a{
- color:{color:text};
- }
- #credit a:hover{
- color:{color:link hover};
- }
- {CustomCSS}
- </style></head>
- <body>
- <div id="content">
- <div id="sidebar">
- <!--<img src="{image:Sidebar}" />-->
- <div id="title">{title}</div>
- <div class="desc">{description}</div>
- <div id="links">
- {block:iflink1}
- <a href="{text:link 1 url}">
- <div class="link"><div class="sq"></div> {text:link 1}</div></a>{/block:iflink1}
- {block:iflink2}
- <a href="{text:link 2 url}">
- <div class="link"><div class="sq"></div> {text:link 2}</div></a>{/block:iflink2}
- {block:iflink3}
- <a href="{text:link 3 url}">
- <div class="link"><div class="sq"></div> {text:link 3}</div></a>{/block:iflink3}
- {block:iflink4}
- <a href="{text:link 4 url}">
- <div class="link"><div class="sq"></div> {text:link 4}</div></a>{/block:iflink4}
- {block:iflink5}
- <a href="{text:link 5 url}">
- <div class="link"><div class="sq"></div> {text:link 5}</div></a>{/block:iflink5}
- {block:iflink6}
- <a href="{text:link 6 url}">
- <div class="link"><div class="sq"></div> {text:link 6}</div></a>{/block:iflink6}
- </div>
- </div>
- {block:Posts}
- <div class="post">
- {block:Text}
- <div class="text">
- {block:Title}
- <h3><a href="{Permalink}"><div class="caption">{Title}</div></a></h3>
- {/block:Title}
- <div class="caption">{Body}</div>
- </div>
- {/block:Text}
- {block:Photo}
- <div class="photo">
- {block:Ifnot500pxposts}
- <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
- {/block:Ifnot500pxposts}
- {block:If500pxposts}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
- {/block:If500pxposts}
- {block:Ifnothidecaptions}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Ifnothidecaptions}
- {block:Ifhidecaptions}
- {block:Permalink}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Permalink}
- {/block:Ifhidecaptions}
- </div>
- {/block:Photo}
- {block:Photoset}
- <div class="photoset">
- {block:Ifnot500pxposts}
- {Photoset-400}
- {/block:Ifnot500pxposts}
- {block:If500pxposts}
- {Photoset-500}
- {/block:If500pxposts}
- {block:Ifnothidecaptions}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Ifnothidecaptions}
- {block:Ifhidecaptions}
- {block:Permalink}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Permalink}
- {/block:Ifhidecaptions}
- </div>
- {/block:Photoset}
- <!-- QUOTE -->
- {block:Quote}
- <div class="quote">{Quote}</div>
- {block:Source}
- <div class="source">— {Source}</div>
- {/block:Source}
- {/block:Quote}
- <!-- LINK -->
- {block:Link}
- <div class="linkpost">
- <a href="{URL}" {Target}>{Name}</a>
- </div>
- {block:Description}
- <div class="caption">{Description}</div>
- {/block:Description}
- {/block:Link}
- <!-- CHAT -->
- {block:Chat}
- <div class="chat">
- {block:Title}
- <h3><a href="{Permalink}">{Title}</a></h3>
- {/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="{Alt} user_{UserNumber}">
- {block:Label}
- <span class="label">{Label}</span>
- {/block:Label}{Line}
- </li>
- {/block:Lines}
- </ul>
- </div>
- {/block:Chat}
- <!-- ANSWER -->
- {block:Answer}
- <div style="color:{color:text};">
- <b>{Asker}</b>: <div class="question">{Question}</div>
- </div><br>
- <div class="answer">{Answer}</div>
- {/block:Answer}
- <!-- VIDEO -->
- {block:Video}
- <div class="video">
- {Video-500}
- {block:Ifnothidecaptions}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Ifnothidecaptions}
- {block:Ifhidecaptions}
- {block:Permalink}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Permalink}
- {/block:Ifhidecaptions}
- </div>
- {/block:Video}
- <!-- AUDIO -->
- {block:Audio}
- <div class="audio">
- <div class="albumart">
- {block:AlbumArt}
- <img src="{AlbumArtURL}">
- {/block:AlbumArt}
- </div>
- {AudioPlayerWhite}
- </div>
- {block:Ifnothidecaptions}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Ifnothidecaptions}
- {block:Ifhidecaptions}
- {block:Permalink}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Permalink}
- {/block:Ifhidecaptions}
- {/block:Audio}
- <div id="info">
- <div class="info">
- <a href="{Permalink}"> {block:Date}{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a>{/block:Date}
- - <a href="{Permalink}"> {NoteCount}</a>
- </div>
- <!--<a href="{ReblogURL}" target="_blank" style="color:{color:text}">Reblog</a>-->
- {block:permalinkpage}
- {block:RebloggedFrom}
- / <a href="{ReblogParentURL}">VIA</a>
- {/block:RebloggedFrom}
- {block:ContentSource}
- / <a href="{SourceURL}">SOURCE</a>
- {/block:ContentSource}
- {/block:permalinkpage}<br/>
- {block:HasTags}
- <div class="tags">
- {block:Tags}<a href="{TagURL}"><div class="tag">■ {Tag}</div></a> {/block:Tags}</div>{/block:HasTags}
- </div>
- {block:PostNotes}<div class="pagenotes">{PostNotes}</div>{/block:PostNotes}
- </div>
- {/block:Posts}
- <div id="pagination">
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}">
- <div class="navbutton">previous</div></a> {/block:PreviousPage}
- {block:NextPage} <a href="{NextPage}">
- <div class="navbutton">next</div></a>{/block:NextPage}
- {/block:Pagination}
- </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 id="credit">
- <a href="http://neonbikethemes.tumblr.com/" title="Neonbike Themes">
- [ n ]
- </a>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement