Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- 008 - JOA YO!
- theme made by yoonora/exoa
- do not steal.
- -->
- <head><title>―{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <meta name="color:main" content="#333333"/>
- <meta name="color:background" content="#fbfbfb"/>
- <meta name="color:1" content="#d4f2fe"/>
- <meta name="color:2" content="#ffeeee"/>
- <meta name="color:3" content="#fefefe"/>
- <meta name="color:4" content="#fbede0"/>
- <meta name="color:5" content="#ddf2ff"/>
- <meta name="image:icon" content=""/>
- <meta name="image:background" content="http://static.tumblr.com/l9mi3bq/Ifbnnul90/16.png"/>
- <meta name="image:top sidebar" content="http://static.tumblr.com/l9mi3bq/Ul1nnul9t/tumblr_ng3lse7jiy1r9hdr9o1_500.gif"/>
- <meta name="image:corner image" content=""/>
- <meta name="text:title" content="paradise in your eyes"/>
- <meta name="text:Link 1" content="" />
- <meta name="text:Link 1 URL" content="/" />
- <meta name="text:Link 2" content="" />
- <meta name="text:Link 2 URL" content="/" />
- <meta name="text:Link 3" content="" />
- <meta name="text:Link 3 URL" content="/" />
- <meta name="if:Corner Left" content="0"/>
- <meta name="if:Corner Image" content="1"/>
- <meta name="if:Show Caption" content="0"/>
- <meta name="if:Sidebar Style Two" content="0"/>
- <link href="http://static.tumblr.com/l9mi3bq/7F5njbhlz/a.css"rel="stylesheet">
- <link href="http://static.tumblr.com/j2yc61v/A5Anl66ts/s.css"rel="stylesheet">
- <link href="http://static.tumblr.com/j2yc61v/4PPnm3pnz/f.css" rel="stylesheet">
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips();
- });
- })(jQuery);
- </script>
- <!----------------------------------------SCRIPT #1---->
- <script type="text/javascript">
- function unhide(divID) {
- var item = document.getElementById(divID);
- if (item) {
- item.className=(item.className=='hidden')?'unhidden':'hidden';
- }
- }
- </script>
- <!----------------------------------------SCRIPT #2---->
- <script type="text/javascript">
- function showStuff(id) {
- document.getElementById(id).style.display = 'block';
- }
- </script>
- <style type="text/css">
- /*--------------------------------MAIN--*/
- ::-webkit-scrollbar-thumb:vertical {
- background-color:{color:1};
- height: 10px;
- border: 5px solid {color:background};
- border-radius:50px;
- }
- ::-webkit-scrollbar-thumb:horizontal {
- background-color:{color:1};
- height: 10px;
- border: 5px solid {color:background};
- }
- ::-webkit-scrollbar {
- background-color: {color:5};
- height:10px;
- width:15px;
- border: 7px solid {color:background};
- }
- #s-m-t-tooltip {
- font:11px crystal;
- color:{color:main};
- padding:2px 5px 2px 5px;
- background-color:{color:3};
- border:1px solid {color:1};
- }
- iframe#tumblr_controls {
- top:0px;
- right:0px;
- }
- body {
- background:{color:background} url('{image:background}') fixed;
- font:10px crystal;
- }
- .yoonora a{
- border-color:{color:background};
- }
- #bora{
- color:{color:5};
- }
- /*--------------------------------POSTS--*/
- .cont{
- position:absolute;
- left:50%;
- top:80px;
- margin-left:-220px;
- z-index:9999;
- }
- #posts {
- width:450px;
- margin-bottom:50px;
- color:{color:main};
- }
- #posts a {
- color:{color:main};
- border-bottom:1px solid {color:1};
- padding:0px 0px 2px 0px;
- font-style:normal;
- text-transform:uppercase;
- }
- #posts a:hover{
- text-decoration:none;
- }
- #posts blockquote{
- border:1px solid {color:1};
- margin: 5px;
- padding:10px;
- }
- #caption{
- background:{color:3};
- padding:20px;
- margin-top:20px;
- font:10px crystal;
- }
- #caption blockquote{
- color:{color:main};
- border:1px solid {color:1};
- background:{color:3};
- }
- #caption blockquote a{
- color:{color:main};
- }
- #caption blockquote a:hover{
- color:{color:2};
- }
- #posts pre{
- background:{color:background};
- color:{color:main};
- }
- #posts pre a{
- color:{color:1};
- }
- #textpost blockquote{
- border:1px solid {color:main};
- }
- b, strong {
- color:{color:main};
- }
- i, em {
- color:{color:main};
- }
- .title{
- background:{color:2} center url('{image:sidebar}');
- border:1px solid {color:1};
- border-radius:10px;
- background-size:cover;
- }
- #tt{
- background:{color:3};
- border:1px solid {color:main};
- }
- ::-moz-selection{
- background-color: {color:5};
- color:{color:3};
- }
- ::selection{
- background-color:{color:5};
- color:{color:3};
- }
- #photoset{
- overflow:hidden;
- padding:20px;
- height:auto;
- z-index:-1;
- background:{color:1};
- }
- #photo{
- overflow:hidden;
- padding:20px;
- height:auto;
- z-index:-1;
- background:{color:2};
- }
- /*--------------------------------SIDEBAR STYLE #1--*/
- .top_sidebar_one{
- position:relative;
- height:200px;
- width:450px;
- margin-bottom:100px;
- overflow:hidden;
- background:{color:1} center url({image:top sidebar});
- background-size:500px;
- -webkit-transition: all 0.9s ease-out;
- -moz-transition: all 0.9s ease-out;
- transition: all 0.9s ease-out;
- }
- .top_sidebar_one:hover{
- background-size:700px;
- -webkit-transition: all 0.9s ease-out;
- -moz-transition: all 0.9s ease-out;
- transition: all 0.9s ease-out;
- }
- #line{
- position:absolute;
- margin:90px 0px 0px 0px;
- width:450px;
- height:20px;
- background:{color:background} url('{image:background}');
- }
- #icon_one{
- position:absolute;
- margin:40px 0px 0px 170px;
- width:90px;
- height:90px;
- padding:10px;
- border-radius:100px;
- background:{color:background} url('{image:background}');
- -webkit-transform:rotate(-360deg);
- -moz-transform:rotate(-360deg);
- -o-transform:rotate(-360deg);
- -ms-transform:rotate(-360deg);
- -webkit-transition: all 0.9s ease-out;
- -moz-transition: all 0.9s ease-out;
- transition: all 0.9s ease-out;
- }
- #icon_one img{
- width:90px;
- width:90px;
- border-radius:100px;
- }
- .top_sidebar_one:hover #icon_one{
- margin:40px 0px 0px 20px;
- -webkit-transform:rotate(360deg);
- -moz-transform:rotate(360deg);
- -o-transform:rotate(360deg);
- -ms-transform:rotate(360deg);
- -webkit-transition: all 0.9s ease-out;
- -moz-transition: all 0.9s ease-out;
- transition: all 0.9s ease-out;
- }
- #desc_one{
- position:absolute;
- width:200px;
- height:0px;
- padding:10px;
- margin:90px 0px 0px 460px;
- background:{color:background} url('{image:background}');
- overflow-y:auto;
- -webkit-transition: all 0.9s ease-out;
- -moz-transition: all 0.9s ease-out;
- transition: all 0.9s ease-out;
- }
- .top_sidebar_one:hover #desc_one{
- height:70px;
- margin:90px 0px 0px 210px;
- -webkit-transition: all 0.9s ease-out;
- -moz-transition: all 0.9s ease-out;
- transition: all 0.9s ease-out;
- }
- #title_one{
- position:absolute;
- width:450px;
- background:{color:4};
- font:15px courier;
- text-transform:uppercase;
- font-style:italic;
- text-align:left;
- border-left:1px solid {color:4};
- -webkit-transition: all 0.9s ease-out;
- -moz-transition: all 0.9s ease-out;
- transition: all 0.9s ease-out;
- }
- .top_sidebar_one:hover #title_one{
- border-left:100px solid {color:4};
- -webkit-transition: all 0.9s ease-out;
- -moz-transition: all 0.9s ease-out;
- transition: all 0.9s ease-out;
- }
- #links_one{
- position:absolute;
- margin:50px 0px 0px 450px;
- width:300px;
- height:25px;
- overflow:hidden;
- background:{color:2};
- -webkit-transition: all 0.9s ease-out;
- -moz-transition: all 0.9s ease-out;
- transition: all 0.9s ease-out;
- }
- .top_sidebar_one:hover #links_one{
- margin:50px 0px 0px 150px;
- -webkit-transition: all 0.9s ease-out;
- -moz-transition: all 0.9s ease-out;
- transition: all 0.9s ease-out;
- }
- #links_one a{
- text-decoration:none;
- color:{color:main};
- text-transform:uppercase;
- background:{color:3};
- display:inline-block;
- margin:5px 0px 0px 5px;
- padding:0px 3px 0px 3px;
- }
- /*--------------------------------SIDEBAR STYLE #2--*/
- .top_sidebar_two{
- position:relative;
- width:450px;
- height:100px;
- margin-bottom:100px;
- background:{color:5} center url({image:top sidebar});
- }
- #icon_two{
- position:absolute;
- margin:40px 0px 0px 30px;
- width:70px;
- height:70px;
- padding:20px;
- border-radius:100px;
- background:{color:background} url('{image:background}');
- }
- #icon_two img{
- width:70px;
- width:70px;
- border-radius:100px;
- }
- #desc_two {
- position:absolute;
- bottom:0px;
- right:0px;
- width:300px;
- padding:10px;
- padding-left:5px;
- padding-right:5px;
- word-spacing:1px;
- letter-spacing:1px;
- font-size:9px;
- font: 9px courier;
- text-transform:uppercase;
- text-align:right;
- font-style:italic;
- }
- .desc_two {
- line-height:180%;
- background:{color:4};
- color:{color:main};
- }
- #title_two {
- position:absolute;
- top:0px;
- right:0px;
- width:400px;
- padding-left:5px;
- padding-right:5px;
- word-spacing:1px;
- letter-spacing:1px;
- font-size:9px;
- font: 15px courier;
- text-transform:uppercase;
- text-align:right;
- font-style:italic;
- }
- .title_two {
- line-height:180%;
- background:{color:2};
- color:{color:main};
- }
- #links_two{
- position:absolute;
- width:360px;
- height:20px;
- right:0px;
- text-align:right;
- margin-top:110px;
- }
- #links_two a{
- color:{color:main};
- text-decoration:none;
- background:{color:3};
- display:inline-block;
- padding:2px 5px 2px 5px;
- border:1px solid {color:1};
- margin-bottom:5px;
- text-transform:uppercase;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- #links_two a:hover{
- padding:2px 20px 2px 20px;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- /*--------------------------------POST INFO--*/
- #post_info {
- text-align:left;
- margin-top:20px;
- background:{color:5};
- border-radius:0px;
- padding:10px 50px 5px 50px;
- }
- #post_info a{
- border:none;
- background:{color:3};
- padding:3px 5px 3px 5px;
- color:{color:main};
- font-family:arial;
- font-style:italic;
- font-weight:bold;
- font-size:10px;
- }
- #post_info a:hover {
- background:{color:4};
- padding:3px 30px 3px 30px;
- }
- #tags{
- margin-top:5px;
- font:10px courier;
- text-align:right;
- }
- #tags a{
- background:{color:3};
- text-transform:uppercase;
- color:{color:main};
- margin-left:10px;
- line-height:30px;
- padding:5px 10px 5px 10px;
- }
- #tags a:hover{
- padding:5px 40px 5px 40px;
- background:{color:1};
- }
- /*--------------------------------PERMALINK--*/
- #notes{
- background:{color:2};
- color:{color:main};
- border:1px solid {color:main};
- }
- #notes a{
- border:1px solid {color:1};
- color:{color:main};
- background:{color:background};
- }
- #perma_tags{
- background:{color:4};
- border:1px solid {color:5};
- }
- #perma_tags a{
- background:{color:2};
- border:1px solid {color:main};
- color:{color:main};
- padding:4px 8px 4px 8px;
- }
- #permas{
- background:{color:4};
- border:1px solid {color:1};
- }
- #permas a{
- color:{color:main};
- border:none;
- }
- /*--------------------------------MUSIC--*/
- .music_w {
- border:1px solid {color:4};
- background:{color:1} bottom url('{image:sidebar}');
- background-size:cover;
- }
- #audiocontent {
- background:{color:3};
- }
- /*--------------------------------QUOTE--*/
- #quote{
- padding:25px;
- font:16px crystal;
- text-align:center;
- line-height:25px;
- letter-spacing:3px;
- color:{color:main};
- background:{color:3};
- }
- #qsource{
- position:relative;
- margin:10px;
- text-align:center;
- font:10px consolas;
- }
- #qsource a{
- color:{color:main};
- }
- /*--------------------------------CHAT--*/
- #chatpost ul {
- padding:0px;
- }
- .chat li {
- font:10px crystal;
- list-style-type:none;
- margin-left:0px;
- padding:10px;
- float:center;
- }
- .chat li:nth-child(odd) {
- margin-bottom:-5px;
- color:{color:2};
- background:{color:3};
- }
- .chat li:nth-child(even) {
- color:{color:3};
- background-color:{color:1};
- }
- /*--------------------------------ASK--*/
- #askbox {
- color:{color:2};
- background: bottom url({image:sidebar});
- }
- #asker{
- background:{color:3};
- color:{color:main};
- }
- #asker a{
- color:{color:2};
- }
- #asker a:hover{
- color:{color:1};
- }
- #question{
- background:{color:background};
- }
- /*--------------------------------EXTRA--*/
- .hidden {display: none;}
- .unhidden {display: block;}
- #nav{
- width:450px;
- text-align:center;
- margin-bottom:100px;
- }
- #nav a{
- text-decoration:none;
- font-family:crystal;
- font-size:50px;
- font-weight:bold;
- text-transform:uppercase;
- color:{color:main};
- }
- /*--------------------------------END OF CSS--*/
- </style>
- </head>
- <body onkeydown="return false">
- <div id="b"></div>
- {block:IfCornerImage}
- <img src="{image:corner image}"style="position:fixed;max-height:100%;bottom:0px;{block:IfCornerLeft}left:0px;{/block:IfCornerLeft}{block:IfNotCornerLeft}right:0px;{/block:IfNotCornerLeft}z-index:-999"/>
- {/block:IfCornerImage}
- <div class="cont">
- {block:IfNotSidebarStyleTwo}
- <div class="top_sidebar_one">
- <div id="line"></div>
- <div id="title_one">
- {block:Iftitle}
- {text:title}
- {/block:Iftitle}
- {block:IfNottitle}
- {Title}
- {/block:IfNottitle}
- </div>
- <div id="links_one">
- <a href="/">index</a>
- <a href="/ask">ask</a>
- <a href="/archive">archive </a>
- {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}
- </div>
- <div id="icon_one">
- <img src="{image:icon}"style="position:absolute;">
- <img src="{PortraitURL-128}"style="z-index:-1;">
- </div>
- <div id="desc_one">{Description}</div>
- </div>
- {/block:IfNotSidebarStyleTwo}
- {block:IfSidebarStyleTwo}
- <div class="top_sidebar_two">
- <div id="icon_two">
- <img src="{image:icon}"style="position:absolute;">
- <img src="{PortraitURL-128}"style="z-index:-1;">
- </div>
- <div id="title_two">
- <span class="title_two">
- {block:Iftitle}
- {text:title}
- {/block:Iftitle}
- {block:IfNottitle}
- {Title}
- {/block:IfNottitle}
- </span></div>
- <div id="desc_two">
- <span class="desc_two">
- {Description}
- </span></div>
- <div id="links_two">
- <a href="/">index</a>
- <a href="/ask">ask</a>
- <a href="/archive">archive </a>
- {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}
- </div>
- </div>
- {/block:IfSidebarStyleTwo}
- <div class="autopagerize_page_element">
- {block:Posts}
- <div id="posts">
- <!-------------------------------------PHOTOS-->
- {block:Photo}
- {block:IndexPage}
- <div id="photo">
- <img src="{PhotoURL-HighRes}" width="100%">
- </div>
- {block:IfShowCaption}
- {block:Caption}
- <div id="caption">
- {Caption}
- </div>
- {/block:Caption}
- {/block:IfShowCaption}
- {/block:IndexPage}
- {block:PermalinkPage}
- {LinkOpenTag}
- <div id="photo">
- <img src="{PhotoURL-HighRes}" width="100%">
- </div>
- {LinkCloseTag}
- {/block:PermalinkPage}
- {/block:Photo}
- <!-------------------------------------PHOTOSET-->
- {block:Photoset}
- <div id="photoset">
- <center>
- {Photoset-400}
- </center>
- </div>
- {block:IfShowCaption}
- {block:Caption}
- <div id="caption">
- {Caption}
- </div>
- {/block:Caption}
- {/block:IfShowCaption}
- {/block:Photoset}
- <!-------------------------------------AUDIO-->
- {block:Audio}
- <div class="music_w">
- {block:AudioPlayer}
- <div id="player">
- {AudioPlayerWhite}
- </div>
- {/block:AudioPlayer}
- <div id="audiocontent">
- {block:TrackName}
- <code>{TrackName}</code><br>
- {/block:TrackName}
- {block:Artist}―{Artist}{/block:Artist}
- </div>
- </div>
- {/block:Audio}
- <!-------------------------------------VIDEO-->
- {block:Video}
- <center>
- {Video-400}
- </center>
- {block:IfShowCaption}
- {block:Caption}
- <div id="caption">
- {Caption}
- </div>
- {/block:Caption}
- {/block:IfShowCaption}
- {/block:Video}
- <!-------------------------------------ASK-->
- {block:Answer}
- <div class="bubble">
- <div id="askericon"><img src="{AskerPortraitURL-128}"></div>
- <div id="askbox"><div id="asker">{Asker}</div>
- <div id="question">{Question}</div></div>
- <div id="answer">{Answer}</div>
- </div>
- {/block:Answer}
- <!-------------------------------------TEXT-->
- {block:Text}
- {block:Title}
- <div class="title">
- <div id="tt">
- {Title}
- </div>
- </div>
- {/block:Title}
- <div style="background:{color:3};padding:20px;margin:20px;">
- {Body}
- </div>
- {/block:Text}
- <!-------------------------------------LINK-->
- {block:Link}
- <div class="title" style="background:{color:3}; margin-top:10px;">
- <a href="{URL}" {Target}>{Name}</a>
- </div>
- {block:Description}
- <div style="background:{color:3};padding:20px;margin:20px;">
- {Description}
- </div>
- {/block:Description}
- {/block:Link}
- <!-------------------------------------QUOTE-->
- {block:Quote}
- <div id="quote">{Quote}</div>
- {block:Source}
- <div id="qsource">[ {Source} ]</div>
- {/block:Source}
- {/block:Quote}
- <!-------------------------------------CHAT-->
- {block:Chat}
- <div id="chatpost">
- {block:Title}
- <h2 id="titlechat">
- {Title}</h2>
- {/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="{Alt} user_{UserNumber}">
- {block:Label}
- <b>{Label}</b>
- {/block:Label}
- {Line}
- </li>
- {/block:Lines}
- </ul>
- </div>
- {/block:Chat}
- <!-------------------------------------POST INFO-->
- {block:IndexPage}
- <div id="post_info">
- <a href="{Permalink}" target="_blank"title="{lang:Posted TimeAgo}" >{12HourWithZero}.{Minutes}.{Seconds}{CapitalAmPm}</a>
- {block:NoteCount}
- <a href="{Permalink}" target="_blank" > {NoteCountWithLabel} </a>
- {/block:NoteCount}
- <a href="{ReblogURL}"target="_blank" >reblog</a>
- </div>
- <div id="tags">
- {block:HasTags}
- {block:Tags}
- <a href="/tagged/{Tag}">#{Tag}</a>
- {/block:Tags}
- {/block:HasTags}
- </div>
- {/block:IndexPage}
- <!-------------------------------------PERMALINK-->
- {block:PermalinkPage}
- <br>
- <center>
- {block:Caption}
- <a href="#"style="padding:2px 10px 2px 10px;font:10px consolas;border:1px solid {color:2};color:{color:main};background:{color:3};text-transform:uppercase;" onclick="showStuff('cap'); return false;">show caption
- </a>
- </center>
- <br>
- <span id="cap" style="display: none;">
- <div id="caption">
- {Caption}
- </div>
- </span>
- {/block:Caption}
- {block:Date}
- <div id="notes">
- {DayOfWeek}, {Month} {DayOfMonth} {Year}
- {/block:Date}
- {block:NoteCount}
- {NoteCountWithLabel}
- <br>
- {/block:NoteCount}
- </div>
- {block:HasTags}
- <div id="perma_tags">
- {block:Tags}
- <a href="{TagURL}">{Tag}</a> {/block:Tags}
- </div>
- {/block:HasTags}
- {block:PostNotes}
- <br><br>
- <center>
- <a style="padding:2px 10px 2px 10px;font:10px courier;border:1px solid {color:main};color:{color:main};background:{color:1};text-transform:uppercase;" href="javascript:unhide('displaynote');">show notes</a>
- </center>
- <div id="displaynote" class="hidden">
- <div id="permas">
- {PostNotes}
- </div></div>
- {/block:PostNotes}
- {/block:PermalinkPage}
- </div>
- {/block:Posts}
- <!-- {block:NoRebloggedFrom}
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- {/block:NoRebloggedFrom} -->
- {block:ContentSource}<!-- {SourceURL}
- {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- {block:IndexPage}
- {block:Pagination}
- <div id="nav">
- {block:PreviousPage}<a href="{PreviousPage}">{lang:Previous}</a> : {/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">{lang:Next}</a>{/block:NextPage}
- </div>
- {/block:Pagination}
- {/block:IndexPage}
- </div></div></div>
- </div></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement