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 by @ilyhazz
- follow the rules
- thx -->
- <!-- COLORS -->
- <meta name="color:text" content="#777777"/>
- <meta name="color:link" content="#313131"/>
- <meta name="color:scrollbar" content="#ececec"/>
- <meta name="color:selection" content="#000000"/>
- <meta name="color:linkhover" content="#eeeeee"/>
- <!-- IMAGES -->
- <meta name="image:icon" content=""/>
- <meta name="text:Updates" content="Type updates here"/>
- <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="if:hide captions" content="0"/>
- <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>
- <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:100,
- tip_fade_speed:250,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <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>
- <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Raleway:100,200,300,400" rel="stylesheet">
- <style type="text/css">
- iframe.tmblr-iframe {
- z-index:99999999999999!important;
- top:0!important;
- right:0!important;
- opacity:0.4;
- /* delete from here */
- filter:invert(1);
- -webkit-filter:invert(1);
- -o-filter:invert(1);
- -moz-filter:invert(1);
- -ms-filter:invert(1);
- /* to here if your blog has a dark background */
- transform:scale(0.6);
- transform-origin:100% 0;
- -webkit-transform:scale(0.6);
- -webkit-transform-origin:100% 0;
- -o-transform:scale(0.6);
- -o-transform-origin:100% 0;
- -moz-transform:scale(0.6);
- -moz-transform-origin:100% 0;
- -ms-transform:scale(0.6);
- -ms-transform-origin:100% 0;}
- iframe.tmblr-iframe:hover {
- opacity:0.6!important;}
- ::selection {background: #fff; color:{color:selection};}
- ::-moz-selection {background: #fff; color:{color:selection};}
- ::-webkit-selection {background: #fff; color:{color:selection};}
- ::-webkit-scrollbar-thumb {background-color: {color:scrollbar}; border: 4px solid #fff; height:auto; border-bottom:none;}
- ::-webkit-scrollbar {height:9px;width:9px;background-color:#fff; border:4px solid #fff;}
- ::selection {background-color:#fff;}
- @import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Raleway:100,200,300,400');
- /* --- BODY ---*/
- body {
- font-style:none;
- background:#fff;
- margin:0px; color:{color:text};
- font-family: 'Open Sans Condensed', sans-serif;
- font-size:11px;
- line-height:100%;
- }
- blockquote {
- border-left:1px solid {color:text};
- padding-left:5px;
- margin:15px;
- }
- a {
- color:{color:link};
- text-decoration:none;
- -webkit-transition:all 1s ease-in-out;
- -moz-transition:all 1s ease-in-out;
- -o-transition:all 1s ease-in-out;
- -ms-transition:all 1s ease-in-out;
- transition:all 1s ease-in-out;
- }
- a:hover {
- color:{color:linkhover};
- }
- h1 , h2 {
- font-size:11px;
- font-weight:100;
- font-style:none;
- line-height:100%;
- text-align:left;
- letter-spacing:1px;
- text-transform:uppercase;
- font-family: 'Open Sans Condensed', sans-serif;
- }
- #entries {
- width:300px;
- margin:0 auto;
- margin-top:100px;
- position:auto;
- }
- #post {
- width:250px;
- font-style:none;
- margin-bottom:30px;
- padding:20px;
- background:#fff;
- border:1px solid #f5f5f5;
- }
- /* -- like and reblog buttons -- */
- svg {
- width:10px;
- height:auto;
- opacity:.5;
- padding:1px;
- overflow:visible;
- }
- .controls a {
- position:relative;
- display:inline-block;
- overflow:hidden;
- padding:1px;
- width:12px;
- height:12px;
- }
- .controls .reblog {
- opacity:.93;
- }
- .controls .reblog svg {
- width:9px;
- margin-top:1px;
- }
- .controls .like .liked + svg {
- opacity:1;
- }
- .controls .like .liked + svg path {
- fill:#ec5a5a;
- }
- .controls .like .like_button {
- position:relative;
- }
- .controls .like .like_button iframe {
- position:absolute;
- top:0;
- left:0;
- bottom:0;
- right:0;
- z-index:2;
- opacity:0;
- }
- #buttons {
- margin:0 auto; margin-top:5px;
- background:#fff;
- width:250px; text-align:right;
- }
- /* --- sidebar ---*/
- .sidebar {
- width:150px;
- height:150px;
- padding:10px;
- margin-left:18%;
- position:fixed;
- margin-top:110px;
- }
- #icon img {
- width:45px;
- border-radius:100%;
- }
- .title {
- font-family: 'Open Sans Condensed', sans-serif;
- font-size:11px;
- text-align:left;
- letter-spacing:1px;
- text-transform:uppercase;
- width:150px;
- padding-bottom:5px;
- font-weight:100;
- border-bottom: dashed 1px #f5f5f5;
- margin:0 auto;
- margin-top:15px;
- color:{color:text};
- }
- #description {
- margin:0 auto;
- margin-top:15px;
- width:150px;
- background:#fff;
- height:100px;
- position:fixed;
- text-align:left;
- font-family: 'Open Sans Condensed', sans-serif;
- font-size:10px;
- text-transform:lowercase;
- font-weight:100;
- letter-spacing:1px;
- }
- #updates {
- margin:0 auto;
- margin-top:15px;
- width:150px;
- height:200px;
- background:#fff;
- position:fixed;
- text-align:left;
- font-family: 'Open Sans Condensed', sans-serif;
- font-size:10px;
- text-transform:lowercase;
- font-weight:100;
- letter-spacing:1px;
- }
- /* --- LINKS ---*/
- #links {
- display:block;
- font-family: 'Open Sans Condensed', sans-serif;
- width:150px;
- margin:0 auto;
- background:#fff;
- text-align:left;
- margin-top:10px;
- position:fixed;
- }
- #links a {
- font-family: 'Open Sans Condensed', sans-serif;
- letter-spacing:0.5px;
- text-transform:lowercase;
- font-size:10px;
- padding:5px;
- text-align:left;
- width:60px;
- display:block;
- margin:5px;
- font-weight:100;
- border-bottom: solid 1px #f5f5f5;
- }
- #links a:hover {
- width:100px;
- }
- .main {
- width: 150px;
- height:50px;
- margin:0 auto;
- margin-top:20px;
- text-align:center;
- position:auto;
- font-family: 'Open Sans Condensed', sans-serif;
- text-transform:uppercase;
- font-size:8px;
- letter-spacing:0.5px;
- font-weight:100;
- }
- .tab {
- width:150px;
- margin: 0 auto;
- font-family: 'Open Sans Condensed', sans-serif;
- display:inline;
- text-align:center;
- background:#fff;
- }
- .tab label {
- color: {color:text};
- letter-spacing: 2px;
- font-size: 12px;
- line-height: 14px;
- width:100px;
- padding: 5px;
- text-transform: uppercase;
- height: 15px;
- margin:0 auto;
- text-align: center;
- cursor: help;
- font-family: 'Open Sans Condensed', sans-serif;
- display:inline;
- margin-bottom: 5px;
- -webkit-transition:all 1s ease-in-out;
- -moz-transition:all 1s ease-in-out;
- -o-transition:all 1s ease-in-out;
- -ms-transition:all 1s ease-in-out;
- transition:all 1s ease-in-out;
- }
- .tab label:hover {
- -webkit-transition:all 1s ease-in-out;
- -moz-transition:all 1s ease-in-out;
- -o-transition:all 1s ease-in-out;
- -ms-transition:all 1s ease-in-out;
- transition:all 1s ease-in-out;
- }
- [type=radio]:checked ~ label {
- z-index: 2;
- color:{color:linkhover};
- }
- .tab [type=radio] {
- display: none;
- -webkit-transition:all 1s ease-in-out;
- -moz-transition:all 1s ease-in-out;
- -o-transition:all 1s ease-in-out;
- -ms-transition:all 1s ease-in-out;
- transition:all 1s ease-in-out;
- }
- .content {
- color: {color:text};
- width: 150px;
- margin-top: 30px;
- margin:0 auto;
- background:#fff;
- height: 60px;
- padding-bottom:2px;
- font-size:8px
- text-transform:lowercase;
- font-family: 'Open Sans Condensed', sans-serif;
- text-align: justify;
- position: absolute;
- -webkit-transition:all 1s ease-in-out;
- -moz-transition:all 1s ease-in-out;
- -o-transition:all 1s ease-in-out;
- -ms-transition:all 1s ease-in-out;
- transition:all 1s ease-in-out;
- }
- .content a {
- color: {color:link};
- font-size: 8px;
- font-family: 'Open Sans Condensed', sans-serif;
- display: block;
- text-decoration: none;
- text-transform: uppercase;
- }
- .content a:hover {
- color:{color:linkhover};
- }
- [type=radio]:checked ~ label ~ .content {
- z-index: 1;
- }
- /* ---------------------------- POST INFO -----------------------------*/
- #info {
- font-family: 'Open Sans Condensed', sans-serif;
- font-size:10px;
- text-transform:uppercase;
- font-weight:100;
- margin-top:-20px;
- margin-left:275px;
- letter-spacing:1px;
- }
- #info a {
- margin-top:8px;
- letter-spacing:1px;
- }
- /* ---------------------------- POST NOTES ------------------------- */
- ol.notes {
- display:block;
- text-align:left;
- list-style-type:none;
- margin-left:-20px;
- }
- ol.notes img.avatar {display: none;}
- ol.notes li.note{
- padding:10px;
- }
- .pagenotes {
- text-align:left;
- margin-top:15px;
- margin-left:10px;
- }
- #pt {
- font-size:9px;
- letter-spacing:0.5px;
- font-weight:100;
- text-transform:uppercase;
- font-family: 'Open Sans Condensed', sans-serif;
- padding-bottom:5px; padding-top:5px;
- border-bottom: dashed 1px #f5f5f5;
- }
- /* --- POST TYPES --- */
- /* CHAT */
- ul.chat{
- list-style:none;
- margin-left:-40px;
- }
- .chat span {
- float: left;
- }
- #label {
- font-size:8px;
- letter-spacing:0.5px;
- font-weight:100;
- text-transform:uppercase;
- font-family: 'Open Sans Condensed', sans-serif;
- padding-bottom:5px; padding-top:5px;
- border:1px; border-width:1px; border-style:solid; border-color:{color:border};
- border-top:none; border-left:none; border-right:none;
- }
- #quote {
- font-size:11px;
- font-weight:100;
- font-style:none;
- line-height:100%;
- text-align:justify;
- letter-spacing:1px;
- text-transform:uppercase;
- font-family: 'Open Sans Condensed', sans-serif;
- }
- #qs {
- font-family: 'Open Sans Condensed', sans-serif;
- font-size:8px;
- font-weight:none;
- letter-spacing:1px;
- text-transform:uppercase;
- }
- /* QUESTIONS */
- .question{
- font-size:11px; letter-spacing:1px;
- margin-bottom:20px;
- text-transform:none;
- }
- .answer {
- font-size:11px;
- border-top: dashed 1px #f5f5f5;
- padding-top:5px; letter-spacing:1px;
- }
- .askerimg{
- position:relative;
- display:inline-block;
- margin-right:5px;
- margin-top:12px;
- }
- .askerimg img {
- border-radius:100%;
- }
- #musicinfo {
- line-height:120%;
- }
- /* --- NAV ---*/
- #pagi
- {
- font-size:12px;
- width:250px;
- margin:0 auto;
- margin-bottom:10px;
- height:20px;
- font-family: 'Open Sans Condensed', sans-serif;
- text-align:right;
- border-bottom:dashed 1px #f5f5f5;
- padding-bottom:3px;
- letter-spacing:1px;
- font-style:none;
- }
- /* --- CREDIT ---*/
- #mine a{
- position:fixed;
- padding:5px;
- font-family:arial;
- font-size:12px;
- right:10px;
- bottom:10px;
- text-align:center;
- background:#fff;
- color:{color:text};
- }
- {CustomCSS}</style></head><body>
- <div class="sidebar">
- <center><div id="icon"><img src="{image:icon}"/></div></center>
- <div class="title">{title}</div>
- <div class="main">
- <div class="tab">
- <input type="radio" id="tab-1" name="tab-group-1" checked>
- <label for="tab-1" title="DESCRIPTION"><span class="lnr lnr-home"></span></label>
- <div class="content"> <div id="description">{Description}
- </div></div></div>
- <div class="tab">
- <input type="radio" id="tab-2" name="tab-group-1">
- <label for="tab-2" title="LINKS"><span class="lnr lnr-link"></span></label>
- <div class="content">
- <div id="links">
- <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>
- </div>
- </div>
- </div>
- <div class="tab">
- <input type="radio" id="tab-3" name="tab-group-1">
- <label for="tab-3" title="UPDATES"><span class="lnr lnr-menu"></span></label>
- <div class="content">
- <div id="updates">{text:Updates}</div>
- </div>
- </div>
- <div id="scrollbar">{scrollbar}</div>
- {block:HasPages}{block:Pages}
- <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
- </div></center></div></a>
- <div id="entries">
- {block:Posts}<div id="post">
- <div id="info">
- {block:Date}
- <a href="{Permalink}" title="{DayofWeek} {MonthNumber}.{DayofMonth}
- {block:NoteCount} /{NoteCount} notes / {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom} & {block:ContentSource}{SourceTitle}{/block:ContentSource}"{/block:NoteCount}><span class="lnr lnr-file-empty"></span>
- {/block:Date}</a>
- </div>
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:blockquote}{/block:blockquote}
- {block:Photo}
- <center>{LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- <center>{Photoset-250}</center>
- {/block:Photoset}
- <div id="quote">{block:Quote}"{Quote}"<div id="qs">{block:Source}
- — {Source}{/block:Source}</div>{/block:Quote}
- </div>
- <!--CAPTIONS-->
- {block:Ifhidecaptions}
- {block:permalink}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:permalink}
- {/block:Ifhidecaptions}
- {block:Ifnothidecaptions}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Ifnothidecaptions}
- <!--ANSWER POST-->
- {block:Answer}
- <div class="askerimg"><img src="{AskerPortraitURL-16}"></div>
- <u>{Asker}: </u></span>
- <span class="question">{Question}</span>
- <p><div class="answer">{Answer}</div>
- {/block:Answer}
- <div id="buttons">
- <div class="controls">
- <a href="{ReblogURL}" target="_blank" class="reblog">
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg>
- </a>
- <a href="#" class="like">{LikeButton}
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
- </a>
- </div>
- </div>
- <!----- AUDIO POSTS ---->
- {block:Audio}
- {block:AudioPlayer}
- {AudioPlayerGrey}
- {/block:AudioPlayer}
- <br><br><div id="musicinfo">
- {block:TrackName}Track: {TrackName}{/block:TrackName}<br>
- {block:Artist}Artist: {Artist}{/block:Artist}<br>
- {block:Album}Album: {Album}{/block:Album}<br>
- {block:Playcount}Play count: {FormattedPlayCount}{/block:Playcount}
- </div>
- {/block:Audio}
- {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}{block:Lines}{block:Label}<div id="label">{Label} {/block:Label} {Line}</div>{/block:Lines}{/block:Chat}
- {block:Video}{Video-250}{/block:Video}
- </div>
- {block:PostNotes}<div id="pt">{PostNotes}</div>{/block:PostNotes}
- {/block:Posts}</div>
- <div id="pagi"> {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}">LAST /</a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">NEXT </a>
- {/block:NextPage}
- {/block:Pagination}
- </div>
- <!--basic tooltip from tutorial-baby! Enjoy-->
- <style>
- .tooltip{
- display: inline;
- position: relative;
- }
- #s-m-t-tooltip {
- max-width:120px; /*how big the tooltip can be at most*/
- border-radius: 0px; /*change your border radius*/
- padding:3px 4px 5px 4px; /*padding inside tooltip*/
- margin:20px 7px -2px 20px; /*distance from word*/
- background-color:#ffffff; /*background color*/
- font-family: 'Open Sans Condensed', sans-serif; /*tooltip font*/
- font-size:9px; /*tooltip font size*/
- letter-spacing:1px; /*tooltip letter spacing*/
- text-transform:uppercase; /*makes the tooltip title uppercase*/
- color:{color:linkhover}; /*tooltip font color*/
- z-index:999999999999999999999999999999999999;
- border: dashed 1px #f5f5f5;
- }
- </style>
- <!------ S C R I P T S! ------>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
- <div id="mine">
- <a href="http://ilyhazz.tumblr.com" title="theme by ilyhazz"><span class="lnr lnr-code"></span></a>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement