Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE HTML>
- <html>
- <head>
- <!-- T H E M E 0 1 M E R A K I B Y I R O H I N O --->
- <title>{title}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="http://i12.photobucket.com/albums/a213/superkate_2468/favicon-1-2.png" />
- <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
- <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
- <meta name="if:ShowCaption" content="1">
- <meta name="color:bg color" content="#fefefe" />
- <meta name="color:scrollbar color" content="#edf8fe" />
- <meta name="color:title bg color" content="#edf8fe" />
- <meta name="color:border color" content="#f0f0f0" />
- <meta name="color:sidebar bg color" content="#ffffff" />
- <meta name="color:description left border color" content="#edf8fe" />
- <meta name="color:post bg color" content="#ffffff" />
- <meta name="color:post border color" content="#edf8fe" />
- <meta name="color:selection color" content="#edf8fe" />
- <meta name="text:link one name" content="index" />
- <meta name="text:link one url" content="/" />
- <meta name="text:link two name" content="ask" />
- <meta name="text:link two url" content="/ask" />
- <meta name="text:link three name" content="past" />
- <meta name="text:link three url" content="/archive" />
- <meta name="text:link four name" content="nav" />
- <meta name="text: link four url" content="/" />
- <meta name="text:title font size" content="13" />
- <meta name="text:post font size" content="9" />
- <meta name="image:bg image" content="/" />
- <meta name="image:sidebar image" content="http://36.media.tumblr.com/f651f37d4746350ca4c7ccc54fa422a1/tumblr_o2k15731k61tmlqbco1_500.png" />
- <meta name="select:font" content="open sans" title="open sans" />
- <meta name="select:font" content="consolas" title="consolas" />
- <meta name="select:font" content="karla" title="karla" />
- <meta name="select:font" content="amble" title="amble" />
- <meta name="select:font" content="arial" title="arial" />
- <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
- <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:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <style type="text/css">
- @font-face {font-family: "consolas"; src: url('https://dl.dropboxusercontent.com/s/p36eqkb69yb4r9i/Consolas.ttf'); }
- @font-face {font-family: "amble"; src: url('https://dl.dropboxusercontent.com/s/3il8i2ohwbtcqna/Amble-Regular.ttf'); }
- @font-face {font-family: "karla"; src: url('https://dl.dropboxusercontent.com/s/r8h2qs0ab3fmdaa/Karla-Regular.ttf'); }
- ::-webkit-scrollbar {
- width: 6px;
- height: 6px;
- }
- ::-webkit-scrollbar-button {
- width: 0px;
- height: 0px;
- }
- ::-webkit-scrollbar-thumb {
- background: {color:scrollbar color};
- border-radius: 3px;
- }
- ::-webkit-scrollbar-thumb:hover {
- background: {color:scrollbar color};
- }
- ::-webkit-scrollbar-thumb:active {
- background: {color:scrollbar color};
- }
- ::-webkit-scrollbar-track {
- background: #ffffff;
- border-radius: 3px;
- }
- ::-webkit-scrollbar-track:hover {
- background: #ffffff;
- }
- ::-webkit-scrollbar-track:active {
- background: #ffffff;
- }
- ::-webkit-scrollbar-corner {
- background: transparent;
- }
- body {
- margin: 0px;
- padding: 0px;
- background: {color:bg color} url('{image:bg image}') fixed;
- font-family: {select:font};
- }
- a {
- color: #888888;
- text-decoration: none;
- }
- #titlebar {
- position: fixed;
- width: 138px;
- height: 25px;
- background-color: {color:title bg color};
- border: 1px solid {color:border color};
- left: 190px;
- top: 310px;
- border-radius: 12px 12px 0px 0px;
- z-index: 99999;
- }
- #btitle {
- font-family: {select:font};
- font-size: {text:title font size}px;
- color: #a3a3a3;
- padding: 5px 3px 3px 11px;
- }
- .permatext{
- display:block;
- margin-top:1px;
- margin-bottom:3px;
- width:246px;
- height:17px;
- line-height:15px;
- text-align:center;
- background:#FFFFF;
- }
- #sidebar {
- position: fixed;
- height: 103px;
- width: 138px;
- background-color: {color:sidebar bg color};
- border: 1px solid {color:border color};
- left: 190px;
- top: 340px;
- z-index: 9999;
- }
- #sidebar-desc {
- position: fixed;
- height: 50px;
- width: 120px;
- background-color: {color:sidebar bg color};
- border: 1px solid {color:border color};
- z-index: 9999999;
- left: 90px;
- top: 420px;
- border-left: 7px solid {color:description left border color};
- z-index: 9999;
- }
- #sidebard {
- font-family: {select:font};
- font-size: 10px;
- padding: 4px 0px 4px 4px;
- height: 40px;
- width: 115px;
- background-color: {color:sidebar bg color};
- overflow: auto;
- color: #888888;
- }
- .sidebimg {
- max-height: 90px;
- max-width: 160px;
- display: block;
- margin: 0 auto;
- margin-top: 12px;
- }
- #position-menu-bar {
- position:fixed;
- left: 330px;
- top: 305px;
- z-index:99999999;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- .menu-bar {
- display:block;
- width:35px;
- height:30px;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- .menu-bar img {
- width:10px;
- height:10px;
- margin-top: 9px;
- margin-left: 10px;
- }
- .mb {
- font-size: 9px;
- text-align: left;
- line-height: 18px;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- border-bottom: 1px solid #dedede;
- padding-bottom: 1px;
- }
- .mb:hover {
- color: #b5b5b5;
- }
- #more-bar {
- display:block;
- opacity:0;
- position:absolute;
- padding:12px;
- margin-top:2px;
- margin-left:-251px;
- width:70px;
- text-align:center;
- background-color:{color:sidebar bg color};
- color:#f0f0f0;
- border: 1px solid {color:border color};
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- #position-menu-bar:hover #more-bar {
- margin-left: 21px;
- opacity:1;
- }
- #triangle {
- width:0;
- height:0;
- border-top:10px solid {color:post border color};
- border-right:10px solid transparent;
- position:absolute;
- margin-top:-17px;
- margin-left:-6px;
- opacity:1;
- -webkit-transform:rotate(45deg);
- -moz-transform:rotate(45deg);
- -o-transform: rotate(45deg);
- }
- #post {
- width: 250px!important;
- padding: 15px;
- margin-left: 540px;
- left: 540px;
- margin-top: 35px;
- margin-bottom: 35px;
- background-color: {color:post bg color};
- border: 1px solid {color:border color};
- font-family: {select:font};
- color: #888888;
- font-size: {text:post font size}px!important;
- border-bottom: 4px solid {color:post border color};
- opacity: .7;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- #post img {
- max-width: 250px!important;
- overflow: hidden;
- }
- #post:hover {
- opacity: 1;
- }
- #post a {
- border-bottom: 1px solid #dedede;
- padding-bottom: 1px;
- color: #888888;
- font-size: 8px;
- }
- h1 {
- font-size: 10px;
- color: #888888;
- text-transform: uppercase;
- }
- h1 a {
- font-size: 15px;
- text-decoration: none;
- color: #888888;
- }
- #quote {
- font: 13px consolas;
- text-align: left;
- display: block;
- font-variant: small-caps;
- }
- #audio {
- background: #ffffff;
- width: 250px;
- display: block;
- padding-bottom: 20px;
- }
- .caption {
- font-size: 8px;
- text-align: right;
- font-family: {select:font};
- display:block;
- border-right:4px solid {color:post border color};
- padding-right:7px;
- text-transform: uppercase;
- letter-spacing: 1px;
- }
- .caption img {
- max-width:250px;
- }
- #date, #rebloglink, #rebloglink a, #date a, #notecount a {
- color: {color:post border color};
- text-decoration:none;
- border: none;
- }
- #rebloglink a, #date a, #notecount a {
- font-size: 13px;
- font-family: consolas;
- }
- #info {
- width:250px;
- padding:0px 5px;
- margin-left:540px!important;
- margin-top: -25px;
- text-transform: uppercase;
- letter-spacing:1px;
- font: 8px/8px Consolas, arial, helvetica, sans-serif;
- color: #888888;
- }
- #info a, #note a {
- color: #a3a3a3;
- text-decoration:none;
- }
- #note {
- width: 277px;
- max-height: 200px;
- overflow: auto;
- border: 1px solid {color:border color};
- margin-left:543px!important;
- margin-top: 40px !important;
- color: #888888;
- font-family: {select:font};
- margin-bottom: 30px;
- }
- #btitle a {
- text-decoration: none;
- color: #b0b0b0;
- }
- #s-m-t-tooltip {
- max-width:300px;
- background-color:#ffffff;
- border: 1px solid #f0f0f0;
- font-family: consolas;
- font-size: 8px;
- color: #888888;
- letter-spacing: 1px;
- padding:3px 4px 3px 4px;
- margin:20px 0px 0px 20px;
- z-index:999999999999999999999999999999999999;
- border-radius: 2px;
- }
- #ab {
- text-transform: uppercase;
- letter-spacing: 1px;
- font-size: 10px;
- padding-bottom: 4px;
- }
- #ba {
- padding-top: 8px;
- }
- #note li {
- list-style-type: none;
- padding: 4px 0px 4px 0px;
- text-align:left;
- margin-left: -30px;
- border-bottom:1px solid {color:post border color};
- line-height:120%;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- font-size: 8px;
- word-spacing: 2px;
- }
- #note img {
- display:none!important;
- }
- #information {
- width: 120px;
- height: 120px;
- position: absolute;
- margin-left: 280px!important;
- margin-top: 0px;
- text-align: left;
- font-variant: none!important;
- color: #edf8fe;
- }
- #date {
- width: 12px;
- height: 12px;
- background-color: {color:post border color};
- color: #edf8fe;
- margin-bottom: 8px;
- opacity: 0;
- -webkit-transition: all .2s ease-in-out;
- transition: all .2s ease-in-out;
- }
- #notecount {
- width: 12px;
- height: 12px;
- margin-bottom: 8px;
- background-color: {color:post border color};
- color: #edf8fe;
- opacity: 0;
- -webkit-transition: all .8s ease-in-out;
- transition: all .8s ease-in-out;
- }
- #rebloglink {
- width: 12px;
- height: 12px;
- background-color: {color:post border color};
- color: #edf8fe;
- opacity: 0;
- -webkit-transition: all 1.2s ease-in-out;
- transition: all 1.2s ease-in-out;
- }
- #post:hover #date {
- opacity: 1;
- }
- #post:hover #notecount {
- opacity: 1;
- }
- #post:hover #rebloglink {
- opacity: 1;
- }
- #pagination {
- text-align: center;
- font: 12px consolas;
- width: 250px;
- background-color: #ffffff;
- border: 1px solid {color:border color};
- border-top: 2px solid {color:post border color};
- margin-left: 540px!important;
- margin-top: 50px;
- margin-bottom: 25px;
- padding: 15px;
- word-spacing: 5px;
- }
- #pagination a {
- color: #8a8a8a;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- #pagination a:hover {
- color: #ababab;
- }
- .current_page {
- color: #888888;
- }
- ::selection {
- background: {color:selection color};
- color: #888888;
- }
- ::-moz-selection {
- background: {color:selection color};
- color: #888888;
- }
- ::-webkit-selection {
- background: {color:selection color};
- color: #888888;
- }
- body, #post{
- cursor:url(https://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;
- }
- a, a:hover, a:active {
- cursor:url(http://static.tumblr.com/vmteopo/DH3njhg50/help_cursor.png), crosshair;
- }
- #tagstyle {
- width: 250px;
- display: inline;
- margin-top: 5px;
- font-size: 8px;
- color: #888888;
- text-transform: uppercase;
- letter-spacing: 1px;
- }
- #credit {
- height: 20px;
- width: 25px;
- font-family: consolas;
- font-size: 10px;
- color: #888888;
- position: fixed;
- right: 25px;
- bottom: 10px;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- #credit:hover {
- letter-spacing: 3px;
- }
- .planeta{right:15px; bottom: 3px; text-align: center; text-decoration: none; position:fixed;}
- .planeta:hover{opacity:0.6;-moz-transition:all 1.2s;-o-transition:all 1.2s;-webkit-transition:all 1.2s;}
- #editthis{
- /* EDIT THIS STUFF TO POSITION YOUR MUSIC PLAYER */
- position: fixed;
- top:400px; /* YOU CAN CHANGE THIS TO BOTTOM */
- left:340px; /* YOU CAN CHANGE THIS TO RIGHT */
- z-index:99;}
- /* I DON'T RECOMMEND TOUCHING THIS STUFF */
- #music1{
- position:fixed;
- padding:2px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;}
- #music1:hover #music2{
- opacity:0;
- margin-top:-25px;
- z-index:-1;}
- #music1:hover #music3{
- opacity:1;
- margin-top:-5px;
- z-index:99;}
- #music1:hover #musiclist{
- opacity:1;}
- #music2{
- /* THIS IS THE GIF DIV */
- opacity:1;
- background-color:#fff;
- border:1px dotted #ccc;
- padding:6px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;}
- #music3{
- /* THIS IS THE ACTUAL MUSIC PLAYER DIV */
- opacity:0;
- position:fixed;
- background-color:#fff;
- border:1px dashed #ccc;
- width:55px;
- height:20px;
- z-index:99;
- margin-left:-5px;
- overflow:hidden;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;}
- #musiclist{
- /* THIS IS THE PLAYLIST DIV */
- opacity:0;
- position:fixed;
- padding:6px;
- border:1px dashed #ccc;
- margin-left:10px;
- margin-top:10px;
- font-family:consolas;
- font-size:8px;
- background-color:#fff;
- width:120px;
- color:#999;
- text-transform:uppercase;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;}
- #musiclist h1{
- /*THIS IS THE PLAYLIST TITLE SETTINGS*/
- font-family:consolas;
- font-size:11px;
- margin-top:0px;
- margin-bottom:2px;
- font-style:normal;
- font-weight:normal;
- color:#0000; /*THIS IS THE PLAYLIST TITLE COLOR*/
- border-bottom:1px dotted #ccc;
- text-align:left;
- text-transform:uppercase;}
- </style>
- </head>
- <body>
- </div>
- </div>
- <div id="credit"><a href="" title=""><img src="http://66.media.tumblr.com/f97fd533b5d00829d4db074dfd30e8dd/tumblr_inline_mueoips9yT1qdlkyg.gif"></a></div>
- <div id="titlebar">
- <img src="http://media.tumblr.com/8de9bb5ee53b4d2f18bd9ef113094ad5/tumblr_inline_mowsqzOg121qz4rgp.png">
- <div id="btitle">
- <a href="/"></a>
- </div>
- </div>
- <div id="sidebar">
- <div id="sideb">
- <img src="{image:sidebar image}" class="sidebimg">
- </div>
- </div>
- <div id="sidebar-desc">
- <div id="sidebard">
- {block:description}{description}{/block:description}
- </div>
- </div>
- <div id="position-menu-bar">
- <div class="menu-bar">
- <img src="http://media.tumblr.com/tumblr_m7eiwbMzzo1qdlkyg.gif"/>
- </div>
- <div id="more-bar"><a href="/">{title}</a><br>
- <div id=""></div>
- <a href="{text:link one url}" class="mb"><b><img src="http://media.tumblr.com/5815506768d4d344ad53727bbbce3d4d/tumblr_inline_mki9f7cJ2E1qz4rgp.png"></b> {text:link one name}</a>
- <br>
- <a href="{text:link two url}" class="mb"><b><img src="http://media.tumblr.com/4d928d1e14a16ce66883707b4f26bc78/tumblr_inline_mki9cwQptQ1qz4rgp.png"></b> {text:link two name}</a>
- <br>
- <a href="{text:link three url}" class="mb"><b><img src="http://media.tumblr.com/bb391c613198f73540428adce47a3472/tumblr_inline_mki9egNkuA1qz4rgp.png"></b> {text:link three name}</a>
- <br>
- <a href="{text:link four url}" class="mb"><b><img src="http://media.tumblr.com/dc509d775821ca213742175a4be52bef/tumblr_inline_mki9d4Wk5i1qz4rgp.png"></b> {text:link four name}</a>
- </div>
- </div>
- {block:Posts}
- <div id="post">
- {block:Text}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <img src="{PhotoURL-250}" />
- {block:IfShowCaption}{block:caption}<span class="caption">{caption}</span>{/block:caption}{/block:IfShowCaption}
- {block:IfNotShowCaption}{block:IfNotShowCaption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-250}
- {block:IfShowCaption}{block:caption}<span class="caption">{caption}</span>{/block:caption}{/block:IfShowCaption}
- {block:IfNotShowCaption}{block:IfNotShowCaption}
- {/block:Photoset}
- {block:Quote}
- <div id="quote">{Quote}</div>
- {block:Source}<div align="center">- {Source}</div>{/block:Source}
- {/block:Quote}
- {block:Link}
- <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- <h1>{block:Title}{Title}{/block:Title}</h1>
- {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
- {/block:Chat}
- {block:Audio}
- <div id="audio">{AudioPlayerWhite}</div>
- {block:IfShowCaption}{block:caption}<span class="caption">{caption}</span>{/block:caption}{/block:IfShowCaption}
- {block:IfNotShowCaption}{block:IfNotShowCaption}
- {/block:Audio}
- {block:Video}
- {Video-250}
- {block:IfShowCaption}{block:caption}<span class="caption">{caption}</span>{/block:caption}{/block:IfShowCaption}
- {block:IfNotShowCaption}{block:IfNotShowCaption}
- {/block:Video}
- {block:Answer}
- <div id="ab">{Asker} asked:</div>{Question}
- <div id="ba"><p>{Answer}</p></div>
- {/block:Answer}
- {block:IndexPage}
- <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a><font size="2"><img src="http://66.media.tumblr.com/tumblr_lkl6rrGBei1qfamg6.gif"></font> <a href="{ReblogURL}" target="_blank">Reblog</a></div>
- {/block:IndexPage}
- </div>
- {block:PermalinkPage}
- <div id="info">
- {ShortMonth} {DayOfMonthWithZero} +{block:NoteCount}{NoteCount}{/block:NoteCount} via: {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>
- {/block:RebloggedFrom} <br>
- <div id="tagstyle">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
- </div>
- {block:PermalinkPage}
- {block:PermalinkPage}
- {block:PostNotes}
- <div id="note">{PostNotes}</div>
- {/block:PostNotes}
- {/block:permalinkpage}
- {/block:Posts}
- {block:Pagination}
- <div id="pagination">
- {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}" class="jump_page">♡</a>{/block:NextPage}
- {/block:Pagination}
- </div>
- <div class="planeta">
- <a href="/" title="☆">
- <img src="https://67.media.tumblr.com/c27a3befb4da781c39530a5038c990f5/tumblr_ntpe7aUYLA1tk3u4no1_500.png"/></a>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement