Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <title>{title}</title>
- <link rel="shortcut icon" href="{favicon}" />
- <meta name="color:text" content="#9a9a9a"/>
- <meta name="color:links" content="#bbb"/>
- <meta name="color:linkshover" content="#e9e7e7"/>
- <meta name="color:tags" content="#ddd"/>
- <meta name="color:tagshover" content="#999"/>
- <meta name="color:info" content="#999"/>
- <meta name="color:infohover" content="#000"/>
- <meta name="color:textselect" content="#9a9a9a"/>
- <meta name="color:background" content="#fff"/>
- <meta name="text:link1text" content="home" />
- <meta name="text:link1title" content="refresh" />
- <meta name="text:link1url" content="/" />
- <meta name="text:link2text" content="mail" />
- <meta name="text:link2title" content="ask" />
- <meta name="text:link2url" content="/" />
- <meta name="text:link3text" content="more" />
- <meta name="text:link3title" content="link" />
- <meta name="text:link3url" content="/" />
- <meta name="text:link4text" content="more" />
- <meta name="text:link4title" content="link" />
- <meta name="text:link4url" content="/" />
- <meta name="color:scrollbar" content="#ddd"/>
- <meta name="if:hovertags" content="1" />
- <link href='http://fonts.googleapis.com/css?family=Playfair+Display|Rufina|Goudy+Bookletter+1911' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Parisienne">
- <link href='http://fonts.googleapis.com/css?family=IM+Fell+English' rel='stylesheet' type='text/css'>
- <link rel="shortcut icon" href="http://www.favicon.cc/favicon/296/476/favicon.png" />
- <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/bkd4m5b/Citm42m8i/smoothscroll.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/gyoju49/uF2mjkhe3/layoutcomponent.txt"></script>
- <meta name="description" content="" />
- <link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'>
- <link href="http://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet" type="text/css">
- <link href='http://fonts.googleapis.com/css?family=Rouge+Script|Clicker+Script' rel='stylesheet' type='text/css'>
- <!--
- ┊ ┊ ┊
- ┊ ┊ ┊ ┊ ┊ ┊ ┊
- ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
- ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
- ᴛʜᴇᴍᴇ ʙʏ ᴍᴇᴇᴍ (ᴋɪᴍsᴊᴏɴɢɪɴ)
- ᴘʟᴇᴀsᴇ ᴅᴏɴ'ᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ ᴏʀ sᴛᴇᴀʟ! ^_^
- ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
- ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
- ┊ ┊ ┊ ┊ ┊ ┊ ┊
- ┊ ┊ ┊
- -->
- <style type="text/css">
- body, a, a:hover{
- cursor: url('http://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png'), progress;
- }
- @font-face {font-family: "Web";
- src: url('http://static.tumblr.com/gs9d5ab/Rj8m7debq/websymbols-regular-webfont.ttf'); format("truetype");}
- @font-face {
- font-family: 'quaver_sansregular';
- src: url('quaversans-webfont.eot');
- src: url('quaversans-webfont.eot?#iefix') format('embedded-opentype'),
- url('quaversans-webfont.woff') format('woff'),
- url('quaversans-webfont.ttf') format('truetype'),
- url('quaversans-webfont.svg#quaver_sansregular') format('svg');
- font-weight: normal;
- font-style: normal;
- }
- @font-face {
- font-family: 'quaver_serifregular';
- src: url('quaverserif-webfont.eot');
- src: url('quaverserif-webfont.eot?#iefix') format('embedded-opentype'),
- url('quaverserif-webfont.woff') format('woff'),
- url('quaverserif-webfont.ttf') format('truetype'),
- url('quaverserif-webfont.svg#quaver_serifregular') format('svg');
- font-weight: normal;
- font-style: normal;
- }
- #audio {
- margin-bottom:5px;
- width:500px;
- height:105px;
- }
- .albumart {
- width:100px;
- height:100px;
- position:absolute;
- }
- .albumart img {
- width:100px;
- height:100px;
- float:left;
- }
- .playercontainer {
- opacity: .2;
- display:block;
- width:100px;
- height:100px;
- background-color:white;
- position:absolute;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- }
- .playercontainer:hover {
- opacity:.7;
- position:absolute;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- }
- .player {
- margin-left:36px;
- margin-top:36px;
- width:25px;
- height:25px;
- overflow:hidden;
- position:absolute;
- background-color:white;
- }
- .audioinfo {
- margin-left:110px;
- float:left;
- color:{color:Text};
- width:386px;
- padding:2px;
- margin-top:3px;
- }
- #info {
- color:{color:text};
- width:490px;
- font-family:calibri;
- text-transform:uppercase;
- letter-spacing:0px;
- font-size: 8px;
- line-height:120%;
- text-align:center;
- margin-top:2px;
- letter-spacing:1px;
- padding:5px;
- padding-bottom:5px;
- -webkit-transition-duration:0.5s;
- }
- #info a{
- color:{color:info};
- border:0px;
- width:490px;
- font-family:quaver sans;
- letter-spacing:0px;
- font-size: 8px;
- line-height:120%;
- text-align:center;
- letter-spacing:1px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #info a:hover{
- color:{color:infohover};
- border-bottom:0px solid #fff;
- width:490px;
- letter-spacing:0px;
- font-size: 8px;
- line-height:120%;
- text-align:center;
- margin-top:2px;
- letter-spacing:1px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- {block:ifhovertags}
- #post:hover #tags {
- margin-top:-5px;
- opacity:1;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #tags {
- margin-top:-15px;
- opacity:0;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- {/block:ifhovertags}
- {block:ifnothovertags}
- #tags {
- margin-top:0px;
- opacity:1;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- {/block:ifnothovertags}
- #tags a {
- color:{color:tags};
- font-family:calibri;
- border:0px;
- text-shadow:0px 0px 0px;
- text-transform:lowercase;
- padding-top:1px;
- padding-bottom:2px;
- padding-left:4px;
- padding-right:3px;
- margin:0px 2px 0px;
- font-size:8px;
- -moz-transition-duration:0.9s;
- -webkit-transition-duration:0.9s;
- -o-transition-duration:0.9s;
- }
- #tags a:hover {
- border:0px;
- background-color:#fff;
- color:{color:tagshover};
- font-size:8px;
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- }
- ::-moz-selection {
- background-color: {color:textselect};
- color: #fff;
- }
- ::selection {
- background-color: {color:textselect};
- color: #fff;
- }
- iframe#tumblr_controls {
- margin-top:5px;
- margin-right:6px;
- z-index: 99999999;
- right:122px !important;
- position: fixed !important;
- opacity: 0.7;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- -webkit-filter: invert(100%)brightness(.2);
- }
- iframe#tumblr_controls:hover{
- -webkit-filter: invert(100%)brightness(.2);
- -webkit-transition: opacity 0.7s linear;
- opacity: 1;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- }
- iframe#tumblr_controls {
- top: 0% !important;
- right:0% !important;
- position: fixed !important;
- }
- ::-webkit-scrollbar-thumb{
- background-color: {color:scrollbar};
- height:auto;
- }
- ::-webkit-scrollbar {
- height:4px;
- width:4px;
- background-color: #fff;
- }
- body {
- background:{color:bg};
- margin:0px;
- color:{color:text};
- font-family:quaver serif;
- font-size:9px;
- line-height:100%;
- background:url('http://assets.tumblr.com/images/x.gif');
- }
- a {
- color: {color:links}; text-decoration:none;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;}
- a:hover{
- color:{color:linkshover};
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #entries {
- letter-spacing:1px;
- text-align:left;
- padding:10px;
- width:500px;
- margin-left:500px;
- margin-top:60px;
- }
- #post {
- width:500px;
- padding-bottom:20px;
- }
- #post .question{
- padding: 10px;
- margin:5px 5px 0 5px;
- border: 1px solid rgba(0,0,0,0.2);
- border-bottom:0;
- }
- #post .nipple{
- margin: 0 5px;
- background: url('http://media.tumblr.com/tumblr_mbr0ub239n1qk7o6d.png') top left;
- height:6px;
- opacity:0.2;
- }
- #post .questioner{
- margin:5px 0 0 19px;
- padding-bottom:5px;
- }
- #post .questioner div{
- margin:0 0 0 5px;
- padding:3px 0;
- height:14px;
- display:inline-block;
- }
- #post .questioner img{
- margin-left:-5px;
- margin-bottom:-10px;
- padding:5px;
- background:#fff;
- border: 1px solid rgba(0,0,0,0.2);
- }
- img {
- border:none;
- }
- blockquote {
- margin-left:-10px;
- padding-left:5px;
- border-left:1px solid #eee;
- }
- blockquote blockquote {
- padding-left:5px;
- border-left:1px solid #eee;
- }
- h1 {
- font-family:quaver sans, calibri;
- font-weight:normal;
- font-size:11px;
- text-align:center;
- font-style:normal;
- letter-spacing:1px;
- text-transform:uppercase;
- color:{color:text};
- }
- h2 {
- font-family:quaver sans, calibri;
- font-size:15px;
- text-align:center;
- line-height:70%;
- letter-spacing:-0.5px;
- color:{color:text};
- font-style:italic;
- font-weight:normal;
- }
- h3 {
- font-family:quaver sans, calibri;
- font-size:9px;
- text-align:center;
- font-style:normal;
- line-height:120%;
- letter-spacing:1px;
- text-transform:uppercase;
- color:{color:text};
- }
- h4 {
- font-size:9px;
- text-align:center;
- font-style:normal;
- line-height:120%;
- letter-spacing:-0.5px;
- color:{color:text};
- }
- #sidebar {
- height:250px;
- width:230px;
- position:fixed;
- margin-left:90px;
- margin-top:30px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #sidebar:hover #black img{
- opacity:1;
- margin-top:30px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #black {
- opacity:1;
- width: 140px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #black img {
- opacity:0;
- width:210px;
- height:240px;
- padding:6px;
- margin-left:43px;
- margin-top:20px;
- background-color:transparent;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- position:fixed;
- }
- #white {
- opacity:1;
- z-index:99999999999;
- width: 150px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #white img {
- position:fixed;
- opacity:1;
- width:300px;
- padding:6px;
- margin-left:0px;
- margin-top:40px;
- background-color:transparent;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #sidebarimage {
- opacity:1;
- position:fixed;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #sidebarimage img {
- margin-top:218px;
- margin-left:180px;
- z-index:999;
- position:fixed;
- height:130px;
- width:90px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #sidebar:hover #sidebarimage img{
- opacity:0;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #sidebar:hover .links {
- opacity:1;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #sidebar:hover #white {
- opacity:1;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #sidebar:hover #description {
- opacity:1;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #description {
- opacity:0;color:#fff;
- font-style:italic;
- position:fixed;
- line-height:90%;
- font-family:cambria;
- font-size:9px;
- width:100px;
- height:57px;
- border:0px solid #000;
- margin-top:103px;
- padding:8px;
- margin-left:100px;
- text-align:center;
- z-index:99999999999;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;}
- #description a {color:#fff}
- #sidebar:hover #links {opacity:1;margin-top:185px;-moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;}
- #links {opacity:0;margin-top:175px;margin-left:125px;position:fixed;-moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;}
- #links a {text-align:justify;width:30px;font-size:8px;padding:1px 2px 1px 3px;color:#fff; background:#96bce0;text-decoration:none;font-family: calibri;letter-spacing:1px;text-transform:uppercase;font-style:normal;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;}
- #links a:hover {color:#96bce0; background:#fff;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;}
- iframe#tumblr_controls {
- right:3px !important;
- position: fixed !important;
- opacity: 0.5;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- -webkit-filter: invert(100%)brightness(.2);
- }
- iframe#tumblr_controls:hover{
- -webkit-transition: opacity 0.7s linear;
- opacity: 1;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- }
- iframe#tumblr_controls {
- top: 0% !important;
- right:0% !important;
- position: fixed !important;
- }
- #asker {
- float:left;
- margin-right:10px;
- }
- #container a{
- color:{color:background};
- }
- #s-m-t-tooltip{
- font-size: 8px;
- max-width:300px;
- padding:3px 3px 2px 4px;
- margin:20px 0px 0px 20px;
- z-index:10;
- background-color:#96bce0;
- border:1px solid #fff;
- font-family:calibri;
- letter-spacing:3px;
- text-transform:uppercase;
- color:#fff;
- z-index:999999999999999999999999999999999999;
- }
- </style>
- </head>
- <script language="JavaScript" src="http://static.tumblr.com/bkd4m5b/FB3m42m9e/norightclick.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:50,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <body>
- <div id="sidebar">
- <div id="black">
- <img src="http://i47.tinypic.com/flg3nr.png">
- </div>
- <div id="white">
- <img src="http://i47.tinypic.com/2cxyvbm.png">
- </div>
- <div id="description">
- <br><br>
- {description}
- <br><br><br>
- </div>
- <div id="links">
- <a title="{text:link1title}" href="{text:link1url}">{text:link1text}</a>
- <a title="{text:link2title}" href="{text:link2url}">{text:link2text}</a>
- <br><br><a title="{text:link3title}" href="{text:link3url}">{text:link3text}</a> <a title="{text:link4title}" href="{text:link4url}">{text:link4text}</a>
- <br><br>{block:Pagination}{block:PreviousPage}<a title="previous page" href="{PreviousPage}">back</a>{/block:PreviousPage}{/block:Pagination} {block:Pagination}{block:NextPage}<a title ="next page" href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}
- </div>
- </div>
- </div>
- <div id="entries">
- {block:Posts}<div id="post">
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}<br><br>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}<div style="text-align:center; font-size:12px;">{Quote}</div> {block:Source}<div style="text-align:center; font-size:10px;">{Source}</div><br>{/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="audio">
- <div class="albumart"><img src="http://static.tumblr.com/4wyqgof/Dyvm2qmp1/default.jpg"></div>{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playercontainer"><div class="player">{AudioPlayerWhite}</div></div>
- {block:TrackName}<div class="audioinfo"><b>Title:</b> {TrackName}</div><br>{/block:TrackName}
- {block:Artist}<div class="audioinfo"><b>Artist:</b> {Artist}</div><br>{/block:Artist}
- {block:Album}<div class="audioinfo"><b>Album:</b> {Album}</div>{/block:Album}
- {block:PlayCount}<div class="audioinfo"><b>Played:</b> {FormattedPlayCount}times</div> {/block:PlayCount}
- </div>{block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<div class="question">
- {Question}
- </div>
- <div class="nipple"></div>
- <div class="questioner"><img src="{AskerPortraitURL-24}" width="25" height="25"/><div style="margin-top:-100px;border: 1px solid rgba(0,0,0,0.2);padding:7px 3px 0px 3px;height:12px;margin-left:13px;font-family:quaver sans;text-transform:uppercase;font-size:12px;">{Asker}</div></div>
- <div class="textbox"><br><br><br><small>and the queen, ever so lovely, replied:</small><p>{Answer}</p></div>
- {/block:Answer}
- <div id="info">
- <br>
- {block:Date} <a title="{month} {dayofmonth}, {year} at {12hour}:{minutes} {capitalampm}" href="{Permalink}">{TimeAgo}</a> / <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:Date} {block:RebloggedFrom} /
- <a title="via" href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom} / {block:ContentSource} <a title="source" href="{SourceURL}">{SourceLink}</a>{/block:ContentSource} / <a title="reblog" href="{ReblogURL}" target="_blank"><font face="web">J</font></a></div> <p></p>{block:HasTags}<div id="tags"><center><font face="Web" color="#c9c2c2"><small>,</small></font>{block:Tags}<a title="#{Tag}"href="/tagged/{Tag}">#{Tag}</a> </small>{/block:Tags}</center> </div>{/block:HasTags}</div>
- {block:PostNotes}<center><a href="http://kimsjongin.tumblr.com">ᴛʜᴇᴍᴇ ʙʏ ᴋɪᴍsᴊᴏɴɢɪɴ</a></center><br><br><div id="notes">{PostNotes}{/block:PostNotes}<br>
- {/block:Posts}
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement