Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--Namu theme by utekii.tumblr.com // hoshikusu.tumblr.com--
- ------------------------------RULES-----------------------------
- * Please do not remove the credits.
- * No third-hand redistribution
- * Do not claim as yours
- * Don't break the rules or you WILL be reported w/o hesitation
- * You can edit this but leave the credits in tact
- * Do not use this code as a base code
- -------------------------------FAQ------------------------------
- 1. I do not help with customization of themes
- 2. Check ALL appearance options before asking a question
- 3. I don't give codes to anyone unless on special occasion
- 4. I will NEVER take theme requests
- 5. Pagination is available once you UNCHECK infinite scrolling
- 6. I don't help with adding extra links
- 7. Infinite scrolling works fine whether you have scm or not
- 8. For the codes, go to the first post of the live preview
- ◆◇For any other questions message me on my THEME blog◆◇
- -->
- <!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">
- <head>
- <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}
- <!--Tree-->
- <meta name="if:cute cursor" content="1"/>
- <meta name="if:sidebar shadow border" content="0"/>
- <meta name="if:post shadow border" content="0"/>
- <meta name="if:custom link 1" content="1"/>
- <meta name="if:custom link 2" content="1"/>
- <meta name="if:custom link 3" content="1"/>
- <meta name="if:custom link 4" 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="if:infinite scrolling" content="1"/>
- <meta name="image:background" content="http://27.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo4_250.png"/>
- <meta name="image:sidebar" content="http://28.media.tumblr.com/tumblr_m0nltutjnP1qjfswho1_500.png"/>
- <meta name="image:description" content="http://static.tumblr.com/iuggpng/JHom08b1b/paperlined.png"/>
- <meta name="color:background" content="#ffffff"/>
- <meta name="color:body" content="#000"/>
- <meta name="color:links" content="#547239"/>
- <meta name="color:links hover" content="#aaa"/>
- <meta name="color:description" content="#79BD9A"/>
- <meta name="color:button 1" content="#A8C687"/>
- <meta name="color:button 2" content="#7E9D74"/>
- <meta name="color:button 3" content="#769460"/>
- <meta name="color:button 4" content="#547239"/>
- <meta name="color:buttons hover" content="#aaa"/>
- <meta name="color:permalink button" content="#eee"/>
- <meta name="text:custom link 1 url" content=""/>
- <meta name="text:custom link 2 url" content=""/>
- <meta name="text:custom link 3 url" content=""/>
- <meta name="text:custom link 4 url" content=""/>
- <meta name="text:quote" content="you are the song i sing..."/>
- {block:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}
- <style type="text/css">
- {CustomCSS}
- ::-webkit-scrollbar-thumb:vertical {background-color:{color:button 1};height:75px;}
- ::-webkit-scrollbar {height:0px;width:10px;background-color:white;}
- body{
- background-color:{color:background};
- background-image:url('{image:background}');
- background-attachment: fixed;
- font-family:tinytots;
- font-size:8px;
- color:{color:body};
- {block:ifcutecursor}cursor: url(http://media.tumblr.com/tumblr_lqcmexUvFW1qfc7qm.png), progress !important;{/block:ifcutecursor}
- }
- @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');}
- @font-face {font-family: "handy";src:
- url('http://static.tumblr.com/14xu0fs/xsHm0t2h2/handy00.ttf');}
- a, a:link, a:visited, a:active{
- color:{color:links};
- -webkit-transition:all 0.4s ease;
- -moz-transition:all 0.4s ease;
- -o-transition:all 0.4s ease;
- transition:all 0.4s ease;
- text-decoration:none;}
- a:hover{
- color:{color:links hover};
- {block:ifcutecursor}cursor: url(http://media.tumblr.com/tumblr_lqcmexUvFW1qfc7qm.png), progress !important;{/block:ifcutecursor}
- -webkit-transition:all 0.4s ease;
- -moz-transition:all 0.4s ease;
- -o-transition:all 0.4s ease;
- transition:all 0.4s ease;
- text-decoration:all 0.4s ease;
- }
- img, a img{
- opacity:100;
- -webkit-transition:all 0.5s ease;
- -moz-transition:all 0.5s ease;
- -o-transition:all 0.5s ease;
- transition:all 0.5s ease;}
- img:hover, a img:hover{
- opacity:.9;
- -webkit-transition:all 0.5s ease;
- -moz-transition:all 0.5s ease;
- -o-transition:all 0.5s ease;
- transition:all 0.5s ease;}
- #side{
- background-color:#fff;
- padding:5px;
- {block:ifsidebarshadowborder}
- -moz-box-shadow:3px 3px 3px #aaa;
- -webkit-box-shadow:3px 3px 3px #aaa;
- box-shadow:3px 3px 3px #aaa;
- {/block:ifsidebarshadowborder}
- -webkit-transition:all 0.5s ease;
- -moz-transition:all0.5s ease;
- -o-transition:all 0.5s ease;
- transition: all 0.5s ease;
- }
- #side:hover{
- padding:5px;
- opacity:100;
- -webkit-border-bottom-right-radius:120px;
- -webkit-border-top-left-radius:120px;
- -moz-border-bottom-right-radius:120px;
- -moz-border-top-left-radius:120px;
- -webkit-transition:all 0.5s ease;
- -moz-transition:all0.5s ease;
- -o-transition:all 0.5s ease;
- transition: all 0.5s ease;
- }
- #about{
- background-color:#ffffff;
- background-image:url('{image:description}');
- font-family:silkscreen;
- font-size:8px;
- color:{color:description};
- width:210px;
- height:auto;
- padding:5px;
- top:220px;
- margin-left:767px;
- position:fixed;
- -webkit-border-top-right-radius:20px;
- -webkit-border-top-left-radius:20px;
- -webkit-border-bottom-right-radius:20px;
- -webkit-border-bottom-left-radius:20px;
- {block:ifsidebarshadowborder}
- -moz-box-shadow:3px 3px 3px #aaa;
- -webkit-box-shadow:3px 3px 3px #aaa;
- box-shadow:3px 3px 3px #aaa;
- {/block:ifsidebarshadowborder}
- }
- #yoseob{
- left:780px;
- position:fixed;
- margin-top:165px;
- padding:10px;
- width:200px;
- }
- #title{
- color:#000000;
- margin-left:0px;
- text-align:left;
- letter-spacing:3px;
- font-size:14px;
- font-family: consolas;
- }
- #title a{
- color: #000000;
- letter-spacing:3px;
- }
- .navi {
- width:10px;
- margin-top:-5px;
- text-align:center;
- position:absolute;
- -webkit-border-top-right-radius:7px;
- -webkit-border-top-left-radius:7px;
- -webkit-border-bottom-right-radius:7px;
- -webkit-border-bottom-left-radius:7px;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- }
- #b1{
- top:180px;
- height:10px;
- background-color:{color:button 1};
- left:37px;
- }
- #b2{
- top:200px;
- height:10px;
- background-color:{color:button 2};
- left:52px;
- }
- #b3{
- top:210px;
- height:10px;
- background-color:{color:button 3};
- left:77px;
- }
- #b4{
- top:215px;
- height:10px;
- background-color:{color:button 4};
- left:107px;
- }
- #b5{
- top:210px;
- height:10px;
- background-color:{color:button 3};
- left:137px;
- }
- #b6{
- top:200px;
- height:10px;
- background-color:{color:button 2};
- left:162px;
- }
- #b7{
- top:180px;
- height:10px;
- background-color:{color:button 1};
- left:177px;
- }
- #b1:hover, #b2:hover, #b3:hover, #b4:hover, #b5:hover, #b6:hover, #b7:hover{
- background-color:{color:buttons hover}; padding-bottom:10px;
- }
- #posts{
- overflow:hidden;
- margin-left:1px;
- }
- .posteu{
- {block:if500pxposts}width:500px;{/block:if500pxposts}
- {block:if400pxposts}width:400px;{/block:if400pxposts}
- {block:if250pxposts}width:250px;{/block:if250pxposts}
- margin-top:5px;
- margin-left:10px;
- overflow:hidden;
- height:auto;
- font-family:tinytots;
- font-size:8px;
- color:{color:body};
- padding:3px;
- background-color:#fff;
- -webkit-transition:all 0.6s ease-out;
- -moz-transition:all 0.6s ease-out;
- -o-transition:all 0.6s ease-out;
- transition:all 0.6s ease-out;
- {block:ifpostshadowborder}
- -moz-box-shadow:3px 3px 3px #aaa;
- -webkit-box-shadow:3px 3px 3px #aaa;
- box-shadow:3px 3px 3px #aaa;
- {/block:ifpostshadowborder}
- }
- .posteu:hover{
- opacity: .98;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;
- }
- #box{
- {block:if500pxposts}width:500px;{/block:if500pxposts}
- {block:if400pxposts}width:400px;{/block:if400pxposts}
- {block:if250pxposts}width:250px;{/block:if250pxposts}
- -webkit-transition: all 0.9s ease-out;
- -moz-transition: all 0.9s ease-out;
- -o-transition: all 0.9s ease-out;
- transition: all 0.9s ease-out;
- }
- #box:hover #perma {
- background-color:#fff;
- opacity: .9;
- filter: alpha (opacity=9);
- width: 500px;
- -webkit-transition: all 0.9s ease-out;
- -moz-transition: all 0.9s ease-out;
- -o-transition: all 0.9s ease-out;
- transition: all 0.9s ease-out;
- }
- #perma{
- font-family: silkscreen;
- opacity: 0;
- left: 20px;
- height:auto;
- filter:alpha (opacity=0);
- position: absolute;
- text-align: center;
- padding-right: 5px;
- padding-top:5px;
- padding-bottom:5px;
- margin-top:3px;
- width: 500px;
- background-color: #fff;
- color:#000;
- z-index:998;
- -webkit-transition: all 0.9s ease-out;
- -moz-transition: all 0.9s ease-out;
- -o-transition: all 0.9s ease-out;
- transition: all 0.9s 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:#fff;
- color:{color:body};
- margin-left:10px;
- }
- .titles{
- text-align:right;
- font-family:trebuchet ms;
- color:{color:links};
- font-size:12px;
- border-bottom:1px dotted #aaa;
- }
- .titles a{
- color:{color:links};
- }
- .texts, .quotes, .chat, .audio{
- font-family:tinytots;
- font-size:8px;
- line-height:13px;
- color:{color:body};
- margin-left:4px;
- }
- .links{
- font-family:tinytots;
- font-size:8px;
- line-height:13px;
- color:{color:body};
- margin-left:4px;
- }
- blockquote {
- background-color:#eee;
- color:#aaa;
- border-left:0px solid #eee;
- padding:3px;
- }
- #credit{
- bottom:15px;
- right:15px;
- color:#769460;
- font-size:11px;
- padding:3px;
- position:fixed;
- }
- #derper{
- width:500px;
- margin-left:10px;
- }
- .topp {
- font-family: consolas;
- font-size: 10px;
- }
- #scrollToTop:link,
- #scrollToTop:visited {
- color: #000000;
- background-color: transparent;
- display: none;
- position: fixed;
- bottom: 10px;
- left: 550px;
- }
- #mushroom{
- position:fixed;
- height:auto;
- width:210px;
- margin-left:540px;
- margin-top:50px;
- padding:5px;
- }
- #quoteuuuuu{
- width:210px;
- text-align:right;
- font-family:handy;
- margin-top:195px;
- margin-left:760px;
- position:fixed;
- }
- </style>
- <body>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
- <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
- {block:ifinfinitescrolling}<div class="topp"><a href="javascript:;" id="scrollToTop">song of the wind↑</a></div>{/block:ifinfinitescrolling}
- <body>
- <div id="mushroom">
- <a href="/"><img src="{image:sidebar}" id="side" width="210px"></a>
- <a href="/" id="b1" class="navi"></a>
- <a href="/ask" id="b2" class="navi"></a>
- <a href="/archive" id="b3" class="navi"></a>
- {block:ifcustomlink1}<a href="{text:custom link 1 url}" id="b4" class="navi"></a>{/block:ifcustomlink1}
- {block:ifcustomlink2}<a href="{text:custom link 2 url}" id="b5" class="navi"></a>{/block:ifcustomlink2}
- {block:ifcustomlink3}<a href="{text:custom link 3 url}" id="b6" class="navi"></a>{/block:ifcustomlink3}
- {block:ifcustomlink4}<a href="{text:custom link 4 url}" id="b7" class="navi"></a>{/block:ifcustomlink4}
- </div>
- <div id="yoseob"><div id="title"><a href="/">{title}</a></div></div>
- <div id="quoteuuuuu">{text:quote}</div>
- <center><div id="about">{description}</div></center>
- <p><a href="http://utekii.tumblr.com" target="new" id="credit">☂</a></p>
- <div id="posts">
- <div class="autopagerize_page_element">
- {block:Posts}
- <div id="box">
- {block:IndexPage}<div id="perma">Posted {TimeAgo} with <a href="{permalink}">{notecountwithlabel}</a> || <a href="{ReblogURL}" target="new">Reblog</a></div>
- {block:IndexPage}
- {block:Text}
- <div class="posteu">
- <div class="texts">
- {block:Title}
- <div class="titles"><a href="{Permalink}">{Title}</a></div>
- {/block:Title}
- {Body}
- </div></div>
- {/block:Text}
- {block:Photo}<div class="posteu">
- <div class="photo">
- {block:if500pxposts} <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>{/block:if500pxposts}
- {block:if400pxposts} <a href="{Permalink}"><img src="{PhotoURL-400}" alt="{PhotoAlt}"/></a>{/block:if400pxposts}
- {block:if250pxposts} <a href="{Permalink}"><img src="{PhotoURL-250}" alt="{PhotoAlt}"/></a>{/block:if250pxposts}
- </div>
- {block:PermalinkPage}{block:Caption}
- {Caption}
- {/block:Caption}{/block:PermalinkPage}
- </div>
- {/block:Photo}
- {block:Photoset}<div class="posteu">
- <div class="photoset">
- {block:if500pxposts}<a href="{Permalink}">{Photoset-500}</a>{/block:if500pxposts}
- {block:if400pxposts}<a href="{Permalink}">{Photoset-400}</a>{/block:if400pxposts}
- {block:if250pxposts}<a href="{Permalink}">{Photoset-250}</a>{/block:if250pxposts}
- {block:PermalinkPage}{block:Caption}
- {Caption}
- {/block:Caption}{/block:PermalinkPage}
- </div>
- </div>
- {/block:Photoset}
- {block:Quote}<div class="posteu">
- <div class="quotes">
- "{Quote}"
- {block:Source}
- <div style="text-align:right">-{Source}</div>
- {/block:Source}
- </div></div>
- {/block:Quote}
- {block:Link}<div class="posteu">
- <div class="links">
- <div class="titles"><a href="{URL}" class="link" {Target}>→{Name}</a>
- </div>
- {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}
- <span class="label">{Label}</span>
- {/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: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">{block:PostNotes}<div style="height:180px;{block:if500pxposts}width:495px;{/block:if500pxposts}
- {block:if400pxposts}width:395px;{/block:if400pxposts}
- {block:if250pxposts}width:245px;{/block:if250pxposts} padding:3px;text-align:left;
- overflow:auto;border:none;">
- {PostNotes}</div>{block:PostNotes}</div></div></div> {/block:PermalinkPage}
- </div>
- {/block:Posts}
- </td><tr>
- {block:ifnotinfinitescrolling}
- {block:Pagination}
- <div id="derper">
- <tr><td>
- <center>
- {block:PreviousPage}
- <a href="{PreviousPage}">« back</a> |
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">next »</a>
- {/block:NextPage}
- </center>
- </td></tr>
- </div>
- {/block:Pagination}
- {/block:ifnotinfinitescrolling}
- </div>{block:ifinfinitescrolling}</div>{/block:ifinfinitescrolling}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement