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}
- <!---- base by mccaliski. Made by hyejeongz ( sawakuyo )
- don't take the credit off thanks and don't steal :) Have a nice day!!--->
- <meta name="color:Background" content="#eceaea"/>
- <meta name="color:Text" content="#838282"/>
- <meta name="color:Link" content="#cc3434"/>
- <meta name="image:sidebar" content=""/>
- <meta name="color:linkhover" content="#cecece"/>
- <meta name="color:bold" content="#cecece">
- <meta name="color:italic" content="#cecece">
- <meta name="color:asker bg" content="#000000">
- <meta name="color:ask" content="#cc3434">
- <meta name="color:border" content="#cecece">
- <meta name="color:post bg" content="#ffffff"/>
- <meta name="color:ask text" content="#ffffff"/>
- <meta name="color:info" content="#ffffff"/>
- <meta name="color:info bg" content="#000000"/>
- <meta name="color:post border" content="#cc3434"/>
- <meta name="color:bq background" content="#000000"/>
- <meta name="color:bq text" content="#ffffff"/>
- <meta name="color:title" content="#ffffff"/>
- <meta name="color:title outline" content="#cc3434"/>
- <meta name="color:tooltip bg" content="#ffffff"/>
- <meta name="text:Link1" content="" />
- <meta name="text:Link1 Title" content="title" />
- <meta name="text:Link2" content="" />
- <meta name="text:Link2 Title" content="title" />
- <meta name="text:Link3" content="" />
- <meta name="text:Link3 Title" content="title" />
- <meta name="text:Link4" content="" />
- <meta name="text:Link4 Title" content="title" />
- <meta name="text:Link5" content="" />
- <meta name="text:Link5 Title" content="title" />
- <meta name="text:Link6" content="" />
- <meta name="text:Link6 Title" content="title" />
- <meta name="text:Link7" content="title" />
- <meta name="text:Link7 Title" content="" />
- <meta name="text:Hover 1" content="hover">
- <meta name="text:Hover 2" content="hover">
- <meta name="text:Hover 3" content="hover">
- <meta name="text:Hover 4" content="hover">
- <meta name="text:Hover 5" content="hover">
- <meta name="text:Hover 6" content="hover">
- <meta name="text:Hover 7" content="hover">
- <meta name="text:Hover 8" content="hover">
- <meta name="text:Song" content="Music here"/>
- <style type="text/css">
- @font-face { font-family:"gasara"; src: url('https://dl.dropboxusercontent.com/s/rs1x228jf7c97uf/gasara.ttf?dl=1'); format(“truetype”);}
- @font-face { font-family: "bebas_neue"; src: url('https://dl.dropboxusercontent.com/s/scbj3da4dz3dfmf/bebasneue.otf?dl=1'); format(“truetype”);}
- @font-face { font-family: "silkscreen"; src: url('https://dl.dropboxusercontent.com/s/4bj79wi75v77m0r/slkscr.ttf?dl=1'); format(“truetype”);}
- @font-face {font-family: "color of autumn";src: url('https://dl.dropboxusercontent.com/s/l06x9nm9m2aw6n8/colors%20of%20autumn.ttf?dl=1'); format("truetype");}
- @font-face {font-family:neou; src:url('https://dl.dropboxusercontent.com/s/ggesu9cscg40a2p/neou-thin.ttf?dl=1'); format(“truetype”);}
- ::-webkit-scrollbar {width: 9px; height: 3px; background: {color:post bg};}
- ::-webkit-scrollbar-thumb {background-color:{color:link} ; border: 0px solid {color:post bg};}
- #s-m-t-tooltip {
- z-index:99;
- display:none;
- position:absolute;
- margin-right: 35px;
- margin-top: 15px;
- max-width: 200px;
- text-align: justify;
- line-height: 90%;
- background:{color:tooltip bg};
- padding: 5px;
- border-left:4px solid {color:link};
- font-size: 8px;
- font-family:"gasara",'Marcellus SC', serif;
- color:{color:text};}
- body {
- background:{color:background};
- margin:0px;
- color:{color:text};
- font-family:arial;
- font-size:10px;
- line-height:16px;
- word-wrap:break-word;
- }
- a {
- color:{color:link};
- text-decoration: none;
- }
- a:hover {
- color:{color:linkhover};
- }
- img {
- border:none;
- max-width:100%;
- -webkit-filter: grayscale(70%);
- opacity: .9;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- -o-transition: all 0.9s ease;
- }
- img:hover{
- -webkit-filter: grayscale(0%);
- opacity: 1;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- -o-transition: all 0.9s ease;
- }
- blockquote {
- width:auto;
- margin-left:0px;
- padding:1px 3px 1px 3px;
- border-left:4px solid {color:link};
- background:{color:bq background};
- font-size:8px;
- font-family:helvetica;
- text-transform:uppercase;
- color:{color:bq text};
- }
- blockquote blockquote {
- padding-left:5px;
- border-left:2px solid;
- }
- h1 {
- text-shadow: 2px 0 .2px #FF0000, -2px 0 .2px #00F1F5;
- color:#000;
- font-size:25px;
- font-family: "neou";
- }
- b, strong {
- color:{color:bold};
- font-weight:bold;
- }
- i, em {
- color:{color:italic};
- }
- small {
- font-size:9px;}
- big {
- font-size:12px;}
- pre {
- background:{color:bq background};
- color:{color:bq text};
- }
- #entries {
- padding:15px;
- width:440px;
- margin-left:750px;
- margin-top:20px;
- }
- #post {
- border:4px solid {color:post border};
- width:400px;
- padding:20px 20px 20px 20px;
- background:{color:post bg};
- margin-bottom:20px;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- #photoset {
- -webkit-filter: grayscale(70%);
- opacity: .9;
- margin-bottom:-3px;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- -o-transition: all 0.9s ease;
- outline-offset: -16px;
- outline:double 1px #000;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- -o-transition: all 0.9s ease;
- }
- #photoset:hover{
- -webkit-filter: grayscale(0%);
- opacity: 1;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- -o-transition: all 0.9s ease;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- -o-transition: all 0.9s ease;
- outline-offset: -142px;
- outline:double 142px rgba(255,255,255,0.4)
- }
- #photo img {
- -webkit-filter: grayscale(40%);
- opacity: .8;
- max-width:100%;
- margin-bottom:-3px;
- outline-offset: -16px;
- outline:double 1px #000;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- -o-transition: all 0.9s ease;
- }
- #photo img:hover{
- -webkit-filter: grayscale(0%);
- opacity: 1;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- -o-transition: all 0.9s ease;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- -o-transition: all 0.9s ease;
- outline-offset: -142px;
- outline:double 142px rgba(255,255,255,0.4);
- }
- #sidebar {
- background: transparent;
- height:100%;
- width:350px;
- position:fixed;
- left:210px;
- top:0px;
- }
- #title {
- color:{color:title};
- position:fixed;
- font-size:40px;
- text-align:center;
- top:107px;
- left:240px;
- width:300px;
- letter-spacing:1px;
- font-family: "color of autumn";
- text-shadow:-1px 0px 2px {color:title outline}, 0px 1px 0px {color:title outline}, 1px 0px 0px {color:title outline}, -1px 0px 0px {color:title outline};
- transition-duration: 0.8s;
- -moz-transition-duration: 0.8s;
- -webkit-transition-duration: 0.8s;
- -o-transition-duration: 0.8s;
- }
- #sidebar:hover #title{
- opacity:0;
- transition-duration: 0.4s;
- -moz-transition-duration: 0.4s;
- -webkit-transition-duration: 0.4s;
- -o-transition-duration: 0.4s;
- top:140px;
- }
- #sidebarimage img {
- position:fixed;
- background:white;
- border:4px solid {color:link};
- padding:7px;
- width:270px;
- height:370px;
- left:240px;
- top:140px;
- -webkit-filter: grayscale(0%);
- opacity: .9;
- }
- #description {
- line-height:100%;
- overflow:auto;
- opacity:0;
- font-family:helvetica;
- font-size:9px;
- text-transform:uppercase;
- top: 395px;
- left: 270px;
- width: 218px;
- height: 75px;
- padding: 7px;
- overflow: hidden;
- position:fixed;
- text-align: center;
- background: white;
- transition-duration: 0.8s;
- -moz-transition-duration: 0.8s;
- -webkit-transition-duration: 0.8s;
- -o-transition-duration: 0.8s;
- }
- #sidebar:hover #description{
- opacity:1;
- transition-duration: 0.4s;
- -moz-transition-duration: 0.4s;
- -webkit-transition-duration: 0.4s;
- -o-transition-duration: 0.4s;
- top:415px;
- }
- #pagination {
- position:fixed;
- font-size:12px;
- text-align:center;
- top:570px;
- left:370px;
- }
- #info {
- width:390px;
- padding:5px;
- font-size:8px;
- color:{color:info};
- margin-top:10px;
- margin-bottom:5px;
- letter-spacing:2px;
- font-family:gasara;
- text-align:left;
- margin-top:-30px;
- background:{color:info bg};
- opacity:0;
- -webkit-transition: all 0.8s ease-in-out;
- -moz-transition: all 0.8s ease-in-out;
- transition: all 0.8s ease-in-out;
- }
- #info a{
- color:{color:info};
- }
- #post:hover #info {
- margin-top:10px;
- opacity:1;
- -webkit-transition: all 0.8s ease-in-out;
- -moz-transition: all 0.8s ease-in-out;
- transition: all 0.8s ease-in-out;
- }
- #asker {
- font-family:neou;
- padding-left:4px;
- font-size:22px;
- line-height:12px;
- font-weight:bold;
- font-style:normal;
- margin-left:-8px;
- text-align:center;
- text-transform:lowercase;
- }
- #asker a {
- color:{color:ask};
- }
- #question {
- background:{color:ask};
- margin-top:10px;
- border:4px double {color:post bg};
- padding:10px;
- padding-left:8px;
- font:8px silkscreen;
- text-align:center;
- }
- #answer {
- line-height:100%;
- margin-top:5px;
- background:{color:post bg};
- padding:10px;
- font-size:8px;
- text-align:justify;
- font-family: "silkscreen";
- color:{color:text};
- border:4px double {color:link};
- }
- #nav1 {
- top: 535px;
- left: 240px;
- position: fixed;
- z-index: 999;
- -webkit-transition: 0.9s;
- -moz-transition: 0.9s;
- -o-transition: 0.9s;
- -ms-transition: 0.9s;
- transition: 0.9s;
- }
- .navi a {
- border:1px solid {color:link};
- width: 40px;
- height: 15px;
- background-color: {color:post bg};
- color:#000;
- display: inline-block;
- margin-bottom: 4px;
- padding: 7px;
- text-align: center;
- font-family:helvetica;
- font-size:9px;
- text-transform:uppercase;
- letter-spacing: 1px;
- line-height:15px;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- .navi a:hover {
- background-color: {color:link};
- text-shadow: 1px;
- border: 1px solid {color:post bg};
- color:white;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- #hover{
- opacity:0;
- padding:10px;
- top: 268px;
- left: 200px;
- position: fixed;
- z-index: 999;
- -webkit-transition: 0.9s;
- -moz-transition: 0.9s;
- -o-transition: 0.9s;
- -ms-transition: 0.9s;
- transition: 0.9s;
- }
- #sidebar:hover #hover {
- opacity:1;
- -webkit-transition:all .4s ease;
- -moz-transition:all .4s ease;
- -o-transition:all .4s ease;
- transition-delay: 0s;
- -webkit-transition-delay: .6s;
- }
- .hv a {
- width: 10px;
- height: 10px;
- background-color: {color:link};
- color:#fff;
- display: block;
- margin-bottom: 4px;
- padding: 5px;
- border:1px solid {color:post bg};
- text-align: center;
- font-size: 8px;
- font-family:gasara;
- text-transform: uppercase;
- letter-spacing: 1px;
- line-height:7px;
- -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;
- }
- .hv a:hover {
- background-color: {color:post bg};
- border-radius:100%;
- text-shadow: 1px;
- border:1px solid {color:link};
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- #hover2{
- opacity:0;
- padding:10px;
- top: 268px;
- left: 528px;
- position: fixed;
- z-index: 999;
- -webkit-transition: 0.9s;
- -moz-transition: 0.9s;
- -o-transition: 0.9s;
- -ms-transition: 0.9s;
- transition: 0.9s;
- }
- #sidebar:hover #hover2{
- opacity:1;
- -webkit-transition:all .4s ease;
- -moz-transition:all .4s ease;
- -o-transition:all .4s ease;
- transition-delay: 0s;
- -webkit-transition-delay: .6s;
- }
- #mplay {
- margin-top:170px;
- margin-left:130px;
- position:fixed;
- opacity:0;
- width:103px;
- height:20px;
- border:1px solid {color:link};
- transition-duration: 0.8s;
- -moz-transition-duration: 0.8s;
- -webkit-transition-duration: 0.8s;
- -o-transition-duration: 0.8s;
- }
- #sidebar:hover #mplay {
- margin-top:115px;
- opacity:1;
- transition-duration: 0.4s;
- -moz-transition-duration: 0.4s;
- -webkit-transition-duration: 0.4s;
- -o-transition-duration: 0.4s;
- }
- #audioplayer {
- border:1px solid black;
- z-index:1;
- width:25px;
- height:25px;
- overflow:hidden;position:absolute;
- margin-top:15px;
- margin-bottom:15px;
- margin-left:15px;
- opacity: 0;
- filter:alpha(opacity=0);
- -moz-opacity: 0;
- -khtml-opacity: 0;
- linear;-webkit-transition:all 0.4s linear;
- -moz-transition:all 0.4s linear;
- transition:all 0.4s linear;}
- #audioplayer:hover {
- opacity: 0.7;
- filter:alpha(opacity=70);
- -moz-opacity: 0.7;
- -khtml-opacity: 0.7;
- linear;-webkit-transition:all 0.4s linear;
- -moz-transition:all 0.4s linear;
- transition:all 0.4s linear;}
- #audiocaption{
- border-left:7px solid black;
- margin-left:60px;
- padding-left:3px;
- height:55px;}
- #albumart {float:left;border:1px solid black;}
- }
- .tags {
- font-family: gasara;
- font-size: 8px;
- text-transform: uppercase;
- letter-spacing: 1;
- line-height: 17px; }
- .tags a {
- color: {color:borders};
- background-color:{color:post border};
- padding:4px;}
- .tags a:hover {
- color:{color:borders};}
- #cred {
- position:fixed;
- bottom:5px;
- left:5px;
- width:20px;
- font-size:10px;
- padding:5px;
- text-transform:uppercase;
- text-align:center;
- color:black;
- font-weight:bold;
- font-style:bold;
- }
- {CustomCSS}</style></head><body>
- <script type="text/javascript">
- function unhide(divID) {
- var item = document.getElementById(divID);
- if (item) {
- item.className=(item.className=='hidden')?'unhidden':'hidden';
- }
- }
- </script>
- <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title],a[title],img[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:30,
- tip_fade_speed:300,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <div id="sidebar">
- <div id="title">{Title}</div>
- <div id="sidebarimage"><img src="{image:sidebar}"></div>
- <div id="description"> {description}
- </div>
- <div class="navi" id="nav1">
- <a title="{text:Hover 1}"></a>
- <a title="{text:Hover 1}"></a>
- <a title="{text:Hover 1}"></a>
- <a title="{text:Hover 1}"></a>
- <a title="{text:Hover 1}"></a>
- </div>
- <div class="hv" id="hover">
- <a href="/" title="index"></a>
- <a href="/ask" title="inquire"></a>
- <a href="/submmit" title="submit"></a>
- <a href="{text:Link1}" title="{text:Link1 Title}"></a>
- <a href="{text:Link2}" title="{text:Link2 Title}"></a>
- </div>
- <div class="hv" id="hover2">
- <a href="{text:Link3}" title="{text:Link3 Title}"></a>
- <a href="{text:Link4}" title="{text:Link4 Title}"></a>
- <a href="{text:Link5}" title="{text:Link5 Title}"></a>
- <a href="{text:Link6}" title="{text:Link6 Title}"></a>
- <a href="{text:Link7}" title="{text:Link7 Title}"></a>
- </div>
- <div id="mplay"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="103" height="20">
- <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
- <param name="bgcolor" value="#ffffff" />
- <param name="FlashVars" value="mp3={text:Song}&width=103&height=20&autoplay=1&showslider=0&bgcolor1=ffffff&bgcolor2=ffffff&buttoncolor=000000&buttonovercolor=000000&showlist=0" />
- </object></div>
- <div id="pagination">
- {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">-PRE</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">+NEXT</a>{/block:NextPage}{/block:Pagination}
- </div>
- </div>
- <div id="cred"><a href="http://hyejeongz.tumblr.com" title="hyejeongz.">HJZ</a></div>
- <div id="entries">{block:Posts}<div id="post">
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:Photo}<div id="photo">{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}</div>{/block:Photo}
- {block:Photoset}<div id="photoset">{Photoset-400}</div>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}{Quote}{block:Source} —{Source}{/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}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
- {block:Audio}
- <div id="audioplayer">{AudioPlayerWhite}</div><div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="55">{/block:AlbumArt}</div><div id="audiocaption">{block:TrackName}<b>Track:</b> {TrackName}<br>{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
- {block:Album}<b>Album:</b> {Album}<br>{/block:Album}<b>Plays:</b> {PlayCount}<br> </div>
- {/block:Audio}
- {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}
- <div id="asker"><b>☆ {Asker}</b></div><div id="question"> {Question}</div><div id="answer">{Answer}</div>
- {/block:Answer}
- <div id="info"> <a href="{Perimalink}">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} with <a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom} - <a href="{ReblogParentURL}"> via </a> {/block:RebloggedFrom}
- {block:ContentSource} - <a href="{SourceURL}">©</a>{/block:ContentSource}{/block:RebloggedFrom}<div id="tags">
- {block:HasTags}{block:Tags} <small> # </small> <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div></div>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:Posts}</div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement