Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--Renai 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}
- {block:ifdisablerightclick}
- <SCRIPT TYPE="text/javascript">
- <!--
- //Disable right click script
- //visit http://www.rainbow.arch.scriptmania.com/scripts/
- var message="Sorry, right-click has been disabled";
- ///////////////////////////////////
- function clickIE() {if (document.all) {(message);return false;}}
- function clickNS(e) {if
- (document.layers||(document.getElementById&&!document.all)) {
- if (e.which==2||e.which==3) {(message);return false;}}}
- if (document.layers)
- {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
- else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
- document.oncontextmenu=new Function("return false")
- // -->
- </SCRIPT>
- {/block:ifdisablerightclick}
- <!--stuff-->
- <meta name="if:disable right click" content="0"/>
- <meta name="if:cute cursor" content="1"/>
- <meta name="if:infinite scrolling" content="1"/>
- <meta name="if:pixel text" content="0"/>
- <meta name="if:500px posts" content="1"/>
- <meta name="if:400px posts" content="0"/>
- <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="color:text" content="#555"/>
- <meta name="color:links" content="#E08E79"/>
- <meta name="color:links hover" content="#555"/>
- <meta name="color:background" content="#fff"/>
- <meta name="color:scrollbar" content="#FFEDB8"/>
- <meta name="color:post titles" content="#A79C8E"/>
- <meta name="color:home button" content="#E08E79"/>
- <meta name="color:ask button" content="#E08E79"/>
- <meta name="color:archive button" content=#E08E79"/>
- <meta name="color:link 1" content="#E08E79"/>
- <meta name="color:link 2" content="#E08E79"/>
- <meta name="color:link 3" content="#E08E79"/>
- <meta name="color:link 4" content="#E08E79"/>
- <meta name="text:link 1 url" content=""/>
- <meta name="text:link 1" content="l i n k"/>
- <meta name="text:link 2 url" content=""/>
- <meta name="text:link 2" content="l i n k"/>
- <meta name="text:link 3 url" content=""/>
- <meta name="text:link 3" content="l i n k"/>
- <meta name="text:link 4 url" content=""/>
- <meta name="text:link 4" content="l i n k"/>
- <meta name="image:background" content="http://27.media.tumblr.com/tumblr_ltqq73Kh5g1qhvdofo2_400.png"/>
- <meta name="image:sidebar" content="http://28.media.tumblr.com/tumblr_m2htfdcRwM1qc0o89o1_500.png"/>
- <meta name="image:description bg" content="http://static.tumblr.com/iuggpng/vwdlznxid/sidebarlinedpaper.png"/>
- {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;
- {block:ifpixeltext}font-family:tinytots;font-size:8px;{/block:ifpixeltext}
- {block:ifnotpixeltext}font-family:georgia;font-size:9px;{/block:ifnotpixeltext}
- 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{
- opacity:1;
- -webkit-transition:all 0.7s ease-out;
- -moz-transition:all 0.7s ease-out;
- -o-transition:all 0.7s ease-out;
- transition:all 0.7s ease-out;
- }
- #theme{
- position:fixed;
- bottom:10px;
- right:10px;
- font-family:century gothic;
- font-size:9px;
- color:#777;
- letter-spacing:2px;
- }
- #posts{
- overflow:hidden;
- }
- .posteu{
- background-color:#fff;
- {block:if500pxposts}width:500px;{/block:if500pxposts}
- {block:if400pxposts}width:400px;{/block:if400pxposts}
- {block:if250pxposts}width:250px;{/block:if250pxposts}
- margin-top:15px;
- {block:if500pxposts}margin-left:250px;{/block:if500pxposts}
- {block:if400pxposts}margin-left:300px;{/block:if400pxposts}
- {block:if250pxposts}margin-left:350px;{/block:if250pxposts}
- overflow:hidden;
- height:auto;
- -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;
- }
- .posteu img:hover{
- {block:IndexPage}
- opacity:.8;
- {/block:IndexPage}
- -webkit-transition:all 0.7s ease-out;
- -moz-transition:all 0.7s ease-out;
- -o-transition:all 0.7s ease-out;
- transition:all 0.7s ease-out;
- }
- .titles{
- text-align:left;
- padding:5px;
- font-family:trebuchet ms;
- font-size:14px;
- color:{color:post titles};
- }
- .titles a{
- color:{color:post titles};
- }
- .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 {
- background-color:#eee;
- color:#aaa;
- border-left:0px solid #eee;
- padding:3px;
- }
- #permalink {
- display:block;
- {block:PermalinkPage}{block:if500pxposts}width:493px;{/block:if500pxposts}
- {block:if400pxposts}width:393px;{/block:if400pxposts}
- {/block:PermalinkPage}
- padding:3px;
- height:auto;
- background-color:#fff;
- color:{color:text};
- {block:if500pxposts}margin-left:250px;{/block:if500pxposts}
- {block:if400pxposts}margin-left:300px;{/block:if400pxposts}
- {block:if250pxposts}margin-left:350px;{/block:if250pxposts}
- {block:ifpixeltext}font-family:silkscreen; font-size:8px;{/block:ifpixeltext}
- {block:ifnotpixeltext}font-family:georgia; font-size:9px;{/block:ifnotpixeltext}
- margin-top:0px;
- }
- #box{
- {block:if500pxposts}width:500px;{/block:if500pxposts}
- {block:if400pxposts}width:400px;{/block:if400pxposts}
- {block:if250pxposts}width:250px;{/block:if250pxposts}
- -webkit-transition:all 0.8s ease-out;
- -moz-transition:all 0.8s ease-out;
- -o-transition:all 0.8s ease-out;
- }
- #perma{
- background-color:#eee;
- position:absolute;
- height:10px;
- text-align:right;
- {block:if500pxposts}margin-left:720px;{/block:if500pxposts}
- {block:if400pxposts}margin-left:650px;{/block:if400pxposts}
- {block:if250pxposts}margin-left:550px;{/block:if250pxposts}
- z-index:998;
- font-size:8px;
- padding:5px;
- overflow:hidden;
- font-family:silkscreen;
- letter-spacing:1px;
- opacity:0;
- padding:5px;
- color:#aaa;
- width:auto;
- margin-top:3px;
- border:1px solid #ccc;
- -webkit-border-bottom-right-radius:10px;
- -webkit-border-top-left-radius:10px;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- -o-transition:all 0.8s ease-out;
- transition:all 0.8s ease-out;
- }
- #box:hover #perma{
- opacity:1;
- background-color:#eee;
- {block:if500pxposts}margin-left:755px;{/block:if500pxposts}
- {block:if400pxposts}margin-left:705px;{/block:if400pxposts}
- {block:if250pxposts}margin-left:605px;{/block:if250pxposts}
- }
- #marshmallow{
- top:50px;
- left:25px;
- width:200px;
- height:auto;
- position:fixed;
- }
- #picu{
- -webkit-border-top-left-radius:100px;
- -webkit-border-top-right-radius:100px;
- }
- #navibar{
- background-color:#eee;
- height:10px;
- font-family:tinytots;
- font-size:8px;
- text-transform:uppercase;
- color:#bbb;
- padding-top:2px;
- text-align:center;
- letter-spacing:2px;
- margin-top:3px;
- -webkit-border-bottom-left-radius:7px;
- -webkit-border-bottom-right-radius:7px;
- }
- .navi{
- position:absolute;
- width:10px;
- font-family:arial;
- text-transform:uppercase;
- padding:3px;
- font-size:9px;
- color:#000;
- opacity:0;
- left:40px;
- margin-top:10px;
- text-align:center;
- -webkit-border-bottom-left-radius:7px;
- -webkit-border-bottom-right-radius:7px;
- -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;
- }
- #home{
- height:auto;
- background-color:{color:home button};
- }
- #home:hover{
- border-top:9px solid {color:home button};
- }
- #messeji{
- height:auto;
- background-color:{color:ask button};
- left:58px;
- }
- #messeji:hover{
- border-top:9px solid {color:ask button};
- }
- #archive{
- height:auto;
- background-color:{color:ask button};
- left:76px;
- }
- #archive:hover{
- border-top:9px solid {color:ask button};
- }
- #b1{
- height:auto;
- background-color:{color:link 1};
- left:94px;
- }
- #b1:hover{
- border-top:9px solid {color:link 1};
- }
- #b2{
- height:auto;
- background-color:{color:link 2};
- left:112px;
- }
- #b2:hover{
- border-top:9px solid {color:link 2};
- }
- #b3{
- height:auto;
- background-color:{color:link 3};
- left:130px;
- }
- #b3:hover{
- border-top:9px solid {color:link 3};
- }
- #b4{
- height:auto;
- background-color:{color:link 4};
- left:148px;
- }
- #b4:hover{
- border-top:9px solid {color:link 4};
- }
- #navibar:hover .navi{
- opacity:.7;
- margin-top:10px;
- -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;
- }
- #about{
- background-color:#eee;
- font-family:skinny;
- text-align:right;
- line-height:13px;
- font-size:8px;
- color:#zzz;
- width:190px;
- padding-left:5px;
- padding-right:5px;
- padding-top:1px;
- padding-bottom:2px;
- left:15px;
- opacity:1;
- overflow:hidden;
- height:10px;
- -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;
- }
- #about:hover{
- height:100px;
- background-color:#fff;
- -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;
- }
- #show{15px;font-family:tinytots;text-transform:uppercase;letter-spacing:2px;color:#aaa;}
- #hidden{15px;}
- #pag{
- font-family:skinny;
- font-size:8px;
- position:fixed;
- bottom:10px;
- letter-spacing:1px;
- {block:if500pxposts}right:150px{/block:if500pxposts}
- {block:if400pxposts}right:200px{/block:if400pxposts}
- {block:if250pxposts}right:300px{/block:if250pxposts}
- }
- #pag a{
- color:#000;
- }
- #top {top:-10px; position:fixed;}
- #toplinku {position:fixed; bottom:10px; {block:if500pxposts}right:200px{/block:if500pxposts}
- {block:if400pxposts}right:250px{/block:if400pxposts}
- {block:if250pxposts}right:350px{/block:if250pxposts}}
- #toplinku a{color:black; background-color:transparent; font-family:skinny; font-size:8px;}
- @font-face {font-family: "skinny";src: url('http://static.tumblr.com/iuggpng/dzLlzvdcs/skinny.ttf');}
- @font-face {font-family: "silkscreen";src: url('http://static.tumblr.com/qbwrk8v/zmWlpdkl0/slkscr.ttf');}
- @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
- </style>
- </head>
- <body>
- {block:ifinfinitescrolling}<div id="toplinku"><a href="#top">let's fly ↑</a></div>{/block:ifinfinitescrolling}
- <a href="http://utekii.tumblr.com" id="theme">☂</a>
- <div id="marshmallow">
- <img src="{image:sidebar}" id="picu" width="200px">
- <div id="about"><div id="show"><center>{title}</center></div>
- <div id="hidden"><p>{description}</p></div></div>
- <div id="navibar">Navigate
- <a href="/" id="home" class="navi">i n d e x</a>
- <a href="/ask" id="messeji" class="navi">m a i l b o x</a>
- <a href="/archive" id="archive" class="navi">h i s t o r y</a>
- {block:iflink1}
- <a href="{text:link 1 url}" id="b1" class="navi">{text:link 1}</a>
- {/block:iflink1}
- {block:iflink2}
- <a href="{text:link 2 url}" id="b2" class="navi">{text:link 2}</a>
- {/block:iflink2}
- {block:iflink3}
- <a href="{text:link 3 url}" id="b3" class="navi">{text:link 3}</a>
- {/block:iflink3}
- {block:iflink4}
- <a href="{text:link 4 url}" id="b4" class="navi">{text:link 4}</a>
- {/block:iflink4}
- </div>
- </div>
- {block:ifnotinfinitescrolling}
- <p><center><div id="pag">{block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}">back</a> | {CurrentPage}/{TotalPages} |  {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
- {/block:Pagination}</div></center>{/block:ifnotinfinitescrolling}
- <div id="posts">
- <div class="autopagerize_page_element">
- {block:Posts}
- <div id="box">
- {block:IndexPage}
- <a href="{Permalink}" id="perma">{NoteCount}</a>
- {/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="titles"><a href="{URL}" {Target}><big> </big>→ {Name}</a></div>
- {block:Description}
- <div class="texts">{Description}</div>
- {/block:Description}</div>
- {/block:Link}
- {block:Chat}<div class="posteu">
- <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>
- </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">
- {block:AlbumArt}
- <img style="width:100px; height:100px;"src="{AlbumArtURL}"/>
- {/block:AlbumArt}
- <center>{AudioPlayerWhite}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}</center>
- </div></div>
- {/block:Audio}
- {block:Answer}
- <div class="posteu">
- <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></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}
- {block:PostNotes}<div style="height:180px;{block:if500pxposts}width:485px;{/block:if500pxposts}{block:if400pxposts}width:385px;{/block:if400pxposts}text-align:left;
- overflow:auto;border:none;">
- {PostNotes}</div>{block:PostNotes}</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