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">
- <!--
- theme by juunko uvu
- please do not claim as yours, but feel free to edit and tweak!
- notes!!
- 1. "line" means the 30px line on the left border, you can customize this!
- 2. "borderline" is the border between the sidebar and posts.
- 3. the "white" option makes the sidebar bg and the bg white! changing sidebar/bg colors will not work if this option is enabled!
- 4. please try to have a large sidebar image that's fairly rectangular, it will be resized!!
- 5. thank you!! if you need anything done just let me know and i'll try to fix it/tell you how to tweak it!
- -->
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <meta name="color:background" content="#ffffff">
- <meta name="color:post background" content="#ffffff">
- <meta name="color:container bg" content="#ffffff">
- <meta name="color:line" content="">
- <meta name="color:borders" content="#cecaca">
- <meta name="color:nav" content="#cccccc">
- <meta name="image:sidebar" content="">
- <meta name="color:bold" content="#000000">
- <meta name="color:sidebar background" content="#fafafa">
- <meta name="color:sidebar text" content="#494949">
- <meta name="color:notes bg" content="#eeeeee">
- <meta name="color:link color" content="#000000">
- <meta name="color:blockquotebg" content="#eeeeee">
- <meta name="text:ask" content="dreamt">
- <meta name="if:white" content="0">
- <meta name="if:line" content="1">
- <meta name="if:250px" content="1">
- <meta name="if:500px" content="0">
- <meta name="if:postborders" content="1">
- <meta name="if:borderline" content="0">
- <meta name="if:grayscale" content="0">
- <meta name="if:photofade" content="1">
- <meta name="if:morelinks" content="0">
- <meta name="if:showcaptions" content="0">
- <meta name="if:infinitescroll" content="1">
- <meta name="text:link1"content""/>
- <meta name="text:link1 url" content""/>
- <meta name="text:link2"content""/>
- <meta name="text:link2 url" content""/>
- <meta name="text:link3"content""/>
- <meta name="text:link3 url" content""/>
- <meta name="text:previous" content="previous">
- <meta name="text:next" content="next">
- <style type="text/css">
- ::-webkit-scrollbar { width: 3px; background-color: #ccc; }
- ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); border-radius: 0px; background-color: #fff; }
- ::-webkit-scrollbar-thumb { border-radius: 0px; -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.5); background-color: #ccc; }
- ::-webkit-scrollbar-corner { background: #transparent ; }
- {CustomCSS}
- iframe#tumblr_controls{
- right:0px !important;
- position:fixed !important;
- -webkit-filter:invert(100%);
- opacity:.5;
- z-index:999999;
- }
- a {
- color:#666;
- cursor:help;
- text-decoration:none;
- }
- a:hover {
- text-decoration:line-through;
- }
- b, strong {
- color:{color:bold};
- font-family:courier new;
- font-size:9px;
- text-transform:uppercase;
- }
- i, em {
- color:{color:text};
- font-family:georgia;
- font-size:10px;
- font-weight:lighter;
- }
- h1 {
- color:#333;
- font-style: none;
- font-size:10px;
- text-transform:lowercase;
- font-weight:lighter;
- letter-spacing:.5px;
- border-bottom:1px solid {color:borders};
- margin:1px;
- margin-top:5px;
- margin-bottom:0px;
- }
- h2 {
- font-size:0px;
- color:{Color:bold};
- margin-bottom:0px;
- border-bottom: 1px solid {color:borders};
- padding-bottom:2px;
- letter-spacing:1px;
- line-height:12px;
- text-transform: lowercase;
- font-weight:lighter;
- }
- #title {
- font-family:meiryo;
- width:150px;
- position:relative;
- border-bottom:1px solid {color:borders};
- letter-spacing:1px;
- margin-top:2px;
- font-size:15px;
- font-weight:lighter;
- opacity:0.8;
- text-align:center;
- margin-left:25px;
- }
- #sidebar {
- position:fixed;
- left:30px;
- height:100%;
- margin-top:-10px;
- {block:ifwhite}
- background-color:#fff;
- width:190px;
- {/block:ifwhite}
- {block:ifnotwhite}
- width:200px;
- background-color:{color:sidebar background};
- {block:ifnotwhite}
- color:{color:sidebar text};
- }
- #sideimg {
- position:relative;
- margin-top:20px;
- width:130px;
- margin-left:24px;
- padding:10px;
- border:1px solid {color:borders};
- opacity:0.7;
- -webkit-transition:opacity 0.5s linear;
- -moz-transition:all 0.5s ease-out;
- transition:all 0.5s ease-out;
- }
- #sideimg:hover{
- opacity:1;
- }
- #description {
- color:{color:sidebar text};
- position:relative;
- opacity:1;
- max-width:150px;
- margin-left:25px;
- margin-top:5px;
- font-family:consolas;
- padding:0px;
- text-align:center;
- text-transform:uppercase;
- font-size:8px;
- line-height:1;
- }
- #nav {
- position:relative;
- color:{color:nav};
- font-family:georgia;
- font-size:9px;
- text-transform:lowercase;
- text-align:center;
- margin-top:5px;
- }
- #nav a {
- color:{color:nav};
- }
- {block:ifline}
- #line {
- position:fixed;
- opacity:1;
- background-color:{color:line};
- height:100%;
- width:30px;
- left:0px;
- top:0px;
- z-index:5;
- }
- {/block:ifline}
- body {
- {block:ifwhite}
- background-color:#fff;
- {/block:ifwhite}
- {block:ifnotwhite}
- background-color:{color:background};
- {/block:ifnotwhite}
- }
- #content {
- padding-top:0px;
- {block:ifwhite}
- background-color:#fff;
- {/block:ifwhite}
- {block:ifnotwhite}
- background-color:{color:container bg};
- {/block:ifnotwhite}
- {block:if250px}
- width:330px;
- {/block:if250px}
- {block:if500px}
- width:550px;
- {/block:if500px}
- overflow:hidden;
- margin-left:243px;
- {block:ifborderline}
- border-left:1px solid {color:borders};
- {/block:ifborderline}
- {block:ifwhite}
- margin-left:220px;
- {/block:ifwhite}
- font-family:calibri;
- font-size:9px;
- {block:permalinkpage}
- width:550px;
- {/block:permalinkpage}
- }
- .post {
- margin:25px;
- padding:10px;
- {block:ifpostborders}
- border:1px solid {color:borders};
- {/block:ifpostborders}
- {block:ifwhite}
- background:#fff;
- {/block:ifwhite}
- {block:ifnotwhite}
- background:{color:post background};
- {/block:ifnotwhite}
- {block:indexpage}
- {block:if250px}
- width:250px;
- {/block:if250px}
- {block:if500px}
- width:500px;
- {/block:if500px}
- {/block:indexpage}
- {block:permalinkpage}
- width:500px;
- {/block:permalinkpage}
- }
- {block:indexpage}
- .post img{
- {block:ifgrayscale}
- filter: url(filters.svg#grayscale);
- filter: gray;
- -webkit-filter: grayscale(1);
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- {/block:ifgrayscale}
- {block:ifphotofade}
- opacity:0.8;
- {/block:ifphotofade}
- {block:if250px}
- width:250px;
- {/block:if250px}
- {block:if500px}
- width:500px;
- {/block:if500px}
- margin-bottom:-2px;
- background:{color:Background}
- {block:ifphotofade}
- -webkit-transition:opacity 0.5s linear; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out;
- transition:all 0.5s ease-out;
- {/block:ifphotofade}
- {/block:indexpage}
- {block:permalinkpage}
- width:500px;
- {/block:permalinkpage}
- }
- .post img:hover {
- {block:ifgrayscale}
- filter:none;
- -webkit-filter:grayscale(0); {/block:ifgrayscale}
- opacity:1;
- }
- .post:hover .notes{
- opacity:1;
- }
- .notes {
- -webkit-transition:opacity 0.5s linear; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out;
- transition:all 0.5s ease-out;
- position:absolute;
- {block:PermalinkPage}
- opacity:1;
- {/block:PermalinkPage}
- {block:IndexPage}
- opacity:0;
- font-family:consolas;
- height:10px;
- padding:5px;
- {block:if250px}
- width:240px;
- {/block:if250px}
- {block:if500px}
- width:490px;
- {/block:if500px}
- text-transform:uppercase;
- font-size:8px;
- background-color:{color:notes bg};
- {/block:IndexPage}
- }
- .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
- #infscr-loading {display:none;}
- .navigation {display:none!important;}
- #over{
- height:2000px!important;
- position:absolute;
- top:0px;
- left:0px;
- width: 100%;}
- #quote {
- padding: 5px;
- font: 12px "Courier New";
- letter-spacing: -1px;}
- blockquote {
- padding: 2px;
- overflow:hidden;
- padding-left: 5px;
- border-left: 1px solid {color:borders};
- margin-left:25px;
- margin-right: 30px;
- background-color:{color:blockquotebg};
- opacity:1;
- color: {color:blockquote text};
- }
- .link {
- font:8px calibri;
- text-align:center;
- position:relative;
- line-height:12px;
- text-transform:uppercase;
- width:150px;
- max-width:150px;
- margin-left:25px;
- padding-bottom:1px;
- border-bottom:1px solid {color:borders};
- }
- .link a {
- color:{color:link color};
- padding:2px;
- background-color:{color:sidebar bg};
- }
- #bq {
- margin-left:14px;
- margin-bottom:-5px;
- border-left:1px solid {color:borders};
- opacity:1;
- padding-left:5px;
- background-color:{color:blockquotebg}
- }
- #text {
- {block:indexpage}
- {block:if250px}
- width:250px;
- {/block:if250px}
- {block:if500px}
- width:500px;
- {/block:if500px}
- overflow:hidden;
- margin-bottom:0px;
- {/block:indexpage}
- {block:permalinkpage}
- padding-top:10px;
- {/block:permalinkpage}
- }
- </style>
- {block:ifinfinitescroll}
- <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
- {/block:ifinfinitescroll}
- </head>
- </div>
- <body>
- <div class="navigation">
- {block:Pagination}
- {block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older ?</a>{/block:NextPage}
- {block:PreviousPage}<a style="float:left" href="{PreviousPage}">? Newer</a></p>{/block:PreviousPage}
- {/block:Pagination}</div>
- <div id="line"></div>
- <div id="sidebar">
- <div id="sideimg"> <img src="{image:sidebar}" style="display:block;
- max-width:130px;
- max-height:250px;"></img></div>
- <div id="title"><a href="/">{Title}</a></div>
- <div class="link"><a href="/">home</a>
- <a href="/ask">message</a>
- <a href="/archive">archive</a>
- <a href="http://juunko.tumblr.com/">Theme</a><br>
- {block:ifmorelinks}
- <a href="{text:link1 url}">{text:link1}</a>
- <a href="{text:link2 url}">{text:link2}</a>
- <a href="{text:link3 url}">{text:link3}</a>
- {/block:ifmorelinks}
- </div>
- <div id="description">{Description}</div>
- {block:ifnotinfinitescroll}{block:pagination}<div id="nav">{block:previouspage}<a href="{previouspage}">{text:previous}</a>{/block:previouspage}{block:nextpage} <a href="{nextpage}">{text:next}</a>{/block:nextpage}</div>{/block:pagination}{/block:ifnotinfinitescroll}
- </div>
- </div></div>
- </div>
- <div id="content">
- {block:ifinfinitescroll} <div class="autopagerize_page_element">{/block:ifinfinitescroll}{block:Posts}
- <div class="post">
- {block:IndexPage}<div class="permalink"><a href="{Permalink}"></a></div>{/block:IndexPage}
- {block:Text}
- <div id="text">{block:IndexPage}<div class="notes"><a href="{Permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}">Reblog</a></div>{/block:IndexPage}{block:Title}<h2><b><a href="{Permalink}">{Title}</a></b></h2>{/block:Title}
- {Body}</div>
- {/block:Text}
- {block:Photo}
- {block:IndexPage}{LinkOpenTag}<a href="{Permalink}">{block:if250px}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{/block:if250px}{block:if500px}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{/block:if500px}</a>{LinkCloseTag}{/block:IndexPage}
- {block:IfShowCaptions}{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:IfShowCaptions}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkOpenTag}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}<div class="notes"><a href="{Permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}">Reblog</a></div>{block:if250px}{Photoset-250}{/block:if250px}{block:if500px}{Photoset-500}{/block:if500px}{/block:IndexPage}
- {block:IfShowCaptions}{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:IfShowCaptions}{block:PermalinkPage}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
- {/block:Photoset}
- {block:Quote}
- <div id="text">{block:IndexPage}<div class="notes"><a href="{Permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}">Reblog</a></div>{/block:IndexPage}"{Quote}"
- {block:Source}<br></br>—<b>{Source}</b>{/block:Source}{block:permalinkpage}{/block:Permalinkpage}</div>
- {/block:Quote}
- {block:Link}
- <div id="text">{block:IndexPage}<div class="notes"><a href="{Permalink}">{NoteCountwithlabel}</a> / <a href="{ReblogURL}">Reblog</a></div>{/block:IndexPage}<a href="{URL}"><h1><b>{Name}</h1></b></a>{block:Description}{Description}{/block:Description}{block:permalinkpage}{/block:Permalinkpage}</div>
- {/block:Link}
- {block:Chat}
- <div id="text">{block:IndexPage}<div class="notes"><a href="{Permalink}">{NoteCountwithlabel}</a> / <a href="{ReblogURL}">Reblog</a></div>{/block:IndexPage}{block:Title}<b>{Title}</b>{/block:Title}
- {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}{block:permalinkpage}{/block:Permalinkpage}</div>
- {/block:Chat}
- {block:Audio}
- {block:IndexPage}<div class="notes"><a href="{Permalink}">{NoteCountwithlabel}</a> / <a href="{ReblogURL}">Reblog</a></div>{/block:IndexPage}<div class="player">{AudioPlayerWhite}</div>
- {block:Caption}{Caption}{/block:Caption}{block:permalinkpage}{/block:Permalinkpage}
- {/block:Audio}
- {block:Answer}
- {block:IndexPage}<div class="notes"><a href="{Permalink}">{NoteCountwithlabel}</a> / <a href="{ReblogURL}">Reblog</a></div>{/block:IndexPage}<b>{Asker}</b> {Text:Ask}: {Question}
- <div id="bq">{Answer}</div>{block:permalinkpage}{/block:Permalinkpage}
- {/block:answer}
- {block:Video}
- {block:IndexPage}<div class="notes"><a href="{Permalink}">{NoteCountwithlabel}</a> / <a href="{ReblogURL}">Reblog</a></div>{block:if250px}{Video-250}{/block:if250px}{block:if500px}{Video-500}{/block:if500px}{/block:IndexPage}{/block:IfShowCaptions}{block:PermalinkPage}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
- {/block:Video}
- {block:PermalinkPage}
- {block:HasTags}Tagged; {block:Tags}<a href="{TagURL}">{Tag}</a>. {/block:Tags}<br>{/block:HasTags}
- {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:PermalinkPage}
- </div>
- {/block:Posts}</div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement