Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- THEME 04 [REPLICA] by saisei-themes @ tumblr
- - do not repost
- - do not claim as your own
- - do not use as base
- - enjoy !
- -->
- <!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>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <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}
- <meta name="color:background" content="#ffffff" />
- <meta name="color:sidebar" content="#f5f5ff" />
- <meta name="color:text" content="#c1c1c1" />
- <meta name="color:blog title" content="#eaeaea" />
- <meta name="color:links" content="#929292" />
- <meta name="color:links hover" content="#c3c3c3" />
- <meta name="color:posts" content="#ffffff" />
- <meta name="color:border" content="#f8f8f8" />
- <meta name="color:desc" content="#fff" />
- <meta name="color:desct" content="#c1c1c1" />
- <meta name="color:bold" content="#c3e4e9" />
- <meta name="color:blockquote" content="#f8f8f8" />
- <meta name="text:text size" content="8" />
- <meta name="image:icon" content="" />
- <meta name="image:background" content="http://i.imgur.com/KeSY33I.png" />
- <meta name="text:blog title" content="" />
- <meta name="if:post shadow" content="0" />
- <meta name="if:infinite scroll" content="0"/>
- <meta name="if:show captions" content="0" />
- <meta name="if:small posts" content="1" />
- <meta name="if:medium posts" content="0" />
- <meta name="if:large posts" content="0" />
- <meta name="if:photo fade" content="1" />
- <meta name="if:link1" content="1" />
- <meta name="if:link2" content="1" />
- <meta name="if:link3" content="1" />
- <meta name="text:link 1 url" content="" />
- <meta name="text:link 1 title" content="" />
- <meta name="text:link 2 url" content="" />
- <meta name="text:link 2 title" content="" />
- <meta name="text:link 3 url" content="" />
- <meta name="text:link 3 title" content="" />
- <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:neou; src:url('https://dl.dropboxusercontent.com/s/ggesu9cscg40a2p/neou-thin.ttf?dl=1'); format(“truetype”);}
- @font-face { font-family: "muli"; src: url('https://dl.dropboxusercontent.com/s/swqjp2tlc6l94cj/muli-light.ttf?dl=1'); format(“truetype”);}
- @-webkit-keyframes fadeInDown {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, -100%, 0);
- transform: translate3d(0, -100%, 0);
- }
- to {
- opacity: 1;
- -webkit-transform: none;
- transform: none;
- }
- }
- ::-webkit-scrollbar{ width: 5px; }
- body::-webkit-scrollbar-thumb{ background-color: {color:bold}; }
- body::-webkit-scrollbar-track { background-color: {color:posts}; }
- #s-m-t-tooltip{
- position:absolute;
- margin-top: 15px;
- text-transform:uppercase;
- z-index:999999;
- font-family: 'hasteristico', sans-serif;
- font-size: 12px;
- color: {color:text}; !important;
- -moz-transition-duration:.80s;
- -webkit-transition-duration:.80s;
- -o-transition-duration:.80s;
- padding: 5px;
- letter-spacing: 1px;
- }
- .tmblr-iframe {
- top: 3px !important;
- right: 3px !important;
- position: fixed !important;
- z-index: 999999 !important;
- white-space: nowrap;
- opacity: 0.3;
- -webkit-filter: invert(100%);
- -moz-filter: invert(100%);
- -o-filter: invert(100%);
- -ms-filter: invert(100%);
- filter: invert(100%);
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- blockquote {
- padding: 0px 0px 0px 10px !important;
- border-left: 1px solid {color:blockquote};
- margin-left: -1px;
- margin-right: 0px;
- }
- body {
- background:url('{image:Background}') top left fixed repeat;
- background-color: {color:background};
- color:{color:text};
- font-family: 'muli', serif;
- text-transform:uppercase;
- -webkit-font-smoothing: antialised;
- overflow-x: hidden;
- font-size: {text:text size}px;
- margin: 0px;
- padding: 0px;
- }
- small, sub {
- font-size: 8px;
- }
- a {
- text-decoration: none;
- font-family: 'muli';
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- color:{color:links};
- }
- a:hover {
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- color:{color:links hover};
- }
- b, strong {
- color: {color:bold};
- }
- em, i { color: {color:links hover};
- }
- pre { white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
- word-wrap: break-word;
- background-color: {color:blockquote};
- padding: 5px;
- font-family: 'muli';
- font-size: 8px;
- }
- hr {
- border: 1px solid {color:blockquote};
- }
- h1,h2 {font-family: 'neou';
- font-size: 20px !important;
- line-height: 20px;
- color: {color:links}; !important;
- letter-spacing: 1px;
- margin-bottom: 2px;
- }
- h1 a, h2 a, h1 b, h2 b, h1 strong, h2 strong { font-size: 20px !important;
- font-family: 'neou';
- }
- /* entries */
- #con {
- width: 100%;
- height: auto;
- margin-left: 10px;
- margin-top: 0;
- }
- #title {
- color:{color:links};
- background:{color:border};
- font-size: 15px;
- font-family: 'neou', sans-serif;
- font-weight: normal;
- text-align: center;
- padding: 5px;
- letter-spacing: 1px;
- line-height: 20px;
- text-transform: uppercase;
- margin-top: 0px;
- width: auto;
- margin: -10px -10px 10px -10px;
- }
- #entries {
- position: absolute;
- {block:ifSmallPosts}width:250px;
- {/block:ifSmallPosts}
- {block:ifMediumPosts}width:400px;
- {/block:ifMediumPosts}
- {block:ifLargePosts}width:500px;
- {/block:ifLargePosts}
- margin-left:40%;
- margin-top: 120px;
- font-size: {text:text size}px;
- letter-spacing: .5;
- }
- #posts {
- {block:ifSmallPosts}width:250px;{/block:ifSmallPosts}
- {block:ifMediumPosts}width:400px;{/block:ifMediumPosts}
- {block:ifLargePosts}width:500px;{/block:ifLargePosts}
- padding: 10px;
- background-color: {color:posts};
- border-left: 1px solid {color:border};
- border-right:1px solid {color:border};
- border-top:1px solid {color:border};;
- border-bottom: 1px solid {color:border};
- {block:ifPostShadow}border-right: 5px solid {color:border};
- border-bottom: 5px solid {color:border};{/block:ifPostShadow}
- margin-bottom: 35px;
- line-height: 13px;
- text-align: justify;
- word-wrap: break-word;
- }
- #posts img, #posts li, blockquote img {
- {block:ifSmallPosts}max-width:250px;{/block:ifSmallPosts}
- {block:ifMediumPosts}max-width:400px;{/block:ifMediumPosts}
- {block:ifLargePosts}max-width: 500px;{/block:ifLargePosts}
- height: auto;
- {block:ifPhotoFade}opacity: .6;
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;{/block:ifPhotoFade}
- }
- iframe.photoset {
- {block:ifSmallPosts}max-width: 250px;{/block:ifSmallPosts}
- {block:ifMediumPosts}max-width:400px;{/block:ifMediumPosts}
- {block:ifLargePosts}max-width: 500px;{/block:ifLargePosts}
- {block:ifPhotoFade}opacity: .6;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;{/block:ifPhotoFade}
- }
- #posts img:hover, #posts li:hover, blockquote img:hover, iframe.photoset:hover {
- {block:ifPhotoFade}opacity: 1.0;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1;{/block:ifPhotoFade}
- }
- /* sidebar */
- #sbar {
- background: {color:sidebar};
- padding: 15px;
- height: auto;
- width: 90px;
- position: fixed;
- margin-top: 120px;
- margin-left: 20%;
- }
- #sbaricon {
- height: 80px;
- width: 80px;
- -webkit-border-radius: 100px;
- -moz-border-radius: 100px;
- border-radius: 100px;
- margin-left: auto;
- margin-right: auto;
- margin-bottom: 10px;
- border: 5px solid {color:posts};
- opacity: .6;
- background-image: url('{image:icon}');
- background-size: cover;
- }
- #linkbc {
- background-color: {color:posts};
- position: absolute;
- margin-left: -1px;
- margin-top: -2px;
- height: 80px;
- width: 80px;
- -webkit-border-radius: 100px;
- -moz-border-radius: 100px;
- border-radius: 100px;
- border: 2px solid {color:posts};
- visibility: hidden;
- opacity: 0;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #sbaricon:hover #linkbc {
- visibility:visible;
- opacity: .8;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #linkb {
- position: absolute;
- margin-left: 11px;
- margin-top: 3px;
- text-align: center;
- width: 60px;
- }
- #linkb a {
- display: inline-block;
- font-family: 'muli';
- font-size: 8px;
- color: {color:links};
- text-decoration: none;
- margin-bottom: 2px;
- text-align: center;
- width: auto;
- position: relative;
- padding: 7px 7px 0px 7px;
- letter-spacing: .5px;
- opacity: 1.0 !important;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #linkb a:hover {
- color: {color:links hover};
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #desctab {
- font-family: 'muli';
- height: 10px;
- padding: 5px;
- font-size: {text:text size}px;
- letter-spacing: .5px;
- text-align: center;
- background-color: {color:desc};
- margin-left: -15px;
- margin-right: -15px;
- margin-bottom: -15px;
- border-left: 1px solid {color:sidebar};
- border-right: 1px solid {color:sidebar};
- border-bottom: 1px solid {color:sidebar};
- }
- #desctab:hover #desc {
- opacity: 1;
- animation-name: fadeInDown;
- animation-duration: 2s;
- }
- #desctab:hover {
- border-bottom: 0px;
- }
- #desc {
- height: 60px;
- opacity: 0;
- position: relative;
- margin-top: 5px;
- width: auto;
- margin-left: -6px;
- margin-right: -6px;
- margin-bottom: -6px;
- background-color: {color:desc};
- border-left: 1px solid {color:sidebar};
- border-right: 1px solid {color:sidebar};
- border-bottom: 1px solid {color:sidebar};
- }
- #desct {
- position: absolute;
- top: 5px;
- padding: 0px 0px 0px 5px;
- margin-bottom: 10px;
- overflow-y: scroll;
- overflow-x: hidden;
- letter-spacing: .5px;
- line-height: 12px;
- height: 50px;
- font-size: {text:text size}px;
- font-family: 'muli';
- color: {color:desct};
- text-align: justify;
- }
- /* pagination */
- #pagination {
- font-family:'muli';
- margin-top: 0px;
- top: 105px;
- margin-left: 20%;
- text-align: center;
- font-size: 10px;
- position: fixed;
- text-transform: uppercase;
- {block:ifInfiniteScroll}
- visibility:hidden;{/block:ifInfiniteScroll}
- }
- #pagination a {
- padding:0px;
- color: {color:links hover} !important;
- font-size: 10px;
- }
- #pagination a:hover {
- color: {color:links} !important;
- }
- /* post info */
- #permalink {
- margin-top:10px;
- padding: 2px;
- text-align: center;
- background:{color:sidebar};
- width: auto;
- margin: 10px -11px -10px -11px;
- }
- #permalink a {padding-right:5px;
- color: {color:links hover};
- font-size: 7.5px;
- text-transform:uppercase;
- font-family: 'muli';
- margin-left: 15px;
- }
- #permalink a:hover {
- color: {color:links};
- }
- .tags {
- text-align: justify;
- position: relative;
- margin-top: -20px;
- width: 100%;
- {block:IndexPage}display: none;{/block:IndexPage}
- }
- .tags a {
- font-size: 7.5px; !important;
- margin-right: 2px;
- text-shadow: none;
- font-family: 'muli';
- text-transform:uppercase;
- color: {color:text};
- display: inline;
- }
- .tags a:hover {
- color:{color:text} !important;
- }
- /* audio */
- .audio
- {padding: 0;}
- .audio_container
- { overflow: hidden;
- position: relative;
- width: 100px;}
- .soundcloud_audio_player
- {width: 100%;}
- .tumblr_audio_player
- {width: 100%;
- opacity: .5;
- }
- /* page notes and captions */
- .pagenotes {
- {block:IndexPage}
- display: none!important;
- {/block:IndexPage}
- {block:ifSmallPosts}width:250px;{/block:ifSmallPosts}
- {block:ifMediumPosts}width:400px;{/block:ifMediumPosts}
- {block:ifLargePosts}width:500px;{/block:ifLargePosts}
- 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;
- }
- .caption {
- {block:IndexPage}
- display:none;
- {/block:IndexPage}
- {block:ifShowCaptions}
- width:100%;
- margin-top:10px;
- {/block:ifShowCaptions}
- }
- /* asks */
- .question {margin-bottom:10px;
- letter-spacing: .5px;
- border-bottom: 1px solid {color:sidebar};
- padding: 10px;
- min-height: 35px;
- }
- .asker {
- font-weight:bold;
- }
- .a {
- margin-top:10px;
- }
- /* quotes */
- #quote{text-align:left;
- font-size:15px;
- line-height:21px;
- color: {color:bold};
- font-family: 'neou';
- text-transform:uppercase;
- letter-spacing: 1px;
- }
- #source {
- margin-top:15px;
- text-align: right;
- }
- </style>
- </head>
- {block:ifInfiniteScroll}
- <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
- {/block:ifInfiniteScroll}
- <body>
- <div id="con">
- <div id="sbar">
- <div id="sbaricon">
- <div id="linkbc">
- <div id="linkb">
- <a href="/" id="linkb a">01</a>
- <a href="/ask" id="linkb a">02</a>
- <a href="/archive" id="linkb a">03</a>
- {block:ifLink1}<a href="{text:link 1 url}" id="linkb a">{text:link 1 title}</a>{/block:ifLink1}
- {block:ifLink2}<a href="{text:link 2 url}" id="linkb a">{text:link 2 title}</a>{/block:ifLink2}
- {block:ifLink3}<a href="{text:link 3 url}" id="linkb a">{text:link 3 title}</a>{/block:ifLink3}<br>
- <a href="http://www.saisei-themes.tumblr.com" id="linkb a">©</a>
- </div>
- </div>
- </div>
- <div id="desctab">{text:blog title}<div id="desc"><div id="desct">{Description}</div></div>
- </div>
- </div>
- {block:ifNotinfinitescroll}
- <div id="pagination">
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}">future</a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">past</a>
- {/block:NextPage}
- {/block:Pagination}
- </div>
- {/block:ifNotInfinitescroll}
- </div>
- <div id="entries">
- <div class="autopagerize_page_element">
- {block:Posts}
- <div id="posts">
- {block:Text}
- {block:Title}
- <div id="title">{Title}</div>{/block:Title}
- {Body}
- {/block:Text}
- {block:Link}
- <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- <div class="chat">{block:Lines}<div class="line">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}
- {Line}</div>{/block:Lines}</div>
- {/block:Chat}
- {block:Answer}
- <div class="question">
- <div id="asker"><img src="{AskerPortraitURL-30}" style="float: left; margin-left:5px;margin-right:15px;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; border: 3px solid {color:border}"></div><div id="asker">{Asker} said: </div>{Question}</div>
- <div class="answer">{Answer}</div>
- {/block:Answer}
- {block:Quote}
- <div id="quote"><font color="{color:blockquote}">❝</font> {Quote} <font color="{color:blockquote}">❞</font></div>
- {block:Source}<div id="source"><font color="{color:blockquote}">— </font> {Source}</div>{/block:Source}
- {/block:Quote}
- {block:Photo}
- {block:ifSmallPosts}{LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:ifSmallPosts}
- {block:ifMediumPosts}{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:ifMediumPosts}
- {block:ifLargePosts}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:ifLargePosts}
- {/block:Photo}
- {block:Photoset}
- {block:ifSmallPosts}{Photoset-250}{/block:ifSmallPosts}
- {block:ifMediumPosts}{Photoset-400}{/block:ifMediumPosts}
- {block:ifLargePosts}{Photoset-500}{/block:ifLargePosts}
- {/block:Photoset}
- {block:Video}
- {block:ifSmallPosts}{Video-250}{/block:ifSmallPosts}
- {block:ifMediumPosts}{Video-400}{/block:ifMediumPosts}
- {block:ifLargePosts}{Video-500}{/block:ifLargePosts}
- {/block:Video}
- {block:Audio}
- <div class="audioContainer">
- {block:AudioEmbed}{AudioEmbed color="white"}{/block:AudioEmbed}
- </div>
- {/block:Audio}
- {block:IfShowCaptions}
- {block:Caption}{Caption}{/block:Caption}
- {/block:IfShowCaptions}
- {block:Date}
- <div id="permalink">
- <a href="{Permalink}">{12Hour}:{Minutes} {AmPm}︎</a>{block:NoteCount}<a href="{Permalink}">❤︎ {NoteCount}</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source︎</a>{/block:ContentSource}{/block:RebloggedFrom}
- </div>
- {/block:Date}
- </div>
- <div id="tags">{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}"># {Tag}</a>{/block:Tags}</div>{/block:HasTags}</div>
- {/block:Posts}
- {block:PostNotes}
- <div class="pagenotes">
- {PostNotes}
- </div>
- {/block:PostNotes}
- </div>
- </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}
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment