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">
- <html><head> <title>{title}</title>
- <!-
- --------------| 0 2 . H U B R I S by infernos.tumblr.com |---------------
- It's my second theme! I hope you guys enjoy! :D
- ___________________________________________________________________________
- - R U L E S -
- 1. Do not remove credits
- 2. Do not redistribute
- 3. Do not claim it as your own
- 4. Do not use this code as a base for creating your own.
- 5. Do read installing tips below before asking questions
- ___________________________________________________________________________
- - I N S T A L L I N G -
- 1. Go to your customize page
- 2. Click 'Use Custom HTML' then click on 'EDIT HTML' option
- 3. Replace entire code with this code
- 4. Go back to 'Appearance' and scroll down. Then 'reset defaults'.
- 5. Customize options on the side
- IMPORTANT INSTALLATION NOTE:
- -For the dropdown links, find the ‘Height of Dropdown Links’ option under
- Appearance and fill in the corresponding height of the links you have.
- -Find the ‘Margin Top of Posts’ and
- fill in the corresponding value of how far down you want your posts; it will
- vary based on how long your description is.
- ___________________________________________________________________________
- - Q U E S T I O N S ? -
- Please be sure to read the rules/installation guide above before asking me any questions.
- My main blog is http://infernos.tumblr.com
- -!>
- <link rel="shortcut icon" href="{Favicon}">
- <meta name="if:Endless Scroll" content="1"/>
- <meta name="if:Image Lazy Load" content="1"/>
- <meta name="if:No Space Between Posts" content="0"/>
- <meta name="color:Text Color" content="#4C4C4C/>
- <meta name="color:Background Color" content="#FCFCFC">
- <meta name="color:Links" content="#8F8F8F" />
- <meta name="color:Title Color" content="#111111"/>
- <meta name="color:Left Border Color" content="#000000"/>
- <meta name="color:Inner Border Color" content="#111111"/>
- <meta name="color:Dropdown Link Color" content="#000000" />
- <meta name="color:Post Background Color" content="#FFFFFF">
- <meta name="color:Top Sidebar Color" content="#FFFFFF">
- <meta name="color:Blockquote Background" content="#f8f8f8">
- <meta name="text:Margin Top of Posts" content="95" />
- <meta name="text:Height of Dropdown Links" content="70" />
- <meta name="image:Background" content="http://static.tumblr.com/zh7ydxo/V3Hlw4h28/bg.png" />
- <meta name="text:Link 1 URL" content="" />
- <meta name="text:Link 1 Name" content="" />
- <meta name="text:Link 2 URL" content="" />
- <meta name="text:Link 2 Name" content="" />
- <meta name="text:Link 3 URL" content="" />
- <meta name="text:Link 3 Name" content="" />
- <meta name="text:Link 4 URL" content="" />
- <meta name="text:Link 4 Name" content="" />
- <meta name="text:Link 5 URL" content="" />
- <meta name="text:Link 5 Name" content="" />
- <style type="text/css">
- body{
- margin-top:0px;
- margin-bottom:0px;
- color:{color:Text Color};
- background: {color:Background Color} url({image:Background});
- background-attachment:fixed;
- font-family: georgia;
- font-size:9px;
- line-height:9px;
- text-align:justify;
- z-index;1;
- overflow-x: hidden;
- }
- .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
- #center{
- background-color:transparent;
- width:400px;
- margin-left:23px;
- padding-left:0px;
- padding-right:0px;
- }
- #leftbordering {
- background: {color:Left Border Color};
- height: 100%;
- width:31px;
- left:0px;
- top:0px;
- position: fixed;
- z-index:3;
- }
- #navigation {
- background: {color:Post Background color};
- width: 395px;
- padding: 5px;
- height:20px;
- text-align:right;
- font-family: arial black;
- font-size:40px;
- font-weight: bold;
- margin-bottom:15px;
- border-left: 30px solid {color:Inner Border Color};
- {block:IfEndlessScroll}display:none;{/block:IfEndlessScroll}
- }
- #portrait {
- background:#ddd url({PortraitURL-48}) repeat;
- margin-left:10px;
- margin-right:-23px;
- background-position:center;
- border-radius:50px;
- -webkit-border-radius: 50px;
- -moz-border-radius: 50px;
- border:5px solid {color:Top Sidebar Color};
- margin-top:-25px;
- height:80px;
- width:80px;
- float:right;
- }
- #desc {
- margin-top:0px;
- left: 31px;
- {block:IndexPage}width:495px;{/block:IndexPage}
- {block:PermalinkPage}width:595px;{/block:PermalinkPage}
- position: fixed;
- text-align:right;
- z-index:9999;
- border-radius:50px;
- }
- #desc .linkage {
- margin-top:0px;
- background: transparent;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- height:0px;
- overflow:hidden;
- padding-right:5px;
- }
- #desc:hover .linkage {
- -webkit-transition: all 1.4s ease;
- -moz-transition: all 1.4s ease;
- -o-transition: 1.4s ease;
- height:{text:Height of Dropdown Links}px!important;
- padding-right:5px;
- }
- .linkage {
- margin-top:0px;
- {block:IndexPage} margin-left:245px; {/block:IndexPage}
- {block:PermalinkPage} margin-left:345px; {/block:PermalinkPage}
- margin-top:0px;
- width: 190px;
- background: transparent;
- }
- .linkage a {
- font-family: consolas;
- color: #ddd;
- text-transform: uppercase;
- font-size: 8px;
- letter-spacing: 5px;
- background: {color:Dropdown Link Color};
- width: 187px;
- height: 8px;
- text-align:right;
- float: right;
- margin-bottom: 2px;
- padding-right: 5px;
- padding-bottom: 5px;
- border-right: 13px solid #222;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- -o-transition: all 0.5s ease-out;
- }
- .linkage a:hover {
- background: #222;
- border-right: 0px solid #000;
- margin-bottom: 2px;
- padding-left: 0px;
- padding-right: 10px;
- padding-bottom: 5px;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- }
- a:link, a:active, a:visited{
- color: {color:Links};
- text-decoration:none;
- outline: none;
- }
- a:hover{
- -webkit-transition: 0.6s ease-in; color:#aaa ;
- -moz-transition: 0.6s ease-in; color:#aaa;
- }
- #content {
- position:absolute;
- width:{text:Width}px;
- {block:IndexPage}width:425px;{/block:IndexPage}
- margin-top:10px;
- }
- #entry {
- background-color:{color:Post Background Color};
- {block:IndexPage}width:395px;
- {/block:IndexPage}
- {block:PermalinkPage} width:500px;{/block:PermalinkPage}
- margin-bottom:35px;
- {block:IfNoSpaceBetweenPosts}
- margin-bottom:0px;
- {/block:IfNoSpaceBetweenPosts}
- border-left: 15px solid {color:Inner Border Color};
- z-index:1;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- #entry:hover {{block:IndexPage}-webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- border-left:30px solid #333;{/block:IndexPage}
- }
- #entry:hover .permalink {
- opacity: 1;
- filter:alpha(opacity=100);
- -moz-opacity: 1;
- -khtml-opacity: 1;
- padding:3px;
- text-align: left;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- .text, .quote, .answer, .link .answer {
- padding-left:5px;
- padding-right: 5px;
- }
- .chat {
- background-color: {color:Post Background Color};
- }
- .chat .lines {
- margin-left: 0px;
- }
- .chat .lines .line {
- background-color: {color:Post Background Color};
- margin-top:3px;
- padding:1px;
- }
- .chat .lines .line.even {
- background-color: #f8f8f8;
- }
- img{
- -webkit-transition: opacity 0.5s linear;
- opacity: 1;
- }
- img:hover{
- -webkit-transition: opacity 0.5s linear;
- opacity: 0.9;
- background-color:none;
- }
- h1{
- font-weight:lighter;
- font-style: none;
- text-transform:none;
- margin:0px;
- padding:0px;
- }
- h2{
- color:{color:Title Color};
- font-family: garamond, georgia, Times New Roman, 'Droid Serif', serif, Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
- font-size:20px;
- line-height:15px;
- letter-spacing:0px;
- font-weight:lighter;
- font-style: italic;
- text-transform:none;
- margin:0px;
- padding:0px;
- }
- h3{
- color:{color:Title Color};
- font-family: garamond, consolas, arial, garamond, Times New Roman, 'Droid Serif', serif, Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
- font-size:27px;
- line-height:15px;
- letter-spacing:-1px;
- font-weight:lighter;
- font-style: italic;
- text-transform:none;
- margin-bottom:2px;
- margin-top:0px;
- }
- h4{
- color:{color:Title Color};
- font-family: garamond, consolas, arial, garamond, Times New Roman, 'Droid Serif', serif, Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
- font-size:27px;
- line-height:17px;
- letter-spacing:-1px;
- font-weight:lighter;
- font-style: italic;
- text-transform:none;
- margin-bottom:2px;
- margin-top:0px;
- }
- b, strong{
- color:#444;
- font-weight:lighter;
- }
- i, em {
- color:#333;
- font-weight:lighter;
- }
- p {
- margin-top:3px;
- margin-bottom:3px;
- }
- blockquote img{
- display:block;
- }
- blockquote p {
- color: #666;}
- blockquote {
- background: {color:Blockquote Background};
- background-repeat: repeat;
- border-left: 4px solid {color:Inner Border Color};
- padding:5px;
- position:relative;
- }
- a img{
- border:none;
- }
- img{
- {block:IndexPage}max-width:400px;
- background-color:transparent;{/block:IndexPage}
- {block:PermalinkPage}max-width:550px;{/block:PermalinkPage}
- text-align:left;
- }
- .audio{
- z-index:3;
- background: #000 url(http://i45.tinypic.com/15zf611.gif);
- display:block;
- margin-top: 2px;
- margin-bottom:21px;}
- .postnotes{
- margin: auto;
- margin-top: 15px;
- padding: 5px;
- background-color:{color:Post Background Color};
- }
- .PermalinkPage{
- text-align:center;
- margin:auto;
- margin-top:23px;
- }
- .permalink {
- {block:IndexPage}
- position: absolute;
- {block:IndexPage}left:501px;{/block:IndexPage}
- {block:PermalinkPage}left:601px;{/block:PermalinkPage}
- padding:3px;
- text-align: left;
- font-size: 40px;
- font-weight: bold;
- border-left: 0px solid #111;
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -o-transition: all 1s ease;
- opacity:0;filter:alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;
- z-index:99;
- {/block:IndexPage}{block:PermalinkPage}display:none{/block:PermalinkPage}
- }
- .permalink a {
- color:#111;
- opacity: 0.7;filter:alpha(opacity=70);-moz-opacity: 0.7;
- -khtml-opacity: 0.7;
- }
- .permalink a:hover {
- color:#ccc;
- opacity: 1;
- }
- div.video embed,div.post div.video object {
- width:{text:Width}px !important;}
- </style>
- </head>
- {block:IfEndlessScroll}
- <script type="text/javascript" src="http://static.tumblr.com/zh7ydxo/1MVlwa3ai/tumblrautopagernopage.js">
- </script>
- {/block:IfEndlessScroll}
- {block:IfImageLazyLoad}
- <script type="text/javascript" src="http://static.tumblr.com/zh7ydxo/CIvlwa3c5/jquery.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/zh7ydxo/CtWlwa3d9/lazyload.js"></script>
- <script type="text/javascript" charset="utf-8">
- var $j = jQuery.noConflict();
- $j(function() {
- if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
- $j("img").lazyload({
- placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
- effect: "fadeIn",
- });
- });
- </script>
- {/block:IfImageLazyLoad}
- </head>
- <body>
- <div style="font-size:17px; text-transform:uppercase; position:fixed; bottom:9px; right:9px;"><a href="http://infernos.tumblr.com">☲</a></div>
- <div id="leftbordering"></div>
- <div id="desc" ><div style="background:{color:Top Sidebar Color};border-top-right-radius:20px;padding-top:10px;padding-bottom:10px;font-size:25px;letter-spacing:5px;"><div style="{block:IndexPage}width:440px;{/block:IndexPage}{block:PermalinkPage}width:540px;{block:PermalinkPage}><a href="/" style="color:black;"><h2>{title}。</h2></a></div>
- <a href="/"><div id="portrait"></div></a>
- </div>
- <div id="description"><div style="background: #000 url(http://26.media.tumblr.com/tumblr_ls0w5txuft1r3vazto13_r1_400.png) repeat;margin:auto;color:#888;padding:3px;">{description}</div>
- <div class="linkage">
- <span style="color:#777;background:transparent;padding-top:3px;padding-bottom:3px;line-height:12px;">
- {block:ifLink1URL}<a href="{text:Link 1 URL}">{text:Link 1 Name}</a><br />{/block:ifLink1URL}
- {block:ifLink2URL}<a href="{text:Link 2 URL}">{text:Link 2 Name}</a><br />{/block:ifLink2URL}
- {block:ifLink3URL}<a href="{text:Link 3 URL}">{text:Link 3 Name}</a><br />{/block:ifLink3URL}
- {block:ifLink4URL}<a href="{text:Link 4 URL}">{text:Link 4 Name}</a><br />{/block:ifLink4URL}
- {block:ifLink5URL}<a href="{text:Link 5 URL}">{text:Link 5 Name}</a><br />{/block:ifLink5URL}
- <a href="/archive"> archive </a><br/></span>
- <a href="/ask"> ask </a><br/></span>
- <a href="http://infernos.tumblr.com"> credit </a><br/></span>
- </div></div>
- <div id="content">
- </div></div>
- <div style="height:{text:Margin Top of Posts}px;"><!- PLACE HOlDER FOR TOP -!></div>
- {block:IfEndlessScroll}
- <div class="autopagerize_page_element">
- {/block:IfEndlessScroll}
- <div id="center">
- {block:Posts}
- <div id="entry">
- {block:Photo}
- <div id="entry" style="padding-left:5px;{block:PermalinkPage}padding:5px;{/block:PermalinkPage}">
- <span class="permalink"><a href="{Permalink}" class="morelink">×</a></span>
- <a href="{Permalink}" style="background-color:transparent;">{/block:IndexPage}
- {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
- <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" border="0"
- style="width:500px;background:#f8f8f8;"/>
- {block:IndexPage}</a>{/block:IndexPage}
- {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
- {block:PermalinkPage} {block:Caption}{Caption} {/block:Caption}{/block:PermalinkPage}</div>
- {/block:Photo}
- {block:Photoset}<div id="entry" style="padding:5px;"><span class="permalink" style="margin-right:0px;"><a href="{Permalink}" class="morelink">×</a></span>
- {block:IndexPage}{Photoset-400}
- {/block:IndexPage}
- {block:PermalinkPage}{Photoset-500}
- {block:Caption}{Caption}
- {/block:Caption}{/block:PermalinkPage}
- </div>
- {/block:Photoset}
- {block:Video}<div id="entry" style="padding:5px;">
- <span class="permalink" style="margin-right:0px;"><a href="{Permalink}" class="morelink">×</a></span>{block:IndexPage} {Video-400}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
- {block:Audio}
- <div id="entry" style="padding:5px;">
- <span class="permalink" style="margin-right:0px;"><a href="{Permalink}" class="morelink">×</a></span>
- {AudioPlayerWhite}
- {block:Caption}
- {block:TrackName}
- ♫ {TrackName} -
- {/block:TrackName}{block:Artist}
- {Artist}
- {/block:Artist}
- {/block:Caption}
- <br/></div>
- {/block:Audio}
- {block:Quote}
- <div id="entry" style="padding:5px;"> <div class="quote">
- <span class="permalink" style="margin-right:0px;"><a href="{Permalink}" class="morelink">×</a></span>
- <h4>❝{Quote}❞</h4><div style="background:{color:Left Border Color};color:#BBB;text-align:right;margin-left:-5px;margin-right:-5px;margin-top:5px;">{block:Source}— {Source}{/block:Source}</div></div></div>{/block:Quote}
- {block:Link}
- <div id="entry" style="padding:5px;"><div class="link">
- <span class="permalink" style="margin-right:0px;"><a href="{Permalink}" class="morelink">×</a></span>
- <div style="background-color:none;margin-top:3px; margin-bottom:3px;border-top:0px solid #f0f0f0; border-bottom:0px solid #f0f0f0;padding-top:1px;padding-bottom:1px;"><a href="{URL}" class="link" {Target}><h2>{Name} →</h2></a>
- {block:Description}
- <div class="caption">
- {Description}
- </div>
- {/block:Description}</div>
- </div></div>
- {/block:Link}
- {block:Text}<div id="entry" style="padding:5px;"><div class="text">
- <span class="permalink" style="margin-right:0px;"><a href="{Permalink}" class="morelink">×</a></span>
- <div style="background-color:none;margin-top:3px; margin-bottom:3px;border-top:0px solid #f0f0f0; border-bottom:0px solid #f0f0f0;padding-top:1px;padding-bottom:1px;">{block:Title}<h2>{Title}</h2>{/block:Title}{Body}</div></div></div>{/block:Text}
- {block:Chat}
- <div id="entry" style="padding:5px;">
- <span class="permalink" style="margin-right:0px;"><a href="{Permalink}" class="morelink">×</a></span>
- {block:Title}<div style="margin-left:5px;margin-bottom:2px;"><h2>{Title}</h2></div>{/block:Title}
- <div class="chat">
- <div class="lines">{block:Lines}
- <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>{/block:Lines}
- </div></div></div>
- {/block:Chat}
- {block:Answer}<div id="entry" style="padding:5px;"><div class="answer">
- <span class="permalink" style="margin-right:0px;"><a href="{Permalink}" class="morelink">×</a></span>
- <div style="padding-top:3px;padding-bottom:3px;"><div style="background: {color:Blockquote Background};padding:3px;border-right:5px solid {color:Inner Border Color};"><a href="{AskerURL}" style="text-decoraton:underline;">{Asker}</a>: {Question}</div>{Answer}</div></div></div>{/block:Answer}
- </div>
- {block:PermalinkPage}<div class="meta" style="line-height:15px;">
- <div class="metabox" style="width:500px;padding:5px;background: {color:Post Background Color};border-left: 30px solid {color:Inner Border Color};" > <div class="permalinkpage">
- {block:Date}<h2>{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</h2>{/block:Date}
- {block:HasTags}<i><u>Tagged</u>:</i>{block:tags}•<a href="{TagURL}">{Tag} </a>
- {/block:tags}{/block:HasTags}<br /><i><u>Options</u>:</i>
- <a href="javascript:history.go(-1)">go back</a> <a href="http://www.tumblr.com/dashboard">go home</a> <a href="/random" id="random_link">random entry</a><br/>{block:RebloggedFrom} <i><u>Via</u>:</i> <a href="{ReblogParentURL}">{ReblogParentName}</a> <i><u>Source</u>:</i> <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}
- </div></div>
- <div class="postnotes" style="width:500px;overflow:hidden;margin-left:30px;"><center>{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</center>
- {block:PostNotes}
- {PostNotes}</div>
- {/block:PostNotes}
- </div>
- {/block:PermalinkPage}
- {/block:Posts}
- <div id="navigation">{block:NextPage}<a href="{NextPage}"> ← </a>{/block:NextPage}
- {block:PreviousPage}<a href="{PreviousPage}"> → </a> {/block:PreviousPage}</div>
- </div>
- {block:IfEndlessScroll}</div>{/block:IfEndlessScroll}
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement