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">
- <!--COCONUT MILK VER.2 THEME BY RAMYEONS // http://ramyeons.tumblr.com / http://hobakjeon.tumblr.com
- *DO NOT USE MY THEME CODES AS BASE CODES FOR YOUR OWN THEME
- *DO NOT CLAIM AS YOUR OWN OR I WILL HUNT YOU DOWN
- *DO NOT BREAK ANY RULES OR YOU WILL BE REPORTED
- *YOU MAY EDIT THIS THEME, BUT LEAVE THE CREDITS ALONE
- *DO NOT TAKE MY CREDITS OUT
- -->
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
- {block:Description}
- <meta name="description" content="{MetaDescription}"/>
- {/block:Description}
- <script src="http://static.tumblr.com/iuggpng/8iplzlvdu/smoothscroll.js" type="text/javascript"></script>
- <script type="text/javascript">$(document).ready(function(){$( '.content' ).fadeIn("slow");});</script>
- <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/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 : "",
- effect: "fadeIn",
- });
- });
- </script>
- <!--BASIC FLUFF-->
- <meta name="if:500px posts" content="0"/>
- <meta name="if:400px posts" content="1"/>
- <meta name="if:250px posts" content="0"/>
- <meta name="if:Image Opacity" content="1"/>
- <meta name="if:Cute Cursor" content="1"/>
- <meta name="if:Infinite Scrolling" content="1"/>
- <meta name="text:Custom Link Text" content="Dreaming and Hoping"/>
- <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="text:Link 5" content=""/>
- <meta name="text:Link 5 URL" content=""/>
- <meta name="image:Background Image" content="http://static.tumblr.com/iuggpng/TYom46vap/whitesquares.png"/>
- <meta name="image:Sidebar Image" content="http://static.tumblr.com/iuggpng/mfnm46v9c/coconutmilkver2.jpg"/>
- <meta name="image:Description Bg" content="http://static.tumblr.com/iuggpng/iOFm46wmh/dottedminispace.jpg"/>
- <meta name="color:Scrollbar" content="#777"/>
- <meta name="color:Background" content="#fff"/>
- <meta name="color:Posts bg" content="#fff"/>
- <meta name="color:Links" content="#555"/>
- <meta name="color:Links Hover" content="#aaa"/>
- <meta name="color:Text" content="#000"/>
- <meta name="color:Post Titles" content="#000"/>
- <meta name="color:Text Post Permalink" content="#555"/>
- <meta name="color:Desc BG" content="#fff"/>
- <meta name="color:Desc Text" content="#888"/>
- <meta name="color:Title" content="#bbb"/>
- <meta name="color:Bar 1" content="#fcc6b3"/>
- <meta name="color:Bar 2" content="#add3c6"/>
- <meta name="color:Bar 3" content="#e6bbd7"/>
- <meta name="color:Links Bar BG" content="#d7eed5"/>
- <meta name="color:Links Bar Text" content="#8bb988"/>
- <meta name="color:Links Bar Link Color" content="#aaa"/>
- <meta name="color:Links Bar Hover Bottom Border" content="#eee"/>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
- <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}
- <style type="text/css">
- {CustomCSS}
- ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar};height:75px;}
- ::-webkit-scrollbar {height:0px;width:4px;background-color:white;}
- iframe#tumblr_controls {
- right:3px !important;
- position: fixed !important;
- -webkit-transition: opacity 0.7s linear;
- opacity: 0.7;
- -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;
- }
- body{
- background-image:url("{image:Background Image}");
- background-color:{color:Background};
- background-repeat:repeat;
- background-attachment:fixed;
- color:{color:Text};
- font-family:trebuchet ms;
- font-size:9px;
- {block:ifCuteCursor}cursor: url(http://static.tumblr.com/iuggpng/z55m1rsg6/cursor.png), progress !important;{/block:ifCuteCursor}
- }
- a, a:link, a:visited, a:active{
- color:{color:Links};
- z-index:999;
- text-decoration:none;
- letter-spacing:1px;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- }
- a:hover {
- color:{color:Links Hover};
- text-decoration:none;
- {block:ifcutecursor} cursor: url(http://static.tumblr.com/iuggpng/z55m1rsg6/cursor.png), progress !important;{/block:ifcutecursor}
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- }
- #posts {
- overflow:auto;
- margin-top:10px;
- height:auto;
- margin-left:400px;
- }
- .posteu {
- {block:PermalinkPage}width:500px;{/block:PermalinkPage}
- {block:IndexPage}{block:if500pxposts}width:500px;{/block:if500pxposts}
- {block:if400pxposts}width:400px;{/block:if400pxposts}
- {block:if250pxposts}width:250px;{/block:if250pxposts}{/block:IndexPage}
- height:auto;
- padding:0px;
- margin-bottom:10px;
- border: 5px solid {color:Posts Bg};
- font-family:helvetica new;
- font-size:9px;
- z-index:999;
- color:{color:Text};
- background-color:{color:Posts Bg};
- opacity:1;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- }
- .title {
- font-family:consolas;
- font-weight:lighter;
- font-size:14px;
- line-height:16px;
- text-align:right;
- letter-spacing:3px;
- color:{color:Post Titles};
- text-transform:uppercase;
- }
- .title a {
- color:{color:Post Titles};
- }
- .texts, .chat, .link, .quote, .audio{
- font-family:lucida console;
- font-size:9px;
- line-height:15px;
- margin-bottom:5px;
- margin-top:5px;
- color:{color:text};
- letter-spacing:0px;
- }
- img, a img {
- opacity:1;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- }
- {block:ifImageOpacity}img:hover, a img:hover {
- opacity:.7;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- }
- {/block:ifImageOpacity}
- #perm {
- font-family:consolas;
- font-size:8px;
- text-align:right;
- background-color:transparent;
- padding:3px;
- margin-top:-18px;
- margin-left:-10px;
- letter-spacing:1px;
- color:{color:text post permalink};
- {block:IndexPage}{block:if500pxposts}width:495px;{/block:if500pxposts}
- {block:if400pxposts}width:395px;{/block:if400pxposts}
- {block:if250pxposts}width:245px;{/block:if250pxposts}{/block:IndexPage}
- text-transform:uppercase;
- }
- #picperm{
- {block:IndexPage}{block:if500pxposts}width:495px;{/block:if500pxposts}
- {block:if400pxposts}width:395px;{/block:if400pxposts}
- {block:if250pxposts}width:245px;{/block:if250pxposts}{/block:IndexPage}
- height:auto;
- padding-bottom:5px;
- font-family:consolas;
- text-transform:uppercase;
- font-size:8px;
- letter-spacing:2px;
- padding:5px;
- background-color:white;
- color:#555;
- position:absolute;
- opacity:0;
- margin-top:40px;
- margin-left:0px;
- text-align:center;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- }
- #inpiniteu {
- {block:if500pxposts}width:495px;{/block:if500pxposts}
- {block:if400pxposts}width:395px;{/block:if400pxposts}
- {block:if250pxposts}width:245px;{/block:if250pxposts}
- }
- {block:IndexPage}#inpiniteu:hover #picperm {
- opacity:.9;
- margin-top:-18px;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- }{/block:IndexPage}
- #permalink {
- display:block;
- width:500px;
- padding:5px;
- height:auto;
- background-color:{color:posts bg};
- color:{color:text};
- }
- #taemin {
- display:block;
- background-color:{color:background};
- width:500px;
- padding:0px;
- }
- @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
- @font-face {font-family: "silkscreen";src: url('http://static.tumblr.com/qbwrk8v/zmWlpdkl0/slkscr.ttf');}
- #eunhyuk {
- opacity:1;
- position:fixed;
- left:10px;
- background-color:transparent;
- height:auto;
- top:200px;
- padding:5px;
- text-align:right;
- font-family:tinytots;
- font-size:8px;
- letter-spacing:0px;
- text-transform:uppercase;
- width:170px;
- z-index:10;
- }
- #ren {
- width:120px;
- padding:5px;
- height:auto;
- top:205px;
- left:265px;
- font-size:9px;
- position:fixed;
- color:{color:desc text};
- background-image:url({image:Description Bg});
- text-transform:lowercase;
- font-family:lucida console;
- background-color:{color:desc bg};
- }
- #nav {
- position:fixed;
- left:400px;
- top:375px;
- }
- .lines {
- width:7px;
- height:133px;
- position:absolute;
- overflow:hidden;
- padding:0px;
- }
- #line1 {
- background-color:{color:bar 1};
- color:{color:bar 1};
- margin-left:-180px;
- margin-top:-170px;
- }
- #line2 {
- background-color:{color:bar 2};
- color:{color:bar 2};
- margin-left:-165px;
- margin-top:-170px;
- }
- #line3 {
- background-color:{color:bar 3};
- color:{color:bar 3};
- margin-left:-150px;
- margin-top:-170px;
- }
- #line1:hover, #line2:hover, #line3:hover {
- padding-top:30px;
- padding-bottom:30px;
- margin-top:-200px;
- }
- #links {
- width:194px;
- background-color:{color:links bar bg};
- color:{color:links bar text};
- margin-top:5px;
- padding:3px;
- line-height:5px;
- overflow:none;
- text-align:center;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- }
- #links:hover #nabu {
- opacity:1;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- }
- #links a {
- color:{color:links bar link color};
- letter-spacing:1px;
- }
- #nabu {
- opacity:0;
- margin-top:10px;
- position:absolute;
- width:200px;
- line-height:13px;
- border-bottom:5px solid {color:Links Bar Hover Bottom Border};
- margin-left:0px;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- }
- #linkies {
- font-family:tinytots;
- font-size:8px;
- margin-right:6px;
- text-transform:uppercase;
- letter-spacing:2px;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- }
- #linkies:hover {
- padding-left:15px;
- margin-top:5px;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- }
- </style>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">
- </script>
- <script type="text/javascript" language="javascript">
- $(function () {
- $('#scrlBotm').click(function () {
- $('html, body').animate({
- scrollTop: $(document).height()
- },
- 1500);
- return false;
- });
- $('#scrlTop').click(function () {
- $('html, body').animate({
- scrollTop: '0px'
- },
- 1500);
- return false;
- });
- });
- </script>
- </head>
- <body>
- {block:ifinfinitescrolling}<a id="scrlTop" title="fly up !" href="#" style="position: fixed; bottom: 5px; left: 360px;"><font size="7px">▲</font></a>
- {/block:ifinfinitescrolling}
- <div style="position:fixed; bottom:5px; right:5px; font-family:consolas; font-size:8px; text-transform:uppercase;"><a href="http://hobakjeon.tumblr.com">♬ theme</div>
- <div id="eunhyuk">
- <img src="{image:Sidebar Image}" width="200px;" style="-moz-border-radius:60px 0px 0px 0px;
- border-radius:60px 0px 0px 0px;">
- <div id="links">{text:Custom Link Text} - links
- <div id="nabu">
- {block:iflink1}<a href="{text:link 1 url}" id="linkies">{text:link 1}</a>{/block:iflink1}
- {block:iflink2}<a href="{text:link 2 url}" id="linkies">{text:link 2}</a>{/block:iflink2}
- {block:iflink3}<a href="{text:link 3 url}" id="linkies">{text:link 3}</a>{/block:iflink3}
- {block:iflink4}<a href="{text:link 4 url}" id="linkies">{text:link 4}</a>{/block:iflink4}
- {block:iflink5}<br><a href="{text:link 5 url}" id="linkies">{text:link 5}</a>{/block:iflink5}
- </div>
- </div>
- <div style="position:fixed; top:296px; left:270px;">
- </div>
- <div id="ren">
- {block:ifnotinfinitescrolling}
- <div id="pag" style="position:absolute; margin-top:-15px; margin-left:25px;">{block:Pagination}<center> {block:PreviousPage}<a href="{PreviousPage}">◀</a> {/block:PreviousPage} {block:JumpPagination length="5"} {block:CurrentPage} <span class="current_page">{PageNumber}</span> {/block:CurrentPage} {block:JumpPage} <a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage} {/block:JumpPagination} {block:NextPage} <a href="{NextPage}">▶</a> {/block:NextPage}</center> {/block:Pagination}</div> {/block:ifnotinfinitescrolling}
- {Description}
- <div style="position:absolute;font-family:consolas; font-size:14px; letter-spacing:3px; text-transform:none; color:{Title}; margin-top:10px;">{Title}</div>
- </div>
- <div id="nav">
- <div id="bars"><a title="i n d e x" href="/" class="lines" id="line1">index</a>
- </div>
- <div id="bars"><a title="a s k" href="/ask" class="lines" id="line2">message</a>
- </div>
- <div id="bars"><a title="h i s t o r y" href="/archive" class="lines" id="line3">history</a>
- </div>
- </div>
- </div>
- <div id="posts">
- {block:ifinfinitescrolling}<div class="autopagerize_page_element"><script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}{block:Posts}
- <div id="inpiniteu">
- {block:Text}
- <div class="posteu">
- <div class="texts">
- {block:Title}
- <div class="title"><a href="{Permalink}">{Title}</a></div>
- {/block:Title}
- {Body}
- </div></div>
- <div id="perm"><a href="{Permalink}">Posted with {NoteCountWithLabel}</a></div>
- {/block:Text}
- {block:Photo}<div class="posteu">
- <a href="{Permalink}"><img class="photo"
- {block:IndexPage}{block:if500pxposts}src="{PhotoURL-500}"{/block:if500pxposts}
- {block:if400pxposts}src="{PhotoURL-500}" width="400px"{/block:if400pxposts}
- {block:if250pxposts}src="{PhotoURL-250}"{/block:if250pxposts}
- {/block:IndexPage} {block:PermalinkPage}src="{PhotoURL-500}"{/block:PermalinkPage}
- alt="{PhotoAlt}"/></a>
- <div id="picperm">{timeago} // {notecountwithlabel}</div>
- {block:PermalinkPage}{block:Caption}
- {Caption}
- {/block:Caption}{/block:PermalinkPage}
- </div>
- {/block:Photo}
- {block:Photoset}<div class="posteu">
- <div class="photoset">
- <a href="{Permalink}">
- {block:IndexPage}{block:if500pxposts}{Photoset-500}{/block:if500pxposts}
- {block:if400pxposts}{Photoset-400}{/block:if400pxposts}
- {block:if250pxposts}{Photoset-250}{/block:if250pxposts}
- {/block:IndexPage}
- {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
- </a>
- <div id="picperm">{timeago} // <a href="{Permalink}">{notecountwithlabel}</a></div>
- {block:PermalinkPage}{block:Caption}
- {Caption}
- {/block:Caption}{/block:PermalinkPage}
- </div>
- </div>
- {/block:Photoset}
- {block:Quote}<div class="posteu">
- <div class="quote">
- " {Quote} "
- {block:Source}
- <div class="source">- {Source}</div>
- {/block:Source}
- </div></div>
- <div id="perm"><a href="{Permalink}">Posted with {NoteCountWithLabel}</a></div>
- {/block:Quote}
- {block:Link}<div class="posteu">
- <div class="link">
- <a href="{URL}" class="link" {Target}>{Name}</a>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- </div></div>
- <div id="perm"><a href="{Permalink}">Posted with {NoteCountWithLabel}</a></div>
- {/block:Link}
- {block:Chat}<div class="posteu">
- <div class="post chat">
- {block:Title}
- <h3><a href="{Permalink}">{Title}</a></h3>
- {/block:Title}
- <div class="chat">
- {block:Lines}
- <div class="{Alt} user_{UserNumber}">
- {block:Label}
- <span class="label">{Label}</span>
- {/block:Label}
- {Line}
- </div>
- {/block:Lines}
- </div>
- </div>
- </div>
- <div id="perm"><a href="{Permalink}">Posted with {NoteCountWithLabel}</a></div>
- {/block:Chat}
- {block:Video}<div class="posteu">
- <div class="video">
- {block:if500pxposts}{Video-500}{/block:if500pxposts}
- {block:if400pxposts}{Video-400}{/block:if400pxposts}
- {block:if250pxposts}{Video-250}{/block:if250pxposts}
- {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
- <div id="picperm">{timeago} // <a href="{Permalink}">{notecountwithlabel}</a></div>
- {block:PermalinkPage}{block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}{/block:PermalinkPage}
- </div></div>
- {/block:Video}
- {block:Audio}<div class="posteu">
- <div class="audio">
- <center>{AudioPlayerWhite}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}</center>
- </div></div>
- <div id="perm"><a href="{Permalink}">Posted with {NoteCountWithLabel}</a></div>
- {/block:Audio}
- {block:PermalinkPage}
- <div id="permalink">
- <center>Posted {block:Date}<a href="{Permalink}">{TimeAgo}</a> with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}{block:RebloggedFrom} (via <a href="{ReblogParentURL}">{ReblogParentName}</a> , org. <a href="{ReblogRootURL}">{ReblogRootName}</a> ){/block:RebloggedFrom}
- <div>
- {block:HasTags}tagged :{block:Tags}
-  <a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}</center>
- <div id="taemin">{PostNotes}</div></div></div> {/block:PermalinkPage}
- </div>
- {/block:Posts}
- </div>{block:ifinfinitescrolling}</div>{/block:ifinfinitescrolling}
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment