Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!--
- theme 01: little things
- by kimsjongin
- please don't remove the credit!
- -->
- <head>
- <meta name="color:bg" content="#FFFFFF">
- <meta name="color:box" content="#F7F7F7">
- <meta name="color:posts" content="#FFFFFF">
- <meta name="color:link" content="#C4C2C2">
- <meta name="color:hover" content="#9A9A9A">
- <meta name="color:text" content="#9A9A9A">
- <meta name="color:infobg" content="#FCFCFC">
- <meta name="color:scrollbar" content="#D6D5D5">
- <meta name="color:borders" content="#D9D9D9">
- <meta name="color:textselect" content="#D9D9D9">
- <meta name="color:italic" content="#D9D9D9">
- <meta name="color:underline" content="#D9D9D9">
- <meta name="color:bold" content="#D9D9D9">
- <meta name="image:sbimage" content="">
- <meta name="text:toplink1" content="">
- <meta name="text:toplink2" content="">
- <meta name="text:link 1" content="">
- <meta name="text:link 1 url" content="/">
- <meta name="text:link 2" content="">
- <meta name="text:link 2 url" content="/">
- <meta name="text:link 3" content="">
- <meta name="text:link 3 url" content="/">
- <meta name="text:link 4" content="">
- <meta name="text:link 4 url" 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:Show Extra Links" content="1" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <style type="text/css">
- ::-moz-selection {
- text-shadow: 0px 0px 3px {color:textselect};
- background-color: transparent;
- color: {color:textselect};
- }
- ::selection {
- text-shadow: 0px 0px 3px {color:textselect};
- background-color: transparent;
- color: {color:textselect};
- }
- a {
- color:{color:link};
- text-decoration:none;
- -moz-transition-duration:0.4s;
- -webkit-transition-duration:0.4s;
- -o-transition-duration:0.4s;
- }
- a:hover {
- color:{color:hover};
- text-shadow:3px 0px 0px {color:borders}, -3px 0px 0px {color:borders};
- -webkit-transition: opacity 0.5s linear;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- ::-webkit-scrollbar {width: 7px; height:auto; background:{color:bg}}
- ::-webkit-scrollbar-corner {background:{color:bg}}
- ::-webkit-scrollbar-button:vertical {height:4px; display: block; background:{color:scrollbar}}
- ::-webkit-scrollbar-button:horizontal {width: 4px; height: 4px; display: block; background:{color:scrollbar}}
- ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar}; border-top: 1px solid {color:bg}; border-bottom: 1px solid {color:bg}}
- ::-webkit-scrollbar-thumb:horizontal {background: {color:scrollbg}; border: 0px solid {color:bg}}
- iframe#tumblr_controls {
- right:3px !important;
- position: fixed !important;
- -webkit-transition: opacity 0.7s linear;
- opacity: 0.3;
- -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;
- }
- #body {
- background-color:{color:bg};
- }
- i, em {font-style:italic;color:{color:italic};}
- u {text-decoration:underline;color:{color:underline};}
- strong, b, strong a, strong a:visited, b a, b a:visited {font-weight: bold; color: {color:bold};}
- small, small a, small a:visited {font-size: 12px; line-height: 16px;font-variant: small-caps;}
- h1 {
- font-family:georgia;
- font-size:14px;
- text-align:center;
- font-weight:normal;
- line-height:120%;
- }
- h2 {
- font-family:georgia;
- font-size:12px;
- text-align:center;
- font-weight:normal;
- line-height:90%;
- letter-spacing:-0.5px;
- font-style:italic;
- }
- h3 {
- font-family:georgia;
- font-size:11px;
- text-align:center;
- font-weight:normal;
- line-height:120%;
- text-transform:uppercase;
- letter-spacing:1.5px;
- }
- blockquote {
- border-left:2px solid {color:text};
- padding-left:5px;
- margin:5px;
- }
- #credits {
- position:fixed;
- width:100px;
- font-family:calibri;
- font-size:10px;
- line-height:150%;
- right:-90px;
- bottom:15px;
- text-align:left;
- color:#a8a6a6;
- background-color:#ffffff;
- padding:5px;
- border:1px solid {color:borders};
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #credits:hover {
- right:-2px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #theme {
- background-color:{color:bg};
- margin-bottom: 5%;
- }
- #sbimage {
- position:fixed;
- width:250px;
- height:250px;
- margin-left:125px;
- margin-top:115px;
- font-family:calibri;
- font-size:10px;
- line-height:90%;
- color:{color:text};
- border:1px dashed {color:borders};
- -webkit-transition: opacity 0.5s linear;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #desc {
- position:fixed;
- width:230px;
- padding:10px;
- margin-left:125px;
- margin-top:395px;
- font-family:cambria;
- font-size:9px;
- line-height:90%;
- text-align:center;
- letter-spacing:-0.5px;
- color:{color:text};
- }
- #extralinks {
- position:fixed;
- width:240px;
- background-color:{color:box};
- border:1px dashed {color:borders};
- padding:5px;
- margin-left:125px;
- margin-top:370px;
- font-family:calibri;
- font-size:9px;
- line-height:90%;
- text-align:center;
- letter-spacing:2px;
- text-transform:lowercase;
- color:{color:text};
- }
- #extralinks a {
- opacity:1;
- -webkit-transition: opacity 0.5s linear;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #extralinks a:hover{
- opacity:.5;
- padding:6px;
- -webkit-transition: opacity 0.5s linear;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #toplinks {
- position:fixed;
- width:235px;
- border:1px dashed {color:borders};
- border-radius:2px 2px 0px 0px;
- padding:8px;
- margin-left:125px;
- margin-top:82px;
- font-family:calibri;
- font-size:9px;
- line-height:100%;
- text-align:center;
- letter-spacing:2px;
- text-transform:lowercase;
- color:{color:text};
- }
- #toplinks a{
- opacity:1;
- -webkit-transition: opacity 0.5s linear;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #toplinks a:hover{
- opacity:.25;
- -webkit-transition: opacity 0.5s linear;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #stuffcontainer {
- width:600px;
- margin-left:400px;
- background-color:{color:bg};
- font-family:cambria;
- color:{color:text};
- margin-bottom: 5%;
- }
- .stuff {
- width:500px;
- margin-top:50px;
- padding:25px;
- padding-bottom:10px;
- font-family:cambria;
- font-size:10px;
- line-height:90%;
- color:{color:text};
- }
- .caption {
- width:500px;
- text-align:justify;
- line-height:120%;
- }
- .audio {
- width:500px;
- height:160px;
- }
- .albumart {
- width:150px;
- height:150px;
- position:absolute;}
- .albumart img {
- width:150px;
- height:150px;
- float:left;}
- .playercontainer {
- display:block;
- width:150px;
- height:150px;
- background-color:#ffffff;
- position:absolute;
- }
- .player {
- margin-left:36px;
- margin-top:36px;
- width:25px;
- height:25px;
- overflow:hidden;
- background-color:white;
- }
- .audioinfo {
- margin-left:160px;
- float:left;
- width:200px;
- padding:2px;
- margin-top:3px;
- }
- .postinfo {
- width:530px;
- text-transform:uppercase;
- text-align:right;
- padding:3px;
- font-size:9px;
- line-height:120%;
- margin-bottom:10px;
- opacity:1;
- background-color: {color:infobg};
- border-top:1px dashed {color:borders};
- }
- .postinfo li {
- padding:2px;
- list-style-type: none;
- text-align:left;
- margin-left:-40px;
- color:{color:text};
- }
- .tags {
- text-align:right;
- padding:-7px 0px 0px 5px;
- }
- .tags a {
- color:{color:link};
- text-decoration: none;
- .audio {
- background-color:{color:bg};
- display:{color:bg};
- }
- </style>
- <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script> <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script> <script type="text/javascript" charset="utf-8"> var $j = jQuery.noConflict(); $j(function() { if (navigator.platform == "iPad" || navigator.platform == "iPhone") return; $j("img").lazyload({ placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif", effect: "fadeIn", }); }); </script>
- </head>
- <body>
- <div id="theme">
- <FONT COLOR="{color:bg}">theme by onediewreckshun</FONT>
- <div id="toplinks">
- <a href="/"><img src="http://25.media.tumblr.com/tumblr_mcm230ddWO1riysloo2_100.png"></a>
- <a href="/ask"><img src="http://25.media.tumblr.com/tumblr_mcm230ddWO1riysloo3_100.png"</a>
- <a href="{text:toplink1}"><img src="http://24.media.tumblr.com/tumblr_mcm230ddWO1riysloo1_100.png"</a>
- <a href="{text:toplink2}"><img src="http://25.media.tumblr.com/tumblr_mcm230ddWO1riysloo4_100.png"</a>
- </div>
- <div id="sbimage">
- <a href="/"><img src="{image:sbimage}" width="250px"></a>
- </div>
- {block:IfShowExtraLinks}<div id="extralinks">
- {block:IfShowLink1}<a href="{text:link 1 url}">{text:link 1}</a> {/block:IfShowLink1}
- {block:IfShowLink2}◆ <a href="{text:link 2 url}">{text:link 2}</a> {/block:IfShowLink2}
- {block:IfShowLink3}◆ <a href="{text:link 3 url}">{text:link 3}</a> {/block:IfShowLink3}
- {block:IfShowLink4}◆ <a href="{text:link 4 url}">{text:link 4}</a>{/block:IfShowLink4}
- </div>{/block:IfShowExtraLinks}
- <div id="desc">
- {Description}
- <br><br><br>
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}">«</a>
- {/block:PreviousPage}
- {CurrentPage} of {TotalPages}
- {block:NextPage}
- <a href="{NextPage}">»</a>
- {/block:NextPage}
- {/block:Pagination}
- </div>
- </div>
- </div>
- <div id="stuffcontainer">
- {block:Posts}
- {block:Text}<div class="stuff">{block:Title}<h2>{Title}</h2>{/block:Title}{Body}</div>{/block:Text}
- {block:Quote}<div class="stuff"><h1>“{Quote}” — {Source}</h1></div>{/block:Quote}
- {block:Link}<div class="stuff"><a href="{URL}"><h2>{Name}</h2></a>
- {block:Description}<p>{Description}</p>{/block:Description}</div>{/block:Link}
- {block:Photo}<div class="stuff"><center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}</div>{/block:Photo}
- {block:Photoset}<div class="stuff"><center>{Photoset-500}</center>
- {block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}
- {block:Chat}<div class="stuff">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>{/block:Chat}
- {block:Video}<div class="stuff">{Video-500}{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
- {block:Answer}<div class="stuff"><h3>{Asker} said:</h3><h2>{Question}</h2><br>{Answer}</div>{/block:answer}
- {block:Audio}<div class="stuff">{block:AlbumArt}<img src="{AlbumArtURL}" width="100px" height="100px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerblack}<br></span>
- {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
- {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
- {/block:ExternalAudio}<b>Played:</b> {PlayCount} times
- {block:Caption}{Caption}{/block:Caption}<br></div>{/block:Audio}
- <div class="postinfo">
- {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
- {block:ContentSource} <a href="{SourceURL}">©</a>{/block:ContentSource}
- {block:PostNotes}<center><a href="http://kimsjongin.tumblr.com">ᴛʜᴇᴍᴇ ʙʏ ᴋɪᴍsᴊᴏɴɢɪɴ</a></center>{PostNotes}{/block:PostNotes}● <a href="{ReblogURL">reblog</a><br>{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} </a> {/block:Tags} {/block:HasTags}
- </div>
- {/block:Posts}
- </div>
- </div>
- <div id="credits"><a href="http://kimsjongin.tumblr.com"> © kimsjongin</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement