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>
- <style>
- *, body, a, a:hover, links a, links a:hover before { cursor:url("http://31.media.tumblr.com/0e2a174a11c1ecb13a4b09a343d32271/tumblr_inline_mv6r6jUBsw1r63cto.gif"), auto; }
- </style>
- <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>
- <!--basic tooltip from tutorial-baby! Enjoy-->
- <style>
- .tooltip{
- display: inline;
- position: relative;
- }
- #s-m-t-tooltip {
- max-width:300px; /*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*/
- border:1px solid #E0E0E0; /*border info*/
- font-family:calibri; /*tooltip font*/
- font-size:9px; /*tooltip font size*/
- letter-spacing:2px; /*tooltip letter spacing*/
- text-transform:uppercase; /*makes the tooltip title uppercase*/
- color:#000; /*tooltip font color*/
- z-index:999999999999999999999999999999999999;
- }
- </style>
- <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 NAMES-->
- <meta name="color:body" content="#666666"/>
- <meta name="color:links" content="#6f6e6e"/>
- <meta name="color:sblinks" content="#a8a8a8">
- <meta name="color:hover" content="#fafafa"/>
- <meta name="color:info" content="#a8a8a8">
- <meta name="color:desc" content="#aaaaaa">
- <meta name="color:title" content="#aaaaaa">
- <meta name="color:sidebar links" content="#6f6e6e"/>
- <meta name="color:links background" content="#6f6e6e"/>
- <meta name="color:link hover background" content="#6f6e6e"/>
- <meta name="color:bold" content="#fff"/>
- <meta name="color:bold shadow" content="#fff"/>
- <meta name="color:italics" content="#fff"/>
- <meta name="color:italics shadow" content="#fff"/>
- <meta name="color:selection bg" content="#000000"/>
- <meta name="color:selection text" content="#ffffff"/>
- <meta name="color:scrollbar" content="#ffffff"/>
- <meta name="color:scrollbar bg" content="#e3f2ff"/>
- <meta name="color:title" content="#aaaaaa">
- <meta name="image:sb" content=""/>
- <meta name="color:bg" content="#ffffff">
- <meta name="color:scrollbar" content="#AAAAAA">
- <meta name="color:scrollbarbg" content="#ffffff">
- <meta name="text:link A" content=""/>
- <meta name="text:link A url" content="/">
- <meta name="text:link B" content=""/>
- <meta name="text:link B url" content="/">
- <meta name="text:link C" content=""/>
- <meta name="text:link C url" content="/">
- <meta name="text:link D" content=""/>
- <meta name="text:link D url" content="/">
- <meta name="text:link E" content=""/>
- <meta name="text:link E url" content="/">
- <!--
- * theme twenty nine *
- * run run run *
- * kitty :: http://queenseelie.tumblr.com/ *
- ** edit as much as you want bbys, just don't remove the credit or re-post.
- i will find you if you do i s2g**
- -->
- <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
- <style>
- div#qTip {
- padding:3px;
- margin:8px 0px 0px 8px;
- position:absolute;
- display: none;
- text-align: center;
- font-size:8px;
- line-height:9px;
- font-family:times;
- z-index: 1000;
- border: 1px solid, border-color:#fafafa;
- background-color:{color:link hover background};
- color: {color:sidebar links};
- text-transform:uppercase;
- letter-spacing: 1.5px;
- }
- </style>
- <style type="text/css">
- b, strong {
- color: {color:bold};
- font-style:bold;
- font-family:'stars';
- text-shadow: 3px 1px 2px {color:bold shadow};
- }
- i, em {
- color: {color:italics};
- font-style:italic;
- font-size:17px;
- font-family:'silkscreen';
- text-shadow: 0px 0px 2px {color:italics shadow};
- }
- ::selection {
- background: transparent;
- color:{color:selection text};
- }
- ::-moz-selection {
- background: transparent;
- color:{color:selection text};
- }
- ::-webkit-selection {
- background: transparent;
- color:{color:selection text};
- }
- ::-webkit-scrollbar-thumb {
- height:auto;
- background-color:#ab7b61;
- }
- ::-webkit-scrollbar {
- height:9px;
- width:4px;
- background-color:#fef3e8;
- }
- body {
- background-color:#fef3e8;
- font-family:cumbria;
- font-size:10px;
- text-align:justify;
- color:{color:body};
- margin:0;
- background-image:url("http://static.tumblr.com/bttbnbf/4R3nr1k8c/____jasmine_bg.png");
- background-attachment: fixed;
- background-image:stretch;
- background-repeat: no-repeat;
- background-image:cover;
- background-position:left top;
- }
- a {
- color:{color:links};
- text-decoration:none;
- -moz-outline-style:none;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- a:hover{
- color:{color:hover};
- text-shadow: 1px 1px 2px {color:bold shadow};
- letter-spacing:3px;
- }
- img {
- border:none;
- }
- blockquote {
- padding-left:5px;
- border-left:2px solid;
- }
- blockquote blockquote {
- padding-left:5px;
- border-left:2px solid;
- }
- /*SIDEBAR*/
- #sidebar {
- position:fixed;
- margin-left:240px;
- margin-top:120px;
- width:120px;
- padding:15px;
- }
- #sidebar img{
- width: 110px;
- margin-top:0px;
- margin-left:0px;
- }
- #title {
- width:100px;
- text-align:center;
- font-size:0px;
- margin-top:0px;
- margin-left:0px;;
- font-family:calibri;
- letter-spacing:1px;
- text-transform:uppercase;
- position:fixed;
- padding:8px;
- border-bottom: 0px solid #f3f3f3;
- }
- #title a{
- color:{color:title};
- }
- #links {
- position: relative;
- width:150px;
- margin-top: -165px;
- margin-left:490px;
- height:auto;
- padding:2px 0 0 0;
- font-size:12px;
- font-family:calibri;
- text-align:center;
- line-height:200%;
- word-spacing: 0px;
- letter-spacing:4px;
- }
- #links a{
- display:inline-block;
- padding:2px;
- width:15px ;
- color:{color:links};
- text-transform:uppercase;
- text-shadow: 1px 1px 2px {color:bold shadow};
- letter-spacing:4px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #links a:hover{
- color:#fff;
- background:transparent;
- width: 15px;
- text-align:center;
- text-shadow: 2px 1px 2px {color:bold shadow};
- letter-spacing:4px;
- }
- #desc {
- text-align:justify;
- margin-top:5px;
- padding:2px;
- padding-bottom:8.5px;
- width:110px;
- font-size:0px;
- margin-left: 0px;
- font-family:arial;
- text-transform: lowercase;
- font-style:none;
- letter-spacing:0px;
- line-height:170%;
- color: transparent;
- background:transparent;
- border-bottom: 0px solid #eee;
- }
- .pagi {
- position:fixed;
- width:110px;
- font-size:12px;
- text-align:center;
- margin-top:-38px;
- margin-left:592px;
- font-family:cumbria;
- letter-spacing:3px;
- }
- /*ENTRIES*/
- #container {
- padding:10px;
- left:390px;
- top:50px;
- position:fixed;
- background-color:transparent;
- width:499px;
- height:255px;
- top:120px;
- padding: 20px;
- overflow-x:scroll;
- scroll:left;
- overflow-x:hidden;
- opacity:0.8;
- -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;
- }
- #posts {
- width:500px;
- padding:25px;
- position:relative;
- background:#ffffff;
- margin-bottom:50px;
- opacity:0.6;
- -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;
- }
- /*POST INFO*/
- #info {
- width:500px;
- text-align:center;
- font-family:calibri;
- font-size:8px;
- text-transform:uppercase;
- padding:1px;
- color:{color:info};
- line-height:10px;
- border-top:1px solid, border-color:#fff;
- margin-top:5px;
- margin-bottom:55px;
- }
- #info a{
- color:{color:info};
- }
- #info a:hover{
- color:{color:hover};
- }
- #tags{
- width:500px;
- padding:5px;
- margin-top:2px;
- margin-left:-5px;
- font-family:arial;
- float:left;
- text-align:center;
- font-size:7px;
- text-transform:lowercase;
- opacity:1;
- color:{color:links};
- letter-spacing:1px;
- transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- -o-transition-duration: 0.5s
- }
- #tags a {
- display:inline-block;
- color:{color:info};
- font-size:7px;
- text-align:center;
- text-transform:lowercase;
- text-decoration:none;
- }
- #notes{
- font-size:7px;
- text-transform:uppercase;
- }
- #asker {
- font-family:baskerville;
- font-weight:bold;
- font-style:italic;
- font-size:16px;
- color:#666666;
- }
- #ask {
- font-family:helvetica;
- padding:15px;
- margin-top:5px;
- margin-bottom:5px;
- background:#fdfdfd;
- color:#66666;
- font-size:10px;
- text-align:center;
- text-transform:lowercase;
- }
- #ans {
- font-family:helvetica;
- margin-top:5px;
- margin-bottom:5px;
- font-style:normal;
- font-size:10px;
- text-align:center;
- color:{color:text};
- }
- .cover {
- position: relative;
- width: 90px;
- float:left;}
- .player {
- width:20px;
- height:30px;
- z-index: 99;
- overflow: hidden;
- position: relative;
- margin: 15px 24px 13px 16px;
- }
- .audiocontainer {
- background-color:#fff;
- border-radius: 500px;
- position: absolute;
- z-index:99;
- opacity: 0.3;
- margin-top: 15px;
- margin-left: 15px;
- }
- .audiocontainer:hover {
- opacity:0.9;
- }
- .audioinfo {
- padding:20px;
- font-size:11px;
- margin-left: 93px;
- text-align:center;
- background:#fff;
- height: 50px;
- }
- .quote
- {font-size:12px;
- font-family:calibri;
- text-align:center
- line-height:15px;}
- .source
- {font-size:8px;
- text-transform:uppercase;
- font-family:calibri;
- font-weight:bold;
- padding-top:10px;
- text-align:center;
- margin-bottom:10px;}
- /*CREDIT*/
- #maker {
- width:24px;
- height:18px;
- border-radius:15px;
- background-color: #f9f9f9;
- padding-top:6px;
- position:fixed;
- text-align:center;
- right:10px;
- bottom:10px;
- }
- #maker a{
- width:5px;
- font-family:consolas;
- font-size:9px;
- text-align:center;
- text-transform:uppercase;
- text-decoration:none;
- letter-spacing:1px;
- color:#555555;
- border:0px solid #dddddd;
- }
- {CustomCSS}
- @font-face { font-family: "stars"; src: url('http://static.tumblr.com/yzd1hs5/4t6nemvan/starsfromoureyes.ttf'); }
- @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
- #all {
- top:30px;
- left:0px;
- z-index:999;
- position:fixed;
- text-align: center;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- }
- #all:hover #text {
- left:0px;
- opacity:1;
- margin-top:5px;
- }
- #all:hover #updatestitle {
- -webkit-transform: rotateY(360deg);
- -moz-transform: rotateY(360deg);
- -o-transform: rotateY(360deg);
- border-radius:0px;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- }
- #text {
- width:140px;
- height:auto;
- z-index: 9999;
- font-size:13px;
- background: transparent;
- padding: 5px;
- padding-top:10px;
- padding-bottom:5px;
- line-height:145%;
- color:#c9c9c9;
- opacity:0;
- margin-top:-80px;
- border-top: double white;
- border-bottom-right-radius: 3px;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- }
- #text a{
- color:#ababab;
- }
- #text a:hover{
- color:#fff;
- text-decoration:line-through;
- }
- #updatestitle {
- top:-35px;
- left:0px;
- height:30px;
- width: 150px;
- background:transparent;
- color:#fff;
- font-size: 20px;
- font-family:new york;
- font-style:italic;
- padding-top:10px;
- position:absolute;
- text-align: center;
- letter-spacing:1px;
- z-index:9999999;
- border-bottom-right-radius: 3px;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- }
- </style></head>
- <body>
- <div id="all">
- <div id="updatestitle"> <strong> 鋼の花 ;</strong> </div>
- <div id="text">
- <p>
- indie jasmine.<br><a href="http://www.pixiv.net/member_illust.php?mode=medium&illust_id=5915164"/>art source.</a></b>
- </div> </div>
- </div>
- <div id="sidebar">
- <div id="sidebarimg">
- <a href="/"><img src="{image:sb}" /></a>
- <div id="links">
- <a href="{text:Link A url}" title="{text:link A}">01.</a>
- <a href="{text:Link B url}" title="{text:link B}">02.</a>
- <a href="{text:Link C url}" title="{text:link C}">03.</a>
- <a href="{text:Link D url}" title="{text:link D}">04.</a>
- <a href="{text:Link E url}" title="{text:link E}">05.</a>
- </div>
- <div id="desc">{description}</div>
- <div id="title"><a href="/">{Title}</a></div>
- {block:Pagination}
- <div class="pagi">
- {block:PreviousPage}
- <a href="{PreviousPage}">- / </a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">+</a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- </div>
- <div id="container">
- {block:Posts}
- <div id="post">
- <!--TEXT POSTS-->
- {block:Text}
- {block:Title}<h2>{Title}</h2>{/block:Title}
- {Body}
- {/block:Text}
- <!--ASKS-->
- {block:Answer}<div id="ask"><div id="asker">{Asker}</div> {Question}</div>
- <div id="ans">{Answer}</div>{/block:answer}
- <!--QUOTE POSTS-->
- {block:Quote}
- <div class="quote">
- <div class="quotetext_{Length}">"{Quote}"</div>
- {block:Source}<div class="source">{Source}</div>{/block:Source}
- </div>
- {/block:Quote}
- <!--LINK POSTS-->
- {block:Link}
- <h2><a href="{URL}">{Name}</a></h2>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- <!--CHAT POSTS-->
- {block:Chat}
- {block:Title}<h2>{Title}</h2>{/block:Title}
- <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}
- {Line}</li>{/block:Lines}</ul>
- {/block:Chat}
- <!--PHOTO POSTS-->
- {block:Photo}
- {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">{LinkCloseTag}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- <!--PHOTOSET POSTS-->
- {block:Photoset}
- {Photoset-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- <!--VIDEO POSTS-->
- {block:Video}
- {Video-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- <!--AUDIO-->
- {block:Audio}<div class="audiocontainer"><div class="player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>{block:AlbumArt}<img src="{AlbumArtURL}" class="cover">{/block:AlbumArt}<div class="audioinfo">
- {block:TrackName}<div style="font-size:12px; font-style:italic; padding:5px!imporant;">{TrackName}</div>{/block:Trackname}<br>{block:Album} {Album}</span>{/block:Album} – {block:Artist}<span style="font-size:10px;">{Artist}{/block:Artist}<br><br>{block:PlayCount}<span style="font-style:normal; font-size:8px; text-transform:uppercase; letter-spacing:1px;">{PlayCount} plays</span> {/block:PlayCount}</div><div style="margin-top:20px;">{block:caption}{Caption}{/block:caption}</div>{/block:Audio}
- <!--POST INFO-->
- <div id="info">
- <br> <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero} </a> {block:RebloggedFrom} | <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a> {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} + <a href="{Permalink}">{NoteCountWithLabel}</a>
- {block:HasTags}<div id="tags">{block:Tags} <a href="{TagURL}">{Tag}; </a> {/block:Tags}</div>{/block:HasTags}</div></div>
- {/block:Posts}
- {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
- {/block:Posts}</div></div>
- </div></div>
- {/block:Posts}
- <!--CREDIT-->
- <div id="maker"><a href="http://queenseelie.tumblr.com/"><span style="font-style:normal;">QS</span></a></div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment