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="color:tooltiptext" content="#fff"/>
- <meta name="color:tooltipborder" content="#fff"/>
- <meta name="color:tooltipbg" content="#000"/>
- <meta name="image:sbimage1" content="http://25.media.tumblr.com/3cd975bd4773486f4f4516f83a015b24/tumblr_mgg65f9M1I1qzehsgo1_1280.jpg"/>
- <meta name="image:sbimage2" content="http://25.media.tumblr.com/993dbb6afcc916d26f7c73cf5f2b1c5f/tumblr_mgg65f9M1I1qzehsgo2_1280.jpg"/>
- <meta name="text:link1text" content="home" />
- <meta name="text:link1title" content="link title" />
- <meta name="text:link1url" content="/" />
- <meta name="text:link2text" content="mail" />
- <meta name="text:link2title" content="link title" />
- <meta name="text:link2url" content="/" />
- <meta name="text:link3text" content="more" />
- <meta name="text:link3title" content="link title" />
- <meta name="text:link3url" content="/" />
- <meta name="text:link4text" content="more" />
- <meta name="text:link4title" content="link title" />
- <meta name="text:link4url" content="/" />
- <meta name="text:link5text" content="more" />
- <meta name="text:link5title" content="link title" />
- <meta name="text:link5url" content="/" />
- <meta name="color:scrollbar" content="#ddd"/>
- <meta name="if:tiny cursor" 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'>
- <!--
- ┊ ┊ ┊
- ┊ ┊ ┊ ┊ ┊ ┊ ┊
- ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
- ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
- ᴛʜᴇᴍᴇ 27 | ᴄʜʀʏsᴏᴘʀᴀsᴇ | ʙʏ ᴍᴇᴇᴍ (ᴋɪᴍsᴊᴏɴɢɪɴ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ)
- ᴘʟᴇᴀsᴇ ᴅᴏɴ'ᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ ᴏʀ sᴛᴇᴀʟ! ^_^
- ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
- ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
- ┊ ┊ ┊ ┊ ┊ ┊ ┊
- ┊ ┊ ┊
- -->
- <style type="text/css">
- {block:iftinycursor}
- body, a, a:hover{
- cursor: url('http://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png'), progress;
- }
- {/block:iftinycursor}
- @font-face {
- font-family: "Web";
- src: url('http://static.tumblr.com/gs9d5ab/Rj8m7debq/websymbols-regular-webfont.ttf'); format("truetype");
- }
- #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:calibri;
- 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;
- }
- #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;
- }
- ::-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:baskerville;
- font-size:9px;
- line-height:100%;
- }
- a, a:link, a:active {
- 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;
- }
- img {
- border:none;
- }
- blockquote {
- margin-left:10px;
- padding-left:10px;
- border-left:1px solid #eee;
- }
- h1 {
- font-family: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: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: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};
- }
- 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};
- }
- #kanye {
- line-height:100%;
- position:fixed;
- font-size:10px;
- width:70px;
- height:20px;
- font-family:calibri;
- letter-spacing:1px;
- padding-bottom:4px;
- padding-right:4px;
- bottom:0;
- right:0;
- z-index:12;
- }
- #kanye .ville a {
- color:#9a9a9a;
- }
- #kanye .basker{
- color:#9a9a9a;
- opacity:1.0;
- padding:1px 3px 2px 3px;
- margin-top:00px;
- margin-left:29px;
- text-align:center;
- overflow:hidden;
- position: absolute;
- background:#fff;
- font-size:10px;
- text-transform:uppercase;
- z-index:100;
- -webkit-transition: opacity 0.5s linear;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;
- border:1px solid #ece4e4;
- }
- #kanye:hover .basker{
- opacity:0;
- transition: all 0.5s linear;
- -webkit-transition: opacity 0.5s linear;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- }
- #kanye .ville{
- color:#9a9a9a;
- background:#fff;
- margin-top:100px;
- margin-top:0px;
- padding:1px 4px 2px 5px;
- margin-left:29px;
- font-size:10px;
- text-align:left;
- text-transform:uppercase;
- opacity:0;
- overflow:hidden;
- position: absolute;
- -webkit-transition: opacity 0.5s linear;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;
- z-index:1200;
- border:1px solid #ece4e4;
- }
- #kanye:hover .ville{
- opacity:1;
- margin-bottom:14px;
- transition: all 0.5s linear;
- -webkit-transition: opacity 0.5s linear;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- }
- #s-m-t-tooltip{
- color:{color:tooltiptext};
- background:{color:tooltipbg};
- border:1px solid {color:tooltipborder};
- font-size: 8px;
- max-width:300px;
- padding:3px 3px 2px 4px;
- margin:20px 0px 0px 20px;
- font-family:calibri;
- letter-spacing:3px;
- text-transform:uppercase;
- z-index:999999999999999999999999999999999999;
- }
- #sidebar {
- color:#fff;
- position:fixed;
- width:130px;
- height:auto;
- margin-top:170px;
- text-align:left;
- }
- #sidebar img {
- width:110px;
- height:auto;
- margin-bottom:2px;
- margin-left: 9px;
- opacity: .7;
- }
- .links {
- height:130px;
- width:160px;
- overflow:hidden;
- opacity:0;
- margin-left:144px;
- margin-top:-194px;
- font-size:12px;
- position:fixed;
- font-family: baskerville;
- text-transform:lowercase;
- text-align:center;
- letter-spacing:3px;
- line-height:170%;
- z-index:9;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #sidebar:hover .links {
- opacity:.9;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- .links a:first-child {
- padding:3px 0px 3px 0px;
- border-radius:15px 15px 0 0;
- }
- .links a:last-child {
- padding:3px 0px 4px 0px;
- border-radius:0 0 18px 18px;
- }
- .links a{
- display:inline-block;
- background:#000;
- width:150px;
- padding:2px 0px 3px 0px;
- color:#fff;
- letter-spacing:1px;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- .links a:hover{
- background:rgba(255,255,255,.7);
- color:#000;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- .desc {
- height:90px;
- width:110px;
- position:fixed;
- text-align:justify;
- z-index:9;
- color:#fff;
- margin-left:170px;
- margin-top:10px;
- letter-spacing:1px;
- line-height:130%;
- font-size:10px;
- opacity:0;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #sidebar:hover .desc {
- opacity:1;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- .desc a {
- color:#fff;
- }
- #desc {
- height:90px;
- width:110px;
- background:#000;
- margin-left:150px;
- margin-top:-15px;
- z-index:9;
- text-align:justify;
- font-size:9px;
- font-family: baskerville;
- padding: 35px 20px 5px 20px;
- opacity: 0;
- color:#fff;
- letter-spacing:1px;
- line-height:130%;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #sidebar:hover #desc {
- opacity:.9;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- .pagi {
- font-size:7px;
- width: 135px;
- text-transform:uppercase;
- letter-spacing:3px;
- font-style:normal;
- text-align:center;
- }
- .pagi a {
- color:#888787;
- }
- #black img {
- width: 400px;
- position:fixed;
- height: auto;
- margin-top: -270px;
- opacity: 1;
- margin-left: 20px;
- z-index:8;
- display:block;
- }
- #sbimage {
- z-index:0;
- position:fixed;
- height:140px;
- width:160px;
- margin:-200px 0px 300px 150px;
- background:url('{image:sbimage1}');
- background-size:cover;
- }
- #sbimage2 {
- z-index:0;
- position:fixed;
- height:140px;
- width:160px;
- margin:-20px 0px 300px 150px;
- background:url('{image:sbimage2}');
- background-size:cover;
- }
- </style>
- </head>
- <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">
- <img src="http://assets.tumblr.com/images/x.gif">
- <div class="links">
- <a href="{text:link1url}" title="{text:link1title}">{text:link1text}</a><a href="{text:link2url}" title="{text:link2title}">{text:link2text}</a><a href="{text:link3url}" title="{text:link3title}">{text:link3text}</a><a href="{text:link4url}" title="{text:link4title}">{text:link4text}</a><a href="{text:link5url}" title="{text:link5title}">{text:link5text}</a>
- </div>
- <div id="sbimage"></div>
- <div id="sbimage2"></div>
- <div class="desc">
- {description}
- <div style="text-align:center;margin-top:-10px;">
- {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}{/block:Pagination}
- </div>
- </div>
- <div id="black">
- <img src="http://media.tumblr.com/b818a2564fba6feebe00af7459cd4721/tumblr_inline_mnwa7rnYis1qz4rgp.png">
- </div>
- <div id="desc"></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}
- <a href="{AskerURL}"></a> <span id="asker">{Asker} asked: {Question}</span><p>
- {Answer}
- {/block:Answer}
- <div id="info">
- <br>
- {block:Date} <a 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><div id="tags"><center>{block:HasTags}<font face="Web" color="#c9c2c2"><small>,</small></font>{block:Tags}<a title="#{Tag}"href="/tagged/{Tag}">#{Tag}</a> </small>{/block:Tags}{/block:HasTags}</center> </div></div>
- {block:PostNotes}<center><a href="http://kimsjongin.tumblr.com">ᴛʜᴇᴍᴇ ʙʏ ᴍᴇᴇᴍ</a></center><br><br><div id="notes">{PostNotes}{/block:PostNotes}<br>
- {/block:Posts}
- </div>
- </div>
- <div id="kanye">
- <div class="basker">
- ᴛʜᴇᴍᴇ
- </div>
- </div>
- <div id="kanye">
- <div class="ville">
- <a href="http://kimsjongin.tumblr.com/">ᴍᴇᴇᴍ</a>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement