Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--Usan 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}
- <!--stuff-->
- <meta name="if:infinite scrolling" content="1"/>
- <meta name="if:cute cursor" content="1"/>
- <meta name="if:500px posts" content="0"/>
- <meta name="if:400px posts" content="1"/>
- <meta name="if:250px posts" content="0"/>
- <meta name="if:link 1" content="1"/>
- <meta name="if:link 2" content="1"/>
- <meta name="if:link 3" content="1"/>
- <meta name="if:link 4" content="1"/>
- <meta name="if:link 5" content="1"/>
- <meta name="image:background" content="http://24.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo5_250.png"/>
- <meta name="image:sidebar" content="http://25.media.tumblr.com/tumblr_ln01e97fF81qzgt9no1_r1_500.png"/>
- <meta name="image:post bg" content=""/>
- <meta name="image:sidebar pic 1" content="http://25.media.tumblr.com/tumblr_ln01e97fF81qzgt9no1_r1_500.png"/>
- <meta name="image:sidebar pic 2" content="http://30.media.tumblr.com/tumblr_m01attRNJN1qj7s2ho1_r1_500.png"/>
- <meta name="color:background" content="#fff"/>
- <meta name="color:title" content="#B0C9BA"/>
- <meta name="color:post titles" content="#B0C9BA"/>
- <meta name="color:text" content="#000"/>
- <meta name="color:links" content="#668063"/>
- <meta name="color:links hover" content="#fff"/>
- <meta name="color:post bg" content="#fff"/>
- <meta name="color:scrollbar" content="#aaa"/>
- <meta name="color:link 1" content="#9BA657"/>
- <meta name="color:link 2" content="#9BA657"/>
- <meta name="color:link 3" content="#9BA657"/>
- <meta name="color:link 4" content="#9BA657"/>
- <meta name="color:link 5" content="#9BA657"/>
- <meta name="text:link 1" content="link"/>
- <meta name="text:link 1 url" content=""/>
- <meta name="text:link 2" content="link"/>
- <meta name="text:link 2 url" content=""/>
- <meta name="text:link 3" content="link"/>
- <meta name="text:link 3 url" content=""/>
- <meta name="text:link 4" content="link"/>
- <meta name="text:link 4 url" content=""/>
- <meta name="text:link 5" content="link"/>
- <meta name="text:link 5 url" content=""/>
- <!--stuff-->
- {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:scrollbar};height:75px;}
- ::-webkit-scrollbar {height:0px;width:5px;background-color:white;}
- iframe#tumblr_controls {
- right:3px !important;
- position: fixed !important;
- -webkit-transition: opacity 0.7s linear;
- opacity: 0.6;
- -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-color:{color:background};
- background-image:url('{image:background}');
- background-attachment:fixed;
- font-family:consolas;
- font-size:10px;
- color:{color:text};
- {block:ifcutecursor}cursor: url(http://media.tumblr.com/tumblr_lqcmexUvFW1qfc7qm.png), progress !important;{/block:ifcutecursor}
- }
- a, a:link, a:visited, a:active{
- color:{color:links};
- text-decoration:none;
- -webkit-transition:all 0.5s ease-out;
- -moz-transition:all 0.5s ease-out;
- -o-transition:all 0.5s ease-out;
- transition:all 0.5s ease-out;
- }
- 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.5s ease-out;
- -moz-transition:all 0.5s ease-out;
- -o-transition:all 0.5s ease-out;
- transition:all 0.5s ease-out;
- }
- img, a img{
- {block:IndexPage}
- opacity:.5;
- -webkit-transition:all 0.8s ease;
- -moz-transition:all 0.8s ease;
- -o-transition:all 0.8s ease;
- transition:all 0.8s ease;
- {/block:IndexPage}
- }
- img:hover{
- opacity:1;
- -webkit-transition:all 0.8s ease;
- -moz-transition:all 0.8s ease;
- -o-transition:all 0.8s ease;
- transition:all 0.8s ease;
- }
- #posts{
- margin-top:10px;
- overflow:hidden;
- margin-left:420px;
- }
- #box{
- position:relative;
- background-color:{color:post bg};
- background-image:url('{image:post bg}');
- padding:5px;
- margin-bottom:10px;
- {block:IndexPage}
- {block:if500pxposts}width:500px;{/block:if500pxposts}
- {block:if400pxposts}width:400px;{/block:if400pxposts}
- {block:if250pxposts}width:250px;{/block:if250pxposts}{/block:IndexPage}
- {block:PermalinkPage}width:500px;{/block:PermalinkPage}
- }
- #perma{
- position:absolute;
- opacity:0;
- {block:if400pxposts}width:400px;{/block:if400pxposts}
- {block:if500pxposts}width:500px;{/block:if500pxposts}
- {block:if250pxposts}width:250px;{/block:if250pxposts}
- background-color:#fff;
- padding:5px;
- z-index:999;
- font-family:silkscreen;
- font-size:8px;
- color:#555;
- text-align:center;
- -webkit-transition:all 0.5s ease-out;
- -moz-transition:all 0.5s ease-out;
- -o-transition:all 0.5s ease-out;
- transition:all 0.5s ease-out;
- }
- #box:hover #perma{
- height:10px;
- opacity:.9;
- -webkit-transition:all 0.3s ease-out;
- -moz-transition:all 0.3s ease-out;
- -o-transition:all 0.3s ease-out;
- transition:all 0.3s ease-out;
- }
- #permalink {
- display:block;
- width:500px;
- padding:5px;
- height:auto;
- background-color:transparent;
- color:{color:text};
- }
- .titles{
- text-align:right;
- border-bottom:1px solid #aaa;
- padding:5px;
- font-family:trebuchet ms;
- font-size:12px;
- color:{color:post titles};
- }
- .titles a{
- color:{color:post titles};
- opacity:1;
- }
- .texts, .quotes, .chat, .audio, .links{
- line-height:13px;
- color:{color:text};
- margin:5px;
- padding:3px;
- }
- .ask{
- border-bottom:1px solid #eee;
- padding-bottom:10px;
- -webkit-border-top-right-radius:5px;
- -webkit-border-top-left-radius:5px;
- -webkit-border-bottom-right-radius:5px;
- -webkit-border-bottom-left-radius:5px;
- }
- blockquote {
- border-left:3px solid #aaa;
- padding:3px;
- }
- #marshmallow{
- width:210px;
- height:auto;
- position:fixed;
- top:160px;
- left:150px;
- }
- #picu{
- opacity:1;
- width:210px;
- -webkit-border-top-right-radius:50px;
- -webkit-border-top-left-radius:50px;
- -webkit-border-bottom-left-radius:30px;
- -webkit-border-bottom-right-radius:30px;
- }
- #datbunnay{
- width:150px;
- height:auto;
- position:fixed;
- top:230px;
- {block:if250pxposts}right:450px;{/block:if250pxposts}
- {block:if400pxposts}right:300px;{/block:if400pxposts}
- {block:if500pxposts}right:200px;{/block:if500pxposts}
- {block:PermalinkPage}right:200px;{/block:PermalinkPage}
- }
- #picur{
- opacity:1;
- width:150px;
- }
- #desc{
- font-family:arial;
- font-size:10px;
- color:{color:links};
- text-align:center;
- }
- #title{
- font-family:consolas;
- font-size:14px;
- color:{color:title};
- text-align:right;
- }
- #duck{
- width:90px;
- height:150px;
- margin-left:15px;
- border-right:1px dotted #aaa;
- }
- .nekko{
- position:absolute;
- width:50px;
- text-align:center;
- font-family:silkscreen;
- font-size:8px;
- color:#555;
- padding:5px;
- margin-top:5px;
- margin-left:20px;
- }
- #home{
- height:9px;
- background-color:#bbb;
- color:#fff;
- }
- #mail{
- height:9px;
- background-color:#bbb;
- color:#fff;
- margin-top:30px;
- }
- #history{
- height:9px;
- background-color:#bbb;
- color:#fff;
- margin-top:55px;
- }
- #lulu{
- height:9px;
- background-color:#bbb;
- color:#fff;
- margin-top:80px;
- }
- #home:hover, #mail:hover, #history:hover, #lulu:hover, #link1:hover, #link2:hover, #link3:hover, #link4:hover, #link5:hover{
- background-color:#fff;
- color:#555;
- }
- #hippo{
- width:90px;
- height:150px;
- right:15px;
- margin-top:-150px;
- }
- .dubu{
- position:absolute;
- width:50px;
- text-align:center;
- font-family:silkscreen;
- font-size:8px;
- color:#555;
- padding:5px;
- margin-top:5px;
- right:33px;
- }
- #link1{
- height:9px;
- background-color:{color:link 1};
- color:#fff;
- }
- #link2{
- height:9px;
- background-color:{color:link 2};
- color:#fff;
- margin-top:30px;
- }
- #link3{
- height:9px;
- background-color:{color:link 3};
- color:#fff;
- margin-top:55px;
- }
- #link4{
- height:9px;
- background-color:{color:link 4};
- color:#fff;
- margin-top:80px;
- }
- #link5{
- height:9px;
- background-color:{color:link 5};
- color:#fff;
- margin-top:105px;
- }
- .topp {
- font-family: consolas;
- font-size: 10px;
- }
- #scrollToTop:link,
- #scrollToTop:visited {
- background-color: transparent;
- display: none;
- position: fixed;
- bottom: 10px;
- left: 250px;
- }
- @font-face {font-family: "silkscreen";src: url('http://static.tumblr.com/qbwrk8v/zmWlpdkl0/slkscr.ttf');}
- @font-face {font-family:"existence light unicase";src: url("http://static.tumblr.com/3j38nb8/uEwly5p5l/existence-unicaselight.otf");}
- </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: 370px;"><font size="7px">▲</font></a>
- {/block:ifinfinitescrolling}
- <div id="marshmallow">
- <img src="{image:sidebar pic 1}" id="picu" width="200px">
- <div id="duck">
- <a href="/" id="home" class="nekko">index</a>
- <a href="/ask" id="mail" class="nekko">message</a>
- <a href="/archive" id="history" class="nekko">history</a>
- <a href="http://kouuchi.tumblr.com" id="lulu" class="nekko">theme</a>
- </div>
- <div id="hippo">
- {block:iflink1}
- <a href="{text:link 1 url}" id="link1" class="dubu">{text:link 1}</a>
- {/block:iflink1}
- {block:iflink2}
- <a href="{text:link 2 url}" id="link2" class="dubu">{text:link 2}</a>
- {/block:iflink2}
- {block:iflink3}
- <a href="{text:link 3 url}" id="link3" class="dubu">{text:link 3}</a>
- {/block:iflink3}
- {block:iflink4}
- <a href="{text:link 4 url}" id="link4" class="dubu">{text:link 4}</a>
- {/block:iflink4}
- {block:iflink5}
- <a href="{text:link 5 url}" id="link5" class="dubu">{text:link 5}</a>
- {/block:iflink5}
- </div>
- </div>
- <div id="datbunnay">
- <div id="title">{title}</div>
- <img src="{image:sidebar pic 2}" id="picur">
- <div id="desc">{description}</div>
- </div>
- <div id="posts">
- <div class="autopagerize_page_element">
- {block:Posts}
- <div id="box">
- {block:IndexPage}<div id="perma">{TimeAgo} // <a href="{Permalink}">{NoteCountWithLabel}</a></div>{/block:IndexPage}
- {block:Text}
- <div class="texts">
- {block:Title}
- <div class="titles"><a href="{Permalink}">{Title}</a></div>
- {/block:Title}
- {Body}
- </div>
- {/block:Text}
- {block:Photo}
- <a href="{Permalink}">
- {block:IndexPage}{block:if500pxposts}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{/block:if500pxposts}
- {block:if400pxposts} <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="400px"/>{/block:if400pxposts}
- {block:if250pxposts} <a href="{Permalink}"><img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{/block:if250pxposts}{/block:IndexPage}{block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{/block:PermalinkPage}</a>
- {block:PermalinkPage}{block:Caption}
- {Caption}
- {/block:Caption}{/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}
- {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:IndexPage}
- {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
- {block:PermalinkPage}{block:Caption}
- {Caption}
- {/block:Caption}{/block:PermalinkPage}
- {/block:Photoset}
- {block:Quote}
- <div class="quotes">
- "{Quote}"
- {block:Source}
- <div style="text-align:right">-{Source}</div>
- {/block:Source}
- </div>
- {/block:Quote}
- {block:Link}
- <div class="titles"><a href="{URL}" {Target}><big> </big>→ {Name}</a></div>
- {block:Description}
- <div class="texts">{Description}</div>
- {/block:Description}
- {/block:Link}
- {block:Chat}
- <div class="post chat">
- {block:Title}
- <h3><div class="titles"><a href="{Permalink}">{Title}</a></div></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>
- {/block:Chat}
- {block:Video}
- {block:IndexPage}
- {block:if500pxposts}{Video-500}{/block:if500pxposts}
- {block:if400pxposts}{Video-400}{/block:if400pxposts}
- {block:if250pxposts}{Video-250}{/block:if250pxposts}{/block:IndexPage}
- {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
- {block:PermalinkPage}{block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}{/block:PermalinkPage}
- {/block:Video}
- {block:Audio}
- <div class="audio">
- <center>{block:AlbumArt}
- <img style="width:100px; height:100px;"src="{AlbumArtURL}"/>
- {/block:AlbumArt}
- {AudioPlayerWhite}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}</center>
- </div>
- {/block:Audio}
- {block:Answer}
- <div class="texts">
- <div class="ask">
- <img src="{AskerPortraitURL-30}" align="left" style="margin-right:5px; opacity:1;">
- <b>{Asker} whispered</b>:
- <i>"{Question}"</i></div>
- {Answer}</div>
- {/block:Answer}
- {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}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement