Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!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}
- <!--- Theme 09. Mind Mischief by vassilias
- Please do not redistribute the theme as your own, use it as a base code, or remove the credit.
- Feel free to edit the theme to your needs and donβt hesitate to message for help if you may need it.--->
- <!--Default Variables-->
- <meta name="color:Text" content="#000"/>
- <meta name="color:Links" content="#000"/>
- <meta name="color:Border" content="#eee"/>
- <meta name="color:Links Hover Color" content="#ccc"/>
- <meta name="color:Header Links Color" content="#000000"/>
- <meta name="color:Header Links Hover Color" content="#ccc"/>
- <meta name="color:Blog Title Color" content="#000000"/>
- <meta name="color:Blog Title Hover Color" content="#000000"/>
- <meta name="color:Scrollbar" content="#fff" />
- <meta name="color:Scrollbar Background" content="#000" />
- <meta name="image:Header" content="https://41.media.tumblr.com/6451767e89e7be52b6b5400456d28698/tumblr_nryq9fCOKz1szsox9o1_400.png"/>
- <meta name="text:Link 1" content="link" />
- <meta name="text:Link 1 URL" content="/" />
- <meta name="text:Link 2" content="link" />
- <meta name="text:Link 2 URL" content="/" />
- <meta name="text:Link 3" content="link" />
- <meta name="text:Link 3 URL" content="/" />
- <meta name="text:Link 4" content="link" />
- <meta name="text:Link 4 URL" content="/" />
- <meta name="text:Link 5" content="link" />
- <meta name="text:Link 5 URL" content="/" />
- <!-- jquery for tooltips-->
- <link href='http://fonts.googleapis.com/css?family=PT+Serif:400,700' rel='stylesheet' type='text/css'>
- <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:30,
- tip_fade_speed:300,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <!-- fonts -->
- <link href='http://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Mono:400,700' rel='stylesheet' type='text/css'>
- <style type="text/css">
- /* misc */
- #s-m-t-tooltip{
- position:absolute;
- margin-top: 15px;
- z-index:9999;
- font-family: helvetica;
- font-weight: lighter;
- font-size: 6px;
- letter-spacing: 1px;
- padding: 3px 6px 3px 6px;
- text-transform: uppercase;
- color:#000;
- background: #fafafa;
- border: solid 1px #eee;
- }
- ::-webkit-scrollbar {
- height: 8px;
- width: 8px;
- background: {color:Scrollbar Background};
- }
- ::-webkit-scrollbar-thumb {
- background: {color:Scrollbar};
- }
- /* basics */
- body {
- background: #fff;
- margin:0px;
- color: {color:Text};
- font-family: helvetica;
- letter-spacing: 0.5px;
- font-weight: lighter;
- font-size:10px;
- line-height: 23px;
- }
- a {
- font-family: Roboto Mono;
- color: {color:Links};
- text-decoration:none;
- padding: 0px;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- }
- a:hover {
- text-decoration:none;
- color: {color:Links Hover Color};
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- }
- blockquote {
- padding-left:15px;
- padding-right: 5px;
- padding-top: 5px;
- padding-bottom: 5px;
- border-left:1px solid {color:Border};
- margin-left:20px;
- }
- .caption {
- padding:20px;
- }
- h1 {
- font-family: roboto mono;
- font-size: 12px;
- -webkit-margin-before: 0.67em;
- -webkit-margin-after: 0.67em;
- -webkit-margin-start: 0px;
- -webkit-margin-end: 0px;
- font-weight: bold;
- }
- /* posts and entries */
- .entries {
- float:left;
- margin-left:400px;
- margin-bottom:100px;
- }
- #posts {
- width:400px;
- padding:50px;
- margin-top:80px;
- margin-bottom: 80px;
- }
- .img {
- max-width:100%
- height:auto;
- }
- #posts img, #posts li, #posts blockquote {max-width: 100%;}
- /* header */
- .header {
- margin-left:450px;
- margin-top:-110px;
- width: 450px;
- font-size: 12px;
- padding-right: 20px;
- }
- .title a {
- font-family: roboto mono;
- font-size: 12px;
- text-decoration: underline;
- color:{color:Blog Title Color};
- }
- .title a:hover {
- color:{color:Blog Title Hover Color};
- }
- .image {
- margin-left: 280px;
- margin-top: 100px;
- width: 120px;
- height: 120px;
- border-radius:100%;
- overflow:hidden;
- }
- .image img {
- max-width:120px;
- }
- .description {
- padding-right: 20px;
- padding-top: 10px;
- padding-bottom: 20px;
- text-align:justify;
- font-size: 10px;
- }
- .links {
- text-align:justify
- font-size: 10px;
- }
- .links a {
- color:{color:Header Links Color};
- margin-right: 8px;
- text-transform:lowercase;
- font-size:10px;
- }
- .links a:hover {
- color:{color:Header Links Hover Color};
- }
- /* pagination */
- #pagination {
- margin:0px;
- text-transform:uppercase;
- font-size: 9px;
- font-family: roboto mono;
- padding: 3px;
- font-weight: none;
- letter-spacing: 1px;
- text-align: center;
- }
- #pagination a {
- padding: 5px;
- font-weight: none;
- text-transform:uppercase;
- font-size: 9px;
- letter-spacing: 1px;
- }
- /* permalinks */
- #permalink {
- font-size:8px;
- letter-spacing:1px;
- text-align:center;
- text-transform:uppercase;
- -webkit-transition:all 1.0s;
- -moz-transition:all 1.0s;
- -ms-transition:all 1.0s;
- -o-transition:all 1.0s;
- transition:all 1.0s;
- border-top: solid 1px {color:Border};
- padding: 20px;
- {block:PermalinkPage}
- border-top: solid 1px {color:Border};
- padding: 40px;
- margin-top: 50px;
- {/block:PermalinkPage}
- }
- #posts:hover #permalink {
- opacity:1;-webkit-transition:all 1.0s;
- -moz-transition:all 1.0s;
- -ms-transition:all 1.0s;
- -o-transition:all 1.0s;
- transition:all 1.0s;
- }
- #permalink a {
- display:inline-block;
- margin-right:5px;
- }
- /* tags */
- .tags {
- word-break:break-all;
- font-size:9px;
- text-transform:none;
- }
- .tags a {
- font-size: 9px;
- }
- #posts .tags {
- {block:IndexPage}
- margin-top:5px;
- opacity:0;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- -o-transition: all 0.4s ease-out;
- {/block:IndexPage}
- }
- #posts:hover .tags {
- {block:IndexPage}
- margin-top: 5px;
- opacity: 1;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- -o-transition: all 0.4s ease-out;
- {/block:IndexPage}
- }
- /* audio */
- .audio{
- min-height:70px;
- text-align:center;
- font-family: roboto mono;
- padding-bottom: 10px;
- }
- .audioplayer {
- position:absolute;
- margin-left:20px;
- margin-top:20px;
- width:29px;
- height:30px;
- overflow:hidden;
- z-index:999999;
- }
- .audioimgwrapper {
- position: absolute;
- overflow: hidden;
- width:70px;
- height:70px;
- }
- .audioimgwrapper img {
- width: 100%;
- }
- .audioi {
- position:relative;
- height:50px;
- padding-left: 30px;
- font-family: helvetica;
- text-align:center;
- }
- .tracktitle{
- font-family: roboto mono;
- padding-top:10px;
- text-transform:uppercase;
- letter-spacing:2px;
- font-weight:bold;
- }
- /* quote */
- #titlequote{
- text-align:justify;
- font-size:9px;
- padding: 20px;
- }
- #source {
- padding: 20px;
- }
- /* ask */
- .askimg {
- float:left;
- width: 30px;
- background-color:none;
- }
- .askimg img {
- width:30px;
- height:30px;
- float:left;
- border-radius:100px;
- }
- .asker {
- text-transform:uppercase;
- font-weight:bold;
- }
- .question {
- padding:10px;
- margin-left: 30px;
- margin-top: -13px;
- }
- .answer {
- margin-top: 10px;
- padding: 10px;
- border-top: dotted 1px {color:Border};
- }
- /*chat*/
- .chat ol {
- padding: 5px;
- list-style:none;
- }
- .line {
- padding:5px 0;
- }
- .label {
- font-weight:bold;
- font-family: roboto mono;
- }
- /* page notes */
- .pagenotes {
- {block:IndexPage}
- display: none!important;
- {/block:IndexPage}
- width:400px;
- text-align:left;
- font-size: 8px;
- letter-spacing: 1px;
- text-transform:uppercase;
- padding: 50px;
- margin-bottom: 100px;
- margin-top: -170px;
- }
- .pagenotes img {
- display:none!important;
- }
- .pagenotes li {
- list-style-type:none;
- padding:5px 0px;
- text-align:left;
- margin:0 0 0 -40px;
- }
- .pagenotes a {
- font-weight: bold;
- }
- /*Credit - DO NOT REMOVE */
- .credit a {
- position: fixed;
- bottom: 0;
- right: 0;
- color: #000;
- padding: 15px;
- font-family: Helvetica;
- font-size: 8px;
- letter-spacing: 1;
- }
- .credit a:hover {
- text-decoration: none;
- }
- {CustomCSS}</style>
- <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>
- </head>
- <body>
- <div class="credit"><a title="vassilias" href="http://vassilias.tumblr.com">©</div></a>
- <div class="image"><a href="/"><img src="{image:Header}"></a></div>
- <div class="header">
- <div class="title"><a href="/">{Title}</a></div><P>
- <div class="links">
- {block:IfLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:IfLink1}
- {block:IfLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:IfLink2}
- {block:IfLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:IfLink3}
- {block:IfLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:IfLink4}
- {block:IfLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:IfLink5}
- </div>
- <div class="description">{Description}</div>
- </div>
- <div class="entries">{block:Posts}<div id="posts">
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Photo}
- {block:Photoset}{Photoset-400}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
- {block:Quote}
- <div id="titlequote">β{Quote}β</div>
- {block:Source}<div id="source">— {Source}</div>{/block:Source}
- {/block:Quote}
- {block:Link}<h1>» <a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}
- {block:Title}
- <h1>{Title}</h1>
- {/block:Title}
- <div class="chat">
- <ol>{block:Lines}
- <li class="line {Alt}">
- {block:Label}
- <span class="label">
- {Label}</span>
- {/block:Label}{Line}</li>
- {/block:Lines}
- </ol></div>
- {/block:Chat}
- {block:Audio}
- <div class="audio">
- <div class="audioart">
- <div class="audioplayer">{AudioPlayerBlack}</div>
- {block:AlbumArt}
- <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
- {/block:AlbumArt}</div>
- <div class="audioi">
- {block:TrackName}
- <div class="tracktitle">{TrackName}</div>
- {/block:TrackName}
- {block:Artist}{Artist}{/block:Artist}
- </div>
- </div>
- {/block:Audio}
- {block:Video}{Video-400}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
- {block:Answer}<div class="askimg"><a href="{AskerURL}"><img src="{AskerPortraitURL-30}"></a></div><div class="question"><span class="asker"><span style="font-family: Roboto Mono;">{Asker} ASKED...</span></span><br>{Question}</div><div class="answer">{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:Date}
- <div id="permalink">
- <a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a> {block:NoteCount}<a href="{Permalink}">{NoteCount} NOTES</a>{/block:NoteCount}
- <p>
- {block:PermalinkPage}{block:RebloggedFrom} <b>VIA:</b>
- <a href="{ReblogParentURL}">{ReblogParentName}</a>
- {block:ContentSource}<b>SOURCE:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:PermalinkPage}<p>
- {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}" style="font-size: 8px;"># {Tag}</a> {/block:Tags}</div>{/block:HasTags}
- </div>
- {/block:Date}
- </div>
- {block:PostNotes}
- <div class="pagenotes">
- {PostNotes}
- </div>
- {/block:PostNotes}
- {/block:Posts}
- {block:Pagination}
- <div id="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}">Previous</a>
- {/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}
- <span class="current_page">{PageNumber}</span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a class="jump_page" href="{URL}">{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <a href="{NextPage}">Next</a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement