Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <!--
- ┊ ┊ ┊
- ┊ ┊ ┊ ┊ ┊ ┊ ┊
- ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
- ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
- ᴛʜᴇᴍᴇ 8 | ғɪɴᴅ ʏᴏᴜ | ʙʏ ᴍᴇᴇᴍ (ᴋɪᴍsᴊᴏɴɢɪɴ)
- ᴘʟᴇᴀsᴇ ᴅᴏɴ'ᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ ᴏʀ sᴛᴇᴀʟ! ^_^
- ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
- ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
- ┊ ┊ ┊ ┊ ┊ ┊ ┊
- ┊ ┊ ┊
- -->
- <head>
- <title>{title}</title>
- <link rel="shortcut icon" href="{favicon}">
- <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/gyoju49/uF2mjkhe3/layoutcomponent.txt"></script><script type="text/javascript" src="http://static.tumblr.com/bkd4m5b/Citm42m8i/smoothscroll.js"></script>
- <meta name="description" content="" />
- <meta name="color:Background" content="#fcfcfc"/>
- <meta name="color:Text" content="#a8a8a8"/>
- <meta name="color:Link" content="#d5d7da"/>
- <meta name="color:Hover" content="#a8c2dd"/>
- <meta name="color:sbackground" content="#f2f2f2"/>
- <meta name="color:bg" content="#ffffff"/>
- <meta name="color:Border" content="#a8c2dd"/>
- <meta name="color:desctext" content="#6e859e"/>
- <meta name="color:text select" content="#a8c2dd"/>
- <meta name="color:sidelinks" content="#6e859e"/>
- <meta name="color:Scrollbar" content="#ddd"/>
- <meta name="color:post border" content="#eee"/>
- <meta name="image:sidebar" content=""/>
- <meta name="image:sidebar bg" content=""/>
- <meta name="image:background" content=""/>
- <meta name="text:Link 1" content="" />
- <meta name="text:Link 1 Text" content="" />
- <meta name="text:Link 2" content="" />
- <meta name="text:Link 2 Text" content="" />
- <meta name="text:Link 3" content="" />
- <meta name="text:Link 3 Text" content="" />
- <meta name="text:Link 4" content="" />
- <meta name="text:Link 4 Text" content="" />
- <meta name="if:Show Link 1" content="1" />
- <meta name="if:Show Link 2" content="1" />
- <meta name="if:Show Link 3" content="1" />
- <meta name="if:Show Link 4" content="1" />
- <meta name="if:hovertags" content="1" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <style type="text/css">
- iframe#tumblr_controls {
- right:3px !important;
- position: fixed !important;
- opacity: 0.1;
- -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;
- }
- 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;
- }
- ::-moz-selection {
- background-color: {color:text select};
- color: #fff;
- }
- ::selection {
- background-color: {color:text select};
- color: #fff;
- }
- ::-webkit-scrollbar{height: 9px; width: 9px; -webkit-border-radius: 0px; background-color:#ffffff;}
- ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
- ::-webkit-scrollbar-track{background-color:#ffffff;}
- body {
- text-shadow:1px 1px 0px #eee;
- background:#ffffff;
- margin:0px;
- color:{color:text};
- font-family:georgia;
- font-size:9px;
- line-height:100%;
- background-image:url('http://assets.tumblr.com/images/x.gif');
- }
- a {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:#b1b1b1;
- }
- img {
- border:none;
- }
- blockquote {
- padding-left:5px;
- border-left:2px solid;
- }
- blockquote blockquote {
- padding-left:5px;
- border-left:2px solid;
- }
- h1 {
- font-size:9px;
- text-transform:uppercase;
- }
- a {
- color:{color:link};
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease
- }
- a:hover {
- color:{color:hover};
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease
- }
- #entries {
- padding:10px;
- width:500px;
- margin-left:400px;
- margin-top:40px;
- }
- #post {
- width:500px;
- margin-top:50px;
- padding:20px;
- border:1px solid {color:post border};
- background-color:#ffffff;
- }
- #sidebar {
- padding:10px;
- border-right:50px solid {color:border};
- width:270px;
- height: 200%;
- position:fixed;
- margin-left:-290px;
- background-color: #f2f2f2;
- margin-top:-40px;
- background-image:url('{image:sidebar bg}');
- -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #sidebar:hover {
- border-right:5px solid {color:border};
- width:270px;
- height: 200%;
- position:fixed;
- margin-left:0px;
- background-color: #f2f2f2;
- margin-top:-40px;
- background-image:url('{image:sidebar bg}');
- -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #sidebar:hover #description {
- opacity:1;
- -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #sidebar:hover #pagination {
- opacity:1;
- -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #sidebar:hover #pagination a{
- opacity:1;
- -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #sidebar:hover .links {
- opacity:1;
- -webkit-transition: opacity 0.6s linear;opacity: 1;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #sidebar:hover .links a{
- opacity:1;
- -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #sidebar:hover #sidebarimage{
- opacity:1;
- -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #sidebarimage {
- opacity:0;
- width 100px;
- -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #sidebarimage img {
- box-shadow:inset 0px 0px 10px #000;
- width:94px;
- height:95px;
- outline:1px solid {color:border};
- outline-offset:5px;
- background-color:#fff;
- margin-left:83px;
- margin-top:80px;
- }
- .links {
- color: {color:sidelinks};
- text-shadow:0px 0px 0px #eee;
- opacity:0;
- font-family:cambria;
- font-size:8px;
- text-align:center;
- padding-top:65px;
- letter-spacing:1px;
- text-transform:uppercase;
- padding-bottom:-190px;
- margin-top:10px;
- margin-left:41px;
- width:175px;
- height: 0px;
- padding-top: 3px;
- padding-bottom: 0px;
- padding-left: 6px;
- padding-right: 1px;
- -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- .links a {
- text-shadow:0px 0px 0px #eee;
- opacity:0;
- color: {color:sidelinks};
- font-size: 8px;
- -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- .links a:hover {
- color: {color:hover};
- -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #description {
- color:{color:desctext};
- text-shadow:0px 0px 0px #eee;
- opacity:0;
- border-top:1px solid {color:border};
- border-bottom:1px solid {color:border};
- font-family:cambria;
- font-style:italic;
- font-size:9px;
- padding:5px;
- text-align:center;
- font-size:9px;
- margin-left:29px;
- margin-top:20px;
- padding-right:9px;
- padding-left:9px;
- padding-bottom:20px;
- padding-top:20px;
- width: 193px;
- -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #pagination {
- opacity:0;
- z-index:1000;
- border:0px solid transparent;
- padding-top:3px;
- padding-bottom:3px;
- margin-left:5px;
- margin-right:5px;
- text-align:center;
- margin-top:10px;
- -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #pagination a {
- background-color:transparent;
- opacity:0;
- border:1px solid {color:border};
- font-family:georgia;
- font-size:12px;
- padding-left:6px;
- padding-right:5px;
- padding-top:2px;
- padding-bottom:3px;
- color:{color:sidelinks};
- -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #pagination a:hover {
- border:1px solid {color:border};
- text-shadow:0px 0px 0px #fff;
- color:#fff;
- background-color:{color:border};
- }
- #info {
- text-align:center;
- margin-top:10px;
- text-transform:uppercase;
- font-size:8px;
- }
- {block:ifhovertags}
- #post:hover #tags {
- margin-top:4px;
- opacity:1;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #tags {
- margin-top:-10px;
- opacity:0;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- {/block:ifhovertags}
- {block:ifnothovertags}
- #tags {
- margin-top:4px;
- opacity:1;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- {/block:ifnothovertags}
- #tags {
- font-family:calibri;
- letter-spacing:0px;
- text-transform:uppercase;
- font-size:8px;
- }
- #tags a {
- display:inline; background-color:transparent;
- padding-top:1px;
- padding-bottom:2px;
- padding-right:4px;
- padding-left:4px;
- text-shadow:0px 0px 0px;
- text-align:left;
- -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;}
- #tags a:hover {
- display:inline;
- background-color:{color:hover};
- box-shadow:0px 0px 3px {color:hover};
- color:#fff;
- padding:-4px;
- text-align:left;
- -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;}
- #asker {
- padding:10px;
- text-align:left;
- }
- </style>
- </head><body>
- <div id="sidebar">
- <div id="sidebarimage"><a href="/"><img src="{image:sidebar}"></a></div>
- <div class="links">
- <a href="{text:link 1}">{text:link 1 text}<a> •
- <a href="{text:link 2}">{text:link 2 text}</a> •
- <a href="{text:link 3}">{text:link 3 text}</a> •
- <a href="{text:link 4}">{text:link 4 text}</a>
- </div>
- <div id="description">
- {description}
- </div>
- <div id="pagination">
- {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}</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}{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}<b>{Asker} <i>asked:</i></b><br><br>{Question}<br><br><br><b><i>and i answered:</i></b>{Answer}{/block:Answer}
- <div id="info">
- {block:Date} <a href="{Permalink}">{TimeAgo}</a>{/block:Date} • <a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom} • <a href="{ReblogParentURL}"></a> {/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}">source</a>{/block:ContentSource} • <a href="{ReblogURL}" target="_blank">reblog</a></div> <div id="tags"><center>{block:HasTags} {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">ᴛʜᴇᴍᴇ ʙʏ ᴋɪᴍsᴊᴏɴɢɪɴ</a></center>{PostNotes}{/block:PostNotes}<br>
- {/block:Posts}</div>
- </body>
- <!--
- ᴛʜᴇᴍᴇ 03: ᴡɪɴᴛᴇʀ
- ʙʏ ᴋɪᴍsᴊᴏɴɢɪɴ
- ᴘʟᴇᴀsᴇ ᴅᴏɴ'ᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ ᴏʀ sᴛᴇᴀʟ!
- -->
- </html>
Add Comment
Please, Sign In to add comment