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">
- <!-------------------------------
- Ereus BY NINPEN.TUMBLR.COM
- DO NOT REMOVE THE CREDIT.
- HOW TO INSTALL
- 1. Click on customize theme then click on edit HTML
- 2. Delete the entire code, and replace it with the code for this theme
- 3. Click on update preview then click on appearance.
- 4. Click save. Now refresh the screen. Now you can customize the appearance
- ___________________________________________________________________________
- If there's a problem with the theme, or you need help, just ask me.
- --------------------------------->
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <meta name="if:showCaption" content="0"/>
- <meta name="if:grayscale" content="0"/>
- <meta name="color:Link" content="#cccccc"/>
- <meta name="color:Link-hover" content="#555555"/>
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:posts" content="#ffffff"/>
- <meta name="color:border" content="#f5f5f5"/>
- <meta name="color:sidebar bg" content="#fafafa"/>
- <meta name="color:sidebar" content="#aaaaaa"/>
- <meta name="color:blockquote bg" content="#fafafa"/>
- <meta name="color:blockquote" content="#b0b0b0"/>
- <meta name="color:description text" content="#313131"/>
- <meta name="color:Text" content="#4e4e4e"/>
- <meta name="color:h1 text" content="#ffffff"/>
- <meta name="color:h2 text" content="#1F1D1D"/>
- <meta name="color:h2 bg" content="#fcfcfc"/>
- <meta name="color:h1 bg" content="#000000"/>
- <meta name="color:askerbg" content="#000000"/>
- <meta name="color:asker" content="#77dbf3"/>
- <meta name="color:chat line 1" content="#f7f7f7"/>
- <meta name="color:chat line 2" content="#f5f5f5"/>
- <meta name="color:thm link" content="#aaaaaa"/>
- <meta name="color:thm link hover" content="#bbbbbb"/>
- <meta name="color:bold" content="#4dd2ff"/>
- <meta name="color:italic" content="#FF8F97"/>
- <meta name="color:underline" content="#FFB866"/>
- <meta name="image:background image" content=""/>
- <meta name="text:Custom Link One" content=""/>
- <meta name="text:Custom Link One URL" content=""/>
- <meta name="text:Custom Link Two" content=""/>
- <meta name="text:Custom Link Two URL" content=""/>
- <meta name="text:Custom Link Three" content=""/>
- <meta name="text:Custom Link Three URL" content=""/>
- <meta name="text:Custom Link Four" content=""/>
- <meta name="text:Custom Link Four URL" content=""/>
- <meta name="text:Custom Link Five" content=""/>
- <meta name="text:Custom Link Five URL" content=""/>
- <meta name="text:Custom Link Six" content=""/>
- <meta name="text:Custom Link Six URL" content=""/>
- <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600' rel='stylesheet' type='text/css'>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <style type="text/css">
- ::-webkit-scrollbar {
- width:4px;
- height: 4px;
- background-color: {color:Background};
- }
- ::-webkit-scrollbar-thumb {
- background-color: {color:text};
- }
- html,body{
- padding:0;
- margin:0;
- }
- body {
- font:10px/14px calibri;
- color:{color:text};
- background-image:{color:Background} url({image:background image}) repeat top center;
- }
- a:link, a:active, a:visited{
- color:{color:Link};
- text-decoration: none;
- }
- a:hover {
- color:{color:Link-hover};
- }
- h1{
- font:italic 7px trebuchet ms;
- text-align:right;
- margin:0;
- letter-spacing:2px;
- padding:2px 10px;
- background-color:{color:h1 bg};
- color:{color:h1 text};
- display:inline;
- }
- h1 a{
- color:#fff;
- }
- h2 {
- text-align:center;
- margin:0;
- text-transform:lowercase;
- background-color:{color:h2 BG};
- font:italic bold 14px/16px "Times New Roman", Times, serif;
- color: {color:h2 text};
- }
- .NINCREDIT a{
- color:{color:thm link};
- }
- .NINCREDIT a:hover{
- color:{color:thm link hover};
- }
- b,strong{
- color:{color:bold};
- }
- i,em{
- color:{color:italic};
- }
- u{
- color:{color:underline};
- }
- .source{
- font:8px/8px courier;
- text-align:right;
- text-transform:uppercase;
- }
- img,.photoset{
- max-width:100%;
- {block:Ifgrayscale}
- filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
- filter: gray;
- -webkit-filter: grayscale(100%);
- {/block:Ifgrayscale}
- }
- #top{
- border-bottom:1px solid {color:border};
- top:0;
- padding-top:10px;
- width:100%;
- background:{color:posts};
- text-align:center;
- position:fixed;
- z-index:100;
- }
- .side{
- position:fixed;
- left:50%;
- bottom:0;
- margin-left:-168px;
- background:{color:sidebar bg};
- padding:20px 0;
- width:337px;
- text-align:center;
- font:7px/10px trebuchet ms;
- letter-spacing:1px;
- text-transform:uppercase;
- }
- #description{
- font-style:italic;
- margin-bottom:10px;
- color:{color:description text};
- }
- #description a, .side a{
- margin:0 2px;
- display:inline-block;
- background:{color:border};
- color:{color:link};
- }
- .prev{
- text-align:center;
- font-size:10px;
- padding:3px;
- background-color:{color:posts};
- color:{color:text};
- width:50px;
- height:15px;
- }
- .next{
- text-align:center;
- font-size:10px;
- padding:3px;
- background-color:{color:posts};
- color:{color:text};
- width:50px;
- height:15px;
- }
- #center{
- margin-top:60px;
- width:100%;
- }
- #content{
- {block:PermalinkPage}
- width:550px;
- position:Absolute;
- left:50%;
- margin-left:-275px;
- {/block:PermalinkPage}
- background:;
- }
- #ent{
- display:inline-block;
- float:left;
- width:250px;
- }
- .entry{
- color:{color:Text};
- display:inline-block;
- {block:IndexPage}
- width:200px;
- margin:0 20px 0 0;
- {/block:IndexPage}
- {block:PermalinkPage}
- width:550px;
- {/block:PermalinkPage}
- background-color:{color:posts};
- position:relative;
- font:8px/11px courier;
- text-transform:uppercase;
- letter-spacing:1px;
- }
- #cap{
- margin-left:15px;
- display:inline-block;
- background:;
- {block:IndexPage}
- width:200px;
- {/block:IndexPage}
- {block:PermalinkPage}
- width:250px;
- {/block:PermalinkPage}
- }
- {block:IndexPage}
- td {
- vertical-align: top;
- }
- {/block:IndexPage}
- .notes {
- color:{color:Text};
- padding: 5px;
- margin: 10px;
- }
- .notes img a {
- border: 0px;
- }
- .notes li {
- list-style-type: none;
- }
- #pinfo{
- position:absolute;
- right:0;
- width:100%;
- height:9px;
- bottom:-12px;
- text-align:right;
- background:{color:posts};
- font:9px/9px courier;
- text-transform:uppercase;
- letter-spacing:2px;
- }
- .postinfo a{
- float:left;
- color:{color:link};
- -webkit-transition: opacity 0.6s linear;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- }
- .postinfo a:hover{
- color:{color:bold};
- }
- #reb{
- background:{color:border};
- font:8px/7px century gothic;
- width:6px;
- height:6px;
- padding:2px;
- text-align:center;
- overflow:hidden;
- text-transform:uppercase;
- float:right;
- margin-left:10px;
- }
- #reb a{
- color:{color:link};
- }
- #ansname{
- display:block;
- height:10px;
- padding:5px 0;
- text-align:center;
- font:7px trebuchet ms;
- text-transform:uppercase;
- letter-spacing:2px;
- background:{color:askerbg};
- }
- #ansname a{
- background:transparent;
- font: italic 9px "Times New Roman", Times, serif;
- text-transform: lowercase;
- letter-spacing: 3px;
- color:{color:asker};
- }
- #question{
- margin-top:5px;
- vertical-align:top;
- padding:3px;
- display:block;
- margin-bottom:10px;
- border-bottom:1px dashed {color:border};
- }
- #answer{
- margin-bottom:5px;
- display:block;
- padding:3px;
- font-style:italic;
- }
- ul.chat {
- margin: 0;
- padding: 0;
- }
- .chat li {
- list-style-type: none;
- margin-left: 0px;
- padding: 3px;
- }
- .chat li.odd {
- color:{color:chat line 1};
- margin-bottom: 1px;
- }
- .chat li.even {
- color:{color:chat line 2};
- margin-bottom: 1px;
- }
- .label {
- }
- iframe#tumblr_controls{
- position:fixed !important;
- }
- .install_button{
- display:none;
- }
- .pagination {
- display: none;
- }
- #pages {
- padding:3px 10px;
- line-height: 7px;
- display:block;
- margin:0 auto;
- width:200px;
- text-align:center;
- font-family: trebuchet ms;
- }
- .current_page {
- display: inline-block;
- padding:1px 1px;
- text-align: center;
- font-style:italic;
- line-height: 7px;
- font-family: trebuchet ms;
- text-decoration: none;
- }
- #pages a {
- margin-left:3px;
- display: inline-block;
- padding:1px 1px;
- text-align: center;
- font:7px/7px trebuchet ms;
- text-decoration: none;
- background:{color:border};
- }
- #nav{
- display:block;
- position:Relative;
- height:30px;
- text-align:center;
- margin:0 auto;
- background:{color:posts};
- }
- #nav a{
- width:7px;
- height:4px;
- overflow:hidden;
- padding:10px 15px 12px 15px;
- margin-left:4px;
- }
- #nav img{
- opacity:1;}
- ol.notes {
- width:200px;
- text-align:left;
- padding: 0px;
- margin: 25px 0px;
- list-style-type: lower-roman;
- border-bottom: solid 1px {color:border};
- }
- blockquote{
- font:8px/12px century gothic;
- letter-spacing:1px;
- text-transform:uppercase;
- background-color:{color:blockquote bg};
- color:{color:blockquote};
- border:1px solid {color:border};
- }
- ul{
- list-style-type:square;
- }
- li{
- list-style-type:square;
- font-family:calibri;
- }
- #postnotes{
- margin-top:0;
- width:400px;
- }
- #postnotes a{
- font-style:italic;
- }
- .avatar_frame{
- display:none;
- }
- ol.notes li.note {
- list-style-type:none;
- border-top:1px solid {color:border};
- padding: 10px;
- font:7px trebuchet ms;
- letter-spacing:1px;
- text-transform:uppercase;
- color:#aaa;
- }
- ol.notes li.note img.avatar {
- display:none;
- }
- ol.notes li.note span.action {
- list-style-type:none;
- font-weight:normal;
- }
- ol.notes li.note .answer_content {
- list-style-type:none;
- font-weight: normal;
- }
- ol.notes li.note blockquote {
- padding: 4px 10px;
- margin: 10px 0px 0px 25px;
- }
- ol.notes li.note blockquote a {
- text-decoration: none;
- }
- {block:PermalinkPage}
- #tag{
- max-width:100%;
- padding:5px;
- padding:5px;
- font:8px courier new;
- letter-spacing:1px;
- line-height:12px;
- text-transform:uppercase;
- text-align:center;
- margin-bottom:20px;
- }
- #tag one {
- font:7px trebuchet ms;
- text-transform:lowercase !important;
- margin:0 5px;
- color:{color:italic};
- }
- #tag two a{
- font:8px courier new;
- letter-spacing:1px;
- line-height:12px;
- text-transform:uppercase;
- }
- #perm{
- font:italic 7px/7px trebuchet ms;
- text-transform:uppercase;
- letter-spacing:1px;
- padding:1px 5px;
- position: relative;
- width: 250px;
- top:20px;
- }
- #perm a{
- color:{color:underline};
- }
- #perm b{
- color:{color:bold};
- }
- {/block:PermalinkPage}
- #audio{
- margin:0 auto 10px auto;
- width:200px;
- }
- #audio img{
- width:100px;
- border:0;
- padding:0 ;
- }
- #albumcover{
- width:100px;
- float:left;
- }
- .audio{
- padding:21px;
- background:{color:h1 bg};
- width:58px;
- height:58px;
- display:inline-block;
- margin-right:-3px;
- }
- .player{
- width:18px;
- overflow:hidden;
- position:relative;
- opacity:.3;
- left:15px;
- top:15px;
- }
- #audiotext{
- text-align:center;
- padding:24px 0px;
- }
- #audiotext b{
- font:8px courier new;
- letter-spacing:1px;
- text-transform:uppercase;
- }
- #audiotext i{
- font:7px trebuchet ms;
- letter-spacing:1px;
- text-transform:uppercase;
- }
- </style>
- {block:IndexPage}
- <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
- <script src="http://www.designedbyaturtle.co.uk/demos/horizontal-scrolling/jquery.mousewheel.min.js"></script>
- <script>
- $(function(){
- $("#page-wrap").wrapInner("<table cellspacing='0'><tr>");
- $(".entry").wrap("<td></td>");
- $("body").mousewheel(function(event, delta) {
- this.scrollLeft -= (delta * 30);
- event.preventDefault();
- });
- });
- </script>
- {/block:IndexPage}
- </head>
- <body>
- <div id="center">
- <div id="top">
- <div id="nav">
- <a href="/"><img src="https://31.media.tumblr.com/2015daae1d676432bfe8cc417be25d2b/tumblr_inline_n2aiggyMWT1r7v6wt.png"></a>
- <a href="/ask"><img src="https://31.media.tumblr.com/5b80f6b287f935df5d5eae173919821e/tumblr_inline_n2aigwiUlj1r7v6wt.png"></a>
- <a href="/archive"><img src="http://static.tumblr.com/3yblkz0/hnvn2c2pp/li.png"></a>
- </small>
- </div>
- </div>
- <div class="side">
- <div id="description">
- {description}
- </div>
- {block:IfCustomLinkOne}<a href="{block:IfCustomLinkOneURL}{text:Custom Link One URL}{/block:IfCustomLinkOneURL}">{text:Custom Link One}</a>{/block:IfCustomLinkOne}
- {block:IfCustomLinkTwo}<a href="{block:IfCustomLinkTwoURL}{text:Custom Link Two URL}{/block:IfCustomLinkTwoURL}">{text:Custom Link Two}</a>{/block:IfCustomLinkTwo}
- {block:IfCustomLinkThree}<a href="{block:IfCustomLinkThreeURL}{text:Custom Link Three URL}{/block:IfCustomLinkThreeURL}">{text:Custom Link Three}</a>{/block:IfCustomLinkThree}
- {block:IfCustomLinkFour}<a href="{block:IfCustomLinkFourURL}{text:Custom Link Four URL}{/block:IfCustomLinkFourURL}">{text:Custom Link Four}</a>{/block:IfCustomLinkFour}
- {block:IfCustomLinkFive}<a href="{block:IfCustomLinkFiveURL}{text:Custom Link Five URL}{/block:IfCustomLinkFiveURL}">{text:Custom Link Five}</a>{/block:IfCustomLinkFive}
- {block:IfCustomLinkSix}<a href="{block:IfCustomLinkSixURL}{text:Custom Link Six URL}{/block:IfCustomLinkSixURL}">{text:Custom Link Six}</a>{/block:IfCustomLinkSix}
- <div id="pages">
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}" style="font-size:10px;"><</a>
- {/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}
- <span class="current_page">{PageNumber}</span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a class="jump_page" href="{URL}">{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <a href="{NextPage}" style="font-size:10px;">></a>
- {/block:NextPage}
- {/block:Pagination}
- </center>
- </div>
- </div>
- <div id="page-wrap">
- <div id="content">
- {block:Posts}
- <div class="entry">
- {block:Text}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {Body}
- {/block:Text}
- {block:Link}
- <a href="{URL}" class="title"><h1>{Name}</h1></a>
- {block:Description}{Description}{/block:Description}
- {block:Link}
- {block:Photo}
- {block:IndexPage}
- <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></a>
- {/block:IndexPage}
- {block:PermalinkPage}
- <div id="ent"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></div>
- {/block:PermalinkPage}
- {/block:photo}
- {block:Photoset}
- {block:IndexPage}
- {block:Photos}
- <img src="{PhotoURL-250}" class="photoset-image" />
- {/block:Photos}
- <script type="text/javascript">
- var photos = document.getElementsByClassName("photoset-image");
- for(var i = 0; i < photos.length; i++)
- {
- photos[i].style.width = '97px';
- var source = photos[i].src;
- var pos1 = source.lastIndexOf('_');
- var pos2 = source.lastIndexOf('.');
- photos[i].src = source.substring(0, pos1 + 1) + '250' + source.substring(pos2);
- }
- </script>
- {/block:IndexPage}
- {block:PermalinkPage}
- <div id="ent">{Photoset-250}</div>
- {/block:PermalinkPage}
- {/block:Photoset}
- {block:Quote}
- {/block:IndexPage}
- <h2>"{Quote}"</h2>
- {block:Source}
- ― {Source}
- {/block:Source}
- {/block:Quote}
- {block:answer}
- <div id="ansname"><a href="{Permalink}">{Asker}</a> asked</div>
- <div id="question">{Question}</div>
- <div id="answer">{Answer}</div>
- {/block:Answer}
- {block:Chat}
- {block:Title}
- <h3><a href="{Permalink}">{Title}</a></h3>
- {/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="{Alt} user_{UserNumber}">
- {block:Label}
- <span class="label"><b>{Label}</b>
- {/block:Label}
- {Line}
- </li>
- {/block:Lines}
- </ul>
- {/block:Chat}
- {block:Audio}
- <div id="audio"><div id="albumcover">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
- <div class="audio"><div class="player">{AudioPlayerBlack} </div></div>
- </div>
- <div id="audiotext">
- {block:TrackName}<b>Song:</b> <i>{TrackName}</i>{/block:TrackName}<br>
- {block:Artist}<b>ARTIST:</b> <i>{Artist}</i>{/block:Artist}<br>
- {block:Album}<b>ALBUM:</b> <i>{Album}</i>{/block:Album}<br>
- {block:PlayCount}<b>Plays:</b><i>{FormattedPlayCount}</i> {/block:PlayCount}
- </div>
- {/block:Audio}
- {block:Video}
- <div class="ent">{Video-250}</div>
- {/block:Video}
- {block:IndexPage}
- <div id="pinfo">
- <a href="{Permalink}">{NoteCount}</a>
- <div id="reb"><a href="{ReblogUrl}">r</a></div>
- </div>
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:Caption}<div id="cap">{Caption}</div>{/block:Caption}
- {/block:PermalinkPage}
- {block:PermalinkPage}
- <div id="perm">
- <p>{block:Date}<b>{ShortMonth} {DayOfMonth}</b> / {TimeAgo}{/block:Date} / <b>{NoteCountWithLabel}</b>
- <span style="float:right;">{block:RebloggedFrom} <a href="{ReblogParentURL}">Via</a> / <a href="{ReblogRootURL}">Source</a> {/block:RebloggedFrom}</span>
- </p>
- </div>
- {block:HasTags}
- <div id="tag">
- {block:Tags}<one>x</one><two><a href="{TagURL}">{Tag}</a></two>{/block:Tags}</div>
- {/block:HasTags}
- {/block:PermalinkPage}
- </div>
- {block:ContentSource} <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}--> {/block:ContentSource}
- {/block:Posts}
- </div>
- </div>
- <div id="cen"></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment