Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--Monochrome 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="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:background" content="#000"/>
- <meta name="color:text" content="#fff"/>
- <meta name="color:links" content="#aaa"/>
- <meta name="color:links hover" content="#fff"/>
- <meta name="color:post titles" content="#777"/>
- <meta name="color:description" content="#000"/>
- <meta name="color:navigation bar" content="#333"/>
- <meta name="color:buttons" content="#000"/>
- <meta name="color:button text" content="#fff"/>
- <meta name="color:post bg" content="#333"/>
- <meta name="image:background" content="http://25.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo2_250.png"/>
- <meta name="image:sidebar picture" content="http://25.media.tumblr.com/tumblr_lznnlxECOw1r1pu6go1_500.png"/>
- <meta name="image:description" content="http://28.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo1_250.png"/>
- <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=""/>
- {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:#aaa;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.9;
- -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:georgia;
- 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{
- opacity:.7;
- -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;
- }
- #posts{
- overflow:hidden;}
- .posteu{
- background-color:{color:post bg};
- margin-top:5px;
- margin-left:250px;
- {block:if500pxposts}width:500px;{/block:if500pxposts}
- {block:if400pxposts}width:400px;{/block:if400pxposts}
- {block:if250pxposts}width:250px;{/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{
- opacity:.9;
- -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;
- }
- .titles{
- text-align:left;
- padding:5px;
- font-family:consolas;
- font-size:13px;
- 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;
- }
- blockquote {
- color:#fff;
- border-left:4px solid #000;
- 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:transparent;
- color:{color:text};
- margin-left:250px;
- margin-top:0px;
- }
- #box{
- width:500px;
- -webkit-transition:all 0.9s ease-out;
- -moz-transition:all 0.7s ease-out;
- -o-transition:all 0.7s ease-out;
- transition:all 0.7s ease-out;
- }
- #perma{
- position:absolute;
- height:9px;
- text-align:right;
- {block:if500pxposts}left:760px;{/block:if500pxposts}
- {block:if400pxposts}left:660px;{/block:if400pxposts}
- {block:if250pxposts}left:510px;{/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:0px;
- -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;
- -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;
- }
- #mono{
- height:auto;
- width:200px;
- padding:5px;
- position:fixed;
- top:150px;
- left:40px;
- }
- #kawaii{
- -webkit-border-top-left-radius:95px;
- }
- #side{
- width:183px;
- height:auto;
- margin-top:5px;
- height:auto;
- font-family:silkscreen;
- font-size:8px;
- padding:9px;
- text-align:right;
- overflow:hidden;
- background-color:{color:description};
- background-image:url('{image:description}');
- -webkit-border-bottom-left-radius:95px;
- }
- #line{
- width:10px;
- height:230px;
- position:fixed;
- background-color:{color:navigation bar};
- bottom:30px;
- left:830px;
- }
- .navi{
- position:absolute;
- border-left:10px solid {color:buttons};
- width:auto;
- font-family:silkscreen;
- color:#fff;
- top:15px;
- left:10px;
- font-size:8px;
- padding:2px;
- opacity:1;
- -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:9px;
- color:{color:button text};
- }
- #ask{
- height:9px;
- color:{color:button text};
- top:40px;
- }
- #archive{
- height:9px;
- color:{color:button text};
- top:65px;
- }
- #b1{
- height:9px;
- color:{color:button text};
- top:90px;
- }
- #b2{
- height:9px;
- color:{color:button text};
- top:115px;
- }
- #b3{
- height:9px;
- color:{color:button text};
- top:140px;
- }
- #b4{
- height:9px;
- color:{color:button text};
- top:165px;
- }
- #home:hover, #ask:hover, #archive:hover, #b1:hover, #b2:hover, #b3:hover, #b4:hover{
- border-left:50px solid {color:buttons};
- }
- #top {top:-10px; position:fixed;}
- #toplinku {position:fixed; bottom:10px; left:210px;}
- #toplinku a{color:white; background-color:transparent; font-family:skinny; font-size:8px;}
- #pag{
- font-family:skinny;
- font-size:8px;
- position:fixed;
- bottom:10px;
- letter-spacing:1px;
- left:200px;
- }
- #pag a{
- color:#fff;
- }
- #juliechan{
- position:fixed;
- font-size:9px;
- top:5px;
- left:5px;
- color:#fff;
- }
- #juliechan a{
- color:#fff;
- }
- @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');}
- </style>
- </head>
- <body>
- {block:ifinfinitescrolling}<div id="toplinku"><a href="#top">let's fly ↑</a></div>{/block:ifinfinitescrolling}
- <div id="juliechan"><a href="http://utekii.tumblr.com">☂</a></div>
- <div id="mono">
- <img src="{image:sidebar picture}" id="kawaii" width="200px">
- <div id="side"><p>{description}</p></div>
- </div>
- <div id="line">
- <a href="/" id="home" class="navi">index</a>
- <a href="/ask" id="ask" class="navi">message</a>
- <a href="/archive" id="archive" class="navi">history</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>
- {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>
- <p><a href="{ReblogURL}" id="perma" style="margin-top:11px;">Reblog</a></p>
- {/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><div style="margin-top:-50px;">{AudioPlayerBlack}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}</div></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>:
- "{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}
- {block:PostNotes}<div style="height:auto;{block:if500pxposts}width:485px;{/block:if500pxposts}{block:if400pxposts}width:385px;{/block:if400pxposts}text-align:left;
- overflow:hidden;border:none;">
- {PostNotes}</div>{block:PostNotes}</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