Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <!-- oh hey look i made a theme *high five* edit all you want really, basically everything is customizable! as long as you leave the credit intact thank you :)
- the way the bottompost looks was inspired by one of varst.tumblr.com's themes, go check them out!>
- <!--basics-->
- <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}
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Text" content="#a7a7a7"/>
- <meta name="color:Link" content="#707070"/>
- <meta name="color:Title"content="#070707"/>
- <meta name="color:perma"content="#e6e6e6"/>
- <meta name="color:Scrollbar" content="#d5d5d5" />
- <meta name="color:Link hover" content="#e6e6e6" />
- <meta name="color:Header" content="#ffffff" />
- <meta name="color:audio and ask" content="ffffff">
- <meta name="image:sidebar" content=""/>
- <meta name="font:body" content="arial"/>
- <meta name="text:Link 1 URL" content="" />
- <meta name="text:Link 1" content="" />
- <meta name="text:Link 2 URL" content="" />
- <meta name="text:Link 2" content="" />
- <meta name="text:Link 3 URL" content="" />
- <meta name="text:Link 3" content="" />
- <meta name="text:Link 4 URL" content="" />
- <meta name="text:Link 4" content=""/>
- <meta name="text:Link 5 URL" content="" />
- <meta name="text:Link 5" content="" />
- <meta name="if:Show Sidebar Image" content="1">
- <meta name="if:Round Sidebar Image" content="0">
- <meta name="if:Hide Title" content="0">
- <meta name="if:Italic Description" content="1">
- <link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Felipa|Libre+Baskerville:400italic|Damion' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Ropa+Sans|Jacques+Francois' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Cutive+Mono' rel='stylesheet' type='text/css'>
- <!-- CSS styling aww yeah. This is the fun part. -->
- <style type="text/css">
- /*scrollbar*/
- ::-webkit-scrollbar{height: 5px;
- width: 5px;
- -webkit-border-radius: 0px;
- background-color:{color:background}}
- ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
- ::-webkit-scrollbar-track{background-color:{color:background};}
- iframe#tumblr_controls {
- position: fixed !important;
- z-index: 9999;
- opacity:.5;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;}
- iframe#tumblr_controls:hover {
- opacity: 0.9;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;}
- .op {opacity: {text:image opacity};
- -webkit-transition: all 0.9s ease;
- {block:permalinkpage} opacity:1;{/block:permalinkpage}}
- .op:hover {opacity: 1;}
- .op:hover .op2{width:auto;height:auto;
- opacity:0.85;
- filter: alpha(opacity = 70);
- -moz-transition: all 0.5;
- -webkit-transition: all 0.5s;
- -o-transition: all 0.5s;
- transition: all 0.5;}
- /*credit, do not remove!*/
- #credit {position:fixed;
- float:right;
- opacity:0.7;
- bottom:18px;
- right:18px;
- padding:6px;
- font-size:10px;
- text-align:center;
- height:10px;
- width:10px;
- font-family:georgia;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;}
- #credit a {color:black;}
- /*main structure*/
- iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.25s linear;opacity: 0.25;-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.5s linear;opacity: .7;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
- ::-webkit-scrollbar {width:.5%; height:auto; background:{color:scrollbg};}
- ::-webkit-scrollbar-corner {background:{color:scroll};}
- ::-webkit-scrollbar-thumb:vertical {background:{color:scroll};}
- ::-webkit-scrollbar-thumb:horizontal {background:{color:scroll};}
- blockquote {
- border-left:2px solid {color:link};
- padding-left:5px;
- max-width:500px!important;
- margin:0px 2px 0px 10px}
- h1 {
- font-size:11px;
- text-align:center;
- color:{color:title};
- font-style:italic;
- font-weight:bold}
- body {
- background-color:{color:background};
- color:{color:text};
- font-family: 'Libre Baskerville', serif;
- font-size:9px;
- text-align:justify;
- line-height:13px;
- margin:0;
- line-height:120%;}
- a {
- color:{color:link};
- text-decoration:none;}
- a:hover {
- color:{color:link hover};
- text-decoration:none;}
- img{
- opacity:1;
- border:none;
- text-decoration:none}
- b, strong {
- color:{color:title}}
- i, em {
- color:{color:text}}
- p {
- margin-top:5px;
- margin-bottom:5px}
- ol {
- list-style:normal;}
- ul {
- list-style:square;}
- small {
- font-size:9px;}
- big {
- font-size:12px;}
- #title{font-size:11px;
- font-weight:none;
- text-align:center;
- padding-bottom:2px;
- color:{color:title};
- font-style:italic}
- /*sidebar*/
- #sidebar {width:500px;
- margin-top:30px;
- font-family: 'Libre Baskerville', serif;
- padding:15px 0;
- background-color:{color:header};
- }
- #sidebarimage {
- margin:auto;
- padding-bottom:15px;
- {block:ifNotShowSidebarImage}
- display:none;
- {/block:ifNotShowSidebarImage}}
- #sidebarimage img{
- width:130px;
- {block:ifShowSidebarImage}
- {block:ifRoundSidebarImage}
- border-radius:100%;
- {/block:ifRoundSidebarImage}
- {/block:ifShowSidebarImage}
- text-align:center;
- }
- #blogt {
- font-family: 'Felipa', cursive;
- line-height:120%;
- font-size:25px;
- letter-spacing:1px;
- padding-left:5px;
- margin-top:-5px;
- margin-bottom:4px;
- text-align:center;
- text-transform:lowercase;
- font-weight:none;
- {block:ifHideTitle}
- display:none;
- {/block:ifHideTitle}
- }
- #blogt a {color:{color:title};}
- #blogt a:hover {
- text-decoration:none;
- color:{color:title}}
- #standardlinks {
- font-family: 'Cutive Mono', serif;
- padding-top:11px;
- padding-bottom:6px;
- padding-left:13px;
- font-size:12px;
- font-style:none;
- font-weight:normal;
- text-transform:lowercase;
- letter-spacing:1px;
- text-align:center;
- }
- #standardlinks a {
- padding:0 4px;
- line-height:15px;
- margin-bottom:3px;
- text-align:center;
- display:inline-block;
- border-bottom:2px solid transparent;
- border: 3px double #f1f1f1;
- background:#fff;
- }
- #standardlinks a:hover {text-decoration:none;
- border-bottom:2px solid {color:link};}
- #description {
- width:250px;
- font-family: 'Libre Baskerville', serif;
- margin-left:100px;
- font-size:9px;
- letter-spacing:1px;
- line-height:130%;
- margin-left:auto;
- padding:11px;
- {block:ifItalicDescription}
- font-style:italic;
- {/block:ifItalicDescription}
- margin-right:auto;
- text-align:justify;}
- /*pagination*/
- #pagination {
- font-family: 'Cutive Mono', serif;
- width:500px;
- margin-left:14px;
- background-color:{color:background};
- position:fixed;
- opacity:.7;
- z-index:999;
- bottom:0;
- height:30px;
- line-height:30px;
- font-size:12px;
- font-weight:bold;
- text-transform:lowercase;
- text-align:center;
- word-spacing:5px;}
- #pagination a {
- color:#3c3c3c;
- letter-spacing:0px;
- padding-bottom:10px;
- margin-left:-10px;
- text-align:center;
- display:inline-block;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;}
- .current_page {
- padding:0 4px;
- text-align:center;
- bottom:5px;
- -webkit-transition: all 0.5s;
- -moz-transition: all 0.5s;
- transition: all 0.5s;}
- #pagination a:hover {text-decoration:none}
- .jump_page {
- padding:0 4px;
- text-align:center;}
- /*container*/
- #con {position:absolute;
- left:50%;
- margin-left:-230px}
- /*posts*/
- #entries {position:absolute;
- width:500px;
- margin-top:100px;
- }
- #posts {
- overflow:hidden;
- width:500px;
- }
- #posts img {
- max-width: 500px;}
- #posts {
- {block:IndexPage}
- margin-bottom:160px;
- {/block:IndexPage}
- {block:PermalinkPage}
- margin-bottom:50px
- {/block:PermalinkPage}
- overflow:hidden;
- width:500px;
- border:0px double {color:Borders};
- padding:14px;
- }
- #posts img {
- max-width: 500px;}
- #titlequote{font-size:11px;
- color:{color:title};
- text-align:center;
- padding:10px;
- font-style:italic;
- background-color:{color:header};
- }
- #posts img, #posts li, #posts blockquote {max-width: 100%;}
- .caption img{max-width:500px;}
- .caption {width:500px;
- display: block;
- margin-top: 5px;
- {block:IfNotShowCaptions}
- {block:IndexPage}
- display: none;
- {/block:IndexPage}
- {/block:IfNotShowCaptions}}
- #source {text-align:right;
- padding-bottom:5px;
- font-size:9px}
- /*audio*/
- #audios {
- height:75px;
- background-color:transparent}
- .albumart img{float:left;
- width:75px;
- height:75px;}
- .player {width:25px;
- height:25px;
- overflow:hidden;
- position:absolute;
- padding:5px;
- margin-left:20px;
- margin-top:20px;
- opacity:0.4; }
- .playerback:hover .player {opacity:1; }
- .audi {font-size:14px;
- font-style:normal;
- margin-top:25px;
- color:{color:title}}
- .audioinfo {margin-left:80px;
- line-height:14px;
- width:420px;
- height:75px;
- color:{color:text};
- text-align:center;
- font-style:italic;
- position:absolute;
- background-color:{color:audio and ask};}
- .playerback {height:75px;
- width:75px;
- position:absolute;
- background-color:white;
- opacity:0;}
- .playerback:hover {opacity:.6;
- }
- /*asks*/
- #question {
- color:{color:text}}
- .q {
- background-color:{color:audio and ask};
- border-bottom:1px solid {color:link hover};
- width:480px;
- margin-left:1px;
- font-size:9px;
- text-align:left;
- padding:8px;
- }
- .a {color:{color:text};
- font-size:9px;
- margin-top:5px;
- margin-left:1px;
- text-align:left}
- .chat ol {
- padding:0;
- line-height:180%;
- list-style:none;
- }
- .label {
- padding-right:1px;
- text-transform:uppercase;
- font-weight:bold;
- color:{color:link};
- }
- /*permalink and notes*/
- #permalink {
- margin-left:-3px;
- font-size: 8px;
- text-transform: lowercase;
- font-family: 'arial';
- font-style: normal;
- font-weight:lighter;
- letter-spacing: 1px;
- padding:11px;
- padding-top: 10px;
- opacity:.60;
- padding-bottom: 9px;
- margin-top:11px;
- border: 3px double #fff;
- background: {color:perma};
- padding:11px;
- text-transform:uppercase;
- {block:IfNotShowInfo}
- display:none;
- {/block:IfNotShowInfo}
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;}
- }
- #permalink a {color:{color:text};}
- #permalink a:hover {
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- color:{color:link hover};}
- #permalink:hover{opacity:1;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;}
- }
- #tags {
- opacity:0;
- position:absolute;
- overflow:hidden;
- max-width:200px;
- font-size:9px;
- text-transform:none;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- }
- .tags a{
- letter-spacing:0px;
- padding:1px;
- color:{color:link};
- text-transform:none;}
- .tags a:hover{
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- color:{color:link hover};}
- .pagenotes {
- float:center;
- font-family:'Share';
- width:400px;
- text-align:left;
- }
- .pagenotes img {
- display:none}
- .pagenotes li {
- list-style-type:none;
- padding:20px 0px;
- text-align:left;
- margin:0 0 0 -30px;
- line-height:110%;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- }
- .pagenotes li:hover {
- background-color:{color:header};
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;}
- {CustomCSS}
- </style></head>
- <body>
- <div id="credit"><a href="http://dearhannibal.tumblr.com/"><img src="http://oi43.tinypic.com/11rryja.jpg"></a></div>
- <div id="con">
- <div id="sidebar">
- <div id="sidebarimage">
- <center><a href="/"><img src="{image:sidebar}"></a></center>
- </div>
- <div id="blogt"><a href="/">{Title}</a></div>
- <div id="standardlinks">
- {block:ifLink1}<a href="{text:Link 1 URL}" title="home">{text:Link 1}</a>{/block:ifLink1}
- {block:ifLink2}<a href="{text:Link 2 URL}" title="message">{text:Link 2}</a>{/block:ifLink2}
- {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
- {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4} 
- {block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifLink5}
- </div>
- <div id="description">{Description} </div>
- </div>
- <div id="pagination">
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}">back</a>
- {/block:PreviousPage}
-
- {block:NextPage}
- <a href="{NextPage}">forward</a>
- {/block:NextPage}
- {/block:Pagination}
- </div>
- <div id="entries">
- {block:Posts}
- {block:ContentSource}
- <!--{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
- <div id="posts">
- {block:Quote}
- <div id="titlequote">“{Quote}”</div>
- {block:Source}<div id="source">{Source}</div>{/block:Source}
- {/block:Quote}
- {block:Text}
- {block:Title}
- <div id="title">{Title}</div>{/block:Title}
- {Body}
- {/block:Text}
- {block:Link}
- <h1><a href="{URL}">> {Name}</a></h1>{block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}
- <h1>{Title}</h1>
- {/block:Title}
- <div class="chat">
- <ol>{block:Lines}
- <li class="line {Alt}">
- {block:Label}
- <span class="label">
- {Label}</span>
- {/block:Label}{Line}</li>
- {/block:Lines}
- </ol></div>
- {/block:Chat}
- {block:Photo}
- <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
- {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- <center>{Photoset-500}</center>
- {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
- {/block:Photoset}
- {block:Video}
- {Video-500}
- {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
- {/block:Video}
- {block:Audio}
- <div id="audios">
- <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100"> {/block:AlbumArt}</div>
- <div class="playerback">
- <div class="player">{AudioPlayerWhite}</div>
- </div>
- <div class="audioinfo">
- <div class="audi">{block:TrackName}{TrackName}{/block:TrackName}</div>
- {block:Artist}{Artist}{/block:Artist} //
- {block:Album}{Album}{/block:Album}
- </div>
- </div>
- {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
- {/block:Audio}
- {block:Answer}
- <div id="question">
- <div class="q"> <span style="color:{color:audio and ask}; font-family: 'Libre Baskerville', serif; font-size:9px; font-style:normal; padding:10px; margin-left:-20px;"></span>❝ {Asker} asked: {Question}</div><br><div class="a" style="font-size:9px; font-family: 'Libre Baskerville', serif; margin-top:4px ;padding-left:3px;">{Answer}</div></div>{/block:Answer}
- <div id="permalink">
- {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}{block:indexpage}
- <span style="float:left;">
- <a href="{Permalink}"title="{NoteCountWithLabel}">{DayOfWeek}; {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a></span><span style="float:right;"><a href="{Permalink}"title=""><span style="opacity:.60;">+{block:NoteCount} {NoteCount}{/block:NoteCount}</a></span></span><BR><div style="font-size:10px; text-transform:lowercase; font-family: 'Jacques Francois', serif; margin-top:3px; opacity:.85;text-align:left;font-style:normal;letter-spacing:0px;{block:ifplayfair}font-family:playfair display;font-style:italic;{/block:ifplayfair}">{block:HasTags}<span style="opacity:.80;"></span>{block:Tags} <a href="{TagURL}">{Tag}.</a> </i>{/block:Tags}</span>{/block:HasTags}</div>
- {/block:indexpage}
- {block:permalinkpage}
- <div style="text-align:center; letter-spacing:0px; text-transform:lowercase;">
- <span style="font-size:10px;margin-top:5px;">
- <span style="font-size:11px;">{block:NoteCount} {NoteCountWithLabel}{/block:NoteCount} </span>
- <BR>
- {DayOfWeek} ; {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} / {24Hour}:{Minutes} {CapitalAmPm}
- <BR>
- {block:RebloggedFrom} reblogged via: <a href="{ReblogParentURL}"title="{ReblogParentURL}">{ReblogParentName}.</a> / originally posted: <a href="{ReblogRootURL}"title="{ReblogRootURL}">{ReblogRootName}.</a>{/block:RebloggedFrom}<div style="margin-top:5px;font-size:10px;">
- {block:HasTags}tagged:{block:Tags} <span style="opacity:.55;">#</span><a href="{TagURL}">{Tag}</a></i> {/block:Tags}</span>
- {/block:HasTags}
- </span></div></div>
- {/block:permalinkpage}
- </div>
- </div>
- <div class="pagenotes">
- {PostNotes}
- </ol>
- </div>
- {/block:PostNotes}
- {/block:Posts}
- </div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment