Advertisement
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">
- <!--HAZELNUT CHAN 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>
- <!--BASIC FLUFF-->
- <meta name="if:infinite scrolling" content="1"/>
- <meta name="if:cute cursor" content="1"/>
- <meta name="if:sidepic 1" content="1"/>
- <meta name="if:sidepic 2" content="1"/>
- <meta name="if:500px posts" content="1"/>
- <meta name="if:400px posts" content="0"/>
- <meta name="if:250px posts" content="0"/>
- <meta name="text:nav link 1" content=""/>
- <meta name="text:nav link 1 url" content=""/>
- <meta name="text:nav link 2" content=""/>
- <meta name="text:nav link 2 url" content=""/>
- <meta name="text:nav link 3" content=""/>
- <meta name="text:nav link 3 url" content=""/>
- <meta name="text:nav link 4" content=""/>
- <meta name="text:nav link 4 url" content=""/>
- <meta name="image:sidepic 1" content="http://static.tumblr.com/iuggpng/uUFlzk86w/sidepic1.png"/>
- <meta name="image:sidepic 2" content="http://static.tumblr.com/iuggpng/oAClzk888/sidepic2.png"/>
- <meta name="image:background" content="http://static.tumblr.com/iuggpng/a5Mlzk88t/stripedwoodgraybg.png"/>
- <meta name="color:background" content="#ddd"/>
- <meta name="color:posts bg" content="#fff"/>
- <meta name="color:link" content="#ac89bb"/>
- <meta name="color:link hover" content="#000"/>
- <meta name="color:text" content="#000"/>
- <meta name="color:post titles" content="#555"/>
- <meta name="color:post title top border" content="#eee"/>
- <meta name="color:post title bottom border" content="#eee"/>
- <meta name="color:title bg" content="#eee"/>
- <meta name="color:title" content="#000"/>
- <meta name="color:description bg color" content="#eee"/>
- <meta name="color:description text" content="#555"/>
- <meta name="color:description border" content="#aaa"/>
- <meta name="color:permalink bg" content="#fff"/>
- <meta name="color:permalink text" content="#555"/>
- <meta name="color:nav bg" content="#ddd"/>
- <meta name="color:nav border" content="#aaa"/>
- <meta name="color:buttons bg" content="#eee"/>
- <meta name="color:buttons text" content="#aaa"/>
- <meta name="color:buttons bg hover" content="#ccaadd"/>
- <meta name="color:buttons text hover" content="#fff"/>
- <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" title="RSS" href="{RSS}"/>
- {block:Description}
- <meta name="description" content="{MetaDescription}"/>
- {/block:Description}
- <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
- <style type="text/css">
- {CustomCSS}
- ::-webkit-scrollbar-thumb:vertical {background-color:{color:link};height:75px;}
- ::-webkit-scrollbar {height:0px;width:15px;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}");
- background-color:{color:background};
- background-repeat:repeat;
- background-attachment:fixed;
- color:{color:text};
- font-family:consolas;
- font-size:9px;
- {block:ifcutecursor}cursor: url(http://static.tumblr.com/iuggpng/aPcm1s0cn/cursor.png), progress !important;{/block:ifcutecursor}
- }
- a, a:link, a:visited, a:active{
- color: {color:link};
- text-decoration:none;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- }
- a:hover {
- color:{color:link hover};
- text-decoration:none;
- {block:ifcutecursor} cursor: url(http://static.tumblr.com/iuggpng/aPcm1s0cn/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:hidden;
- margin-top:10px;
- margin-left:300px;
- }
- .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}
- margin-top:1px;
- overflow:hidden;
- height:auto;
- padding:0px;
- font-family:trebuchet ms;
- font-size:9px;
- color:{color:text};
- border:0px solid white;
- 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;
- }
- .posteu:hover{
- opacity:.98;
- margin-top:1px;
- -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-size:14px;
- line-height:16px;
- text-align:left;
- border-top:1px solid {color:post title top border};
- letter-spacing:3px;
- border-bottom: 1px solid {color:post title bottom border};
- color:{color:post titles};
- text-transform:uppercase;
- }
- .texts, .chat, .link, .quote, .audio, .asku{
- font-family:trebuchet ms;
- font-size:9px;
- line-height:12px;
- padding:3px;
- letter-spacing:0px;
- }
- #asker {
- border-bottom:1px dashed #eee;
- }
- img, a img {
- opacity:.95;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- }
- img:hover, a img:hover {
- opacity:.8;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- }
- #perm{
- background-color:{color:permalink bg};
- padding-top:0px;
- padding-bottom:0px;
- position:absolute;
- height:auto;
- text-align:center;
- margin-top:0px;
- {block:if500pxposts}margin-left:300px;{/block:if500pxposts}
- {block:if400pxposts}margin-left:200px;{/block:if400pxposts}
- {block:if250pxposts}margin-left:50px;{/block:if250pxposts}
- z-index:998;
- font-size:8px;
- padding-top:2px;
- color:{color:permalink text};
- font-family:tinytots;
- width:60px;
- opacity:0;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;
- }
- #perm a {
- color:{color:permalink text};
- }
- #inpiniteu:hover #perm{
- opacity:1;
- {block:if500pxposts}margin-left:410px;{/block:if500pxposts}
- {block:if400pxposts}margin-left:310px;{/block:if400pxposts}
- {block:if250pxposts}margin-left:160px;{/block:if250pxposts}
- margin-top:0px;
- width:60px;
- filter: alpha (opacity=9)
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- }
- #inpiniteu {
- {block:if500pxposts}width:500px;{/block:if500pxposts}
- {block:if400pxposts}width:400px;{/block:if400pxposts}
- {block:if250pxposts}width:250px;{/block:if250pxposts}
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;
- }
- #permalink {
- display:block;
- {block:if500pxposts}width:500px;{/block:if500pxposts}
- {block:if400pxposts}width:400px;{/block:if400pxposts}
- {block:if250pxposts}width:250px;{/block:if250pxposts}
- padding:2px;
- height:auto;
- background-color:transparent;
- color:{color:text};
- }
- #taemin {
- display:block;
- background-color:{color:posts bg};
- color:gray;
- {block:if500pxposts}width:500px;{/block:if500pxposts}
- {block:if400pxposts}width:400px;{/block:if400pxposts}
- {block:if250pxposts}width:250px;{/block:if250pxposts}
- 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:80px;
- height:auto;
- bottom:20px;
- padding:10px;
- z-index:999;
- font-family:consolas;
- color:#aaa;
- width:190px;
- }
- #buttons {
- padding-left:14px;
- padding-right:14px;
- padding-bottom:5px;
- margin-bottom:10px;
- color:{color:buttons text};
- padding-top:20px;
- text-transform:uppercase;
- font-family:tinytots;
- font-size:8px;
- text-align:center;
- background-color:{color:buttons bg};
- }
- #buttons:hover {
- padding-top:50px;
- color:{color:buttons text hover};
- background-color:{color:buttons bg hover};
- }
- li, ul {
- list-style: hiragana;
- margin-left: 5px;
- }
- #top {top:-10px; position:fixed;}
- </style>
- </head>
- <body>
- <body>
- <div id="top"></div>
- <div id="eunhyuk">
- <a href="/" id="buttons">index</a>
- <a href="/ask" id="buttons">message</a>
- <a href="/archive" id="buttons">archive</a>
- <div style="background-color:{color:description bg color}; text-align:center;color:{color:description text}; font-family:tinytots; font-size:8px; -moz-text-shadow: 1px 1px 1px #ddd;
- -webkit-text-shadow: 1px 1px 1px #ddd;
- text-shadow: 1px 1px 1px #ddd; color:#aaa; text-transform:uppercase; line-height:12px;
- border:1px dashed {color:description border}; padding:2px; width:178px;">
- {description}
- {block:ifinfinitescrolling}<br><a href="#top">back to top</a>{/block:ifinfinitescrolling}
- {block:ifnotinfinitescrolling}
- <br>{block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}">back</a> | {CurrentPage}/{TotalPages} |  {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
- {/block:Pagination}
- {/block:ifnotinfinitescrolling}
- </style>
- </div>
- {block:ifsidepic1}<img src="{image:sidepic 1}" style="width:180px;">{/block:ifsidepic1}
- {block:ifsidepic2}<br><img src="{image:sidepic 2}" style="width:180px;">{/block:ifsidepic2}
- <form>
- <select style="width: 180px; height: 16px; letter-spacing: 3px; padding-left: 5px; margin-left: 0px; margin-top:5px; font-size: 8px; font-family: tinytots; text-transform:uppercase;margin-bottom: 0px; background-color:{color:nav bg}; border:2px solid {color:nav border};" onChange="location.href=this.options[this.selectedIndex].value;">
- <option value="">★ navigation</option>
- {block:ifnavlink1}<option value="{text:nav link 1 url}">{text:nav link 1}</option>{/block:ifnavlink1}
- {block:ifnavlink2}<option value="{text:nav link 2 url}">{text:nav link 2}</option>{block:ifnavlink2}
- {block:ifnavlink3}<option value="{text:nav link 3 url}">{text:nav link 3}</option>{block:ifnavlink3}
- {block:ifnavlink4}<option value="{text:nav link 4 url}">{text:nav link 4}</option>{block:ifnavlink4}
- <option value="http://ramyeons.tumblr.com" target="new">♛ theme credit</option>
- </select>
- </form>
- </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">
- <div id="perm"><a href="{permalink}">{notecount}</a></div>
- {block:Text}
- <div class="posteu">
- <div class="texts">
- {block:Title}
- <div class="title"><a href="{Permalink}">{Title}</a></div>
- {/block:Title}
- {Body}
- </div></div>
- {/block:Text}
- {block:Photo}<div class="posteu">
- <a href="{Permalink}"><img class="photo"
- {block:if500pxposts}src="{PhotoURL-500}"{/block:if500pxposts}
- {block:if400pxposts}src="{PhotoURL-500}" width="400px"{/block:if400pxposts}
- {block:if250pxposts}src="{PhotoURL-250}"{/block:if250pxposts}
- alt="{PhotoAlt}"/></a>
- {block:PermalinkPage}{block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}{/block:PermalinkPage}
- </div>
- {/block:Photo}
- {block:Photoset}<div class="posteu">
- <div class="photoset">
- <a href="{Permalink}">
- {block:if500pxposts}{Photoset-500}{/block:if500pxposts}
- {block:if400pxposts}{Photoset-400}{/block:if400pxposts}
- {block:if250pxposts}{Photoset-250}{/block:if250pxposts}
- </a>
- {block:PermalinkPage}{block:Caption}
- <div class="caption">{Caption}</div>
- {/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>
- {/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>
- {/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}
- <b><span class="label">{Label}</span></b>
- {/block:Label}
- {Line}
- </div>
- {/block:Lines}
- </div>
- </div>
- </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}{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>
- {/block:Audio}
- {block:Answer}
- <div class="posteu">
- <div class="asku">
- <div id="asker"><b>{Asker}</b> whispered: {Question} </div>
- {Answer}
- </div>
- </div>
- {/block:Answer}
- {block:PermalinkPage}
- <div id="permalink">
- 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}{block:IfTags}<div id="tags">tagged :{block:Tags}
-  <a href="{TagURL}">{Tag}</a> {/block:Tags}</div> {/block:IfTags}{block:IfNotTags} <div id="tags">tagged :{block:Tags}
-  <a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:IfNotTags}{/block:HasTags}<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
Advertisement