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">
- <head>
- <!--- obligatory theft warning:if you steal this theme i will send a llama to eat you. please don’t remove the credit. third theme by hannah at befuddlement.tumblr.com --->
- <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:entries" content="#ffffff"/>
- <meta name="color:side" content="#ffffff"/>
- <meta name="color:sidebox" content="#ffffff"/>
- <meta name="color:sidebox border" content="#f2f2f2"/>
- <meta name="color:text" content="#b5b5b5"/>
- <meta name="color:link" content="#c5c0c1"/>
- <meta name="color:link hover" content="#e0e0e0"/>
- <meta name="color:linkbar" content="#000000"/>
- <meta name="color:sidelinks" content="#000000"/>
- <meta name="color:sidelinkshov" content="#ffffff"/>
- <meta name="color:border" content="#f8f8f8"/>
- <meta name="color:tag line" content="#f8f8f8"/>
- <meta name="color:bold" content="#e0e0e0"/>
- <meta name="image:side" content=""/>
- <meta name="image:sidebar" content=""/>
- <meta name="image:background" content=""/>
- <meta name="if:sidebox image" content="0">
- <meta name="text:Link1" content="/" />
- <meta name="text:Link1 Title" content="link 1" />
- <meta name="text:Link2" content="/" />
- <meta name="text:Link2 Title" content="link 2" />
- <meta name="text:Link3" content="/" />
- <meta name="text:Link3 Title" content="link 3" />
- <meta name="text:Link4" content="/" />
- <meta name="text:Link4 Title" content="link 4" />
- <meta name="text:Sidebox Margin Top" content="200"/>
- <meta name="text:Linkbar Padding Top" content="80"/>
- <link href='http://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
- <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
- <style>
- div#qTip {
- padding: 4px;
- border-right-width: 2px;
- border-bottom-width: 2px;
- display: none;
- font: 8px cambria;
- text-align: left;
- position: absolute;
- z-index: 1000;
- background: #ffffff;
- color:{color:link};
- border: 1px solid {color:border};
- border-radius: 1px;
- text-transform:uppercase;
- letter-spacing: 1px;
- }
- </style>
- <style type="text/css">
- /*--- S C R O L L B A R ---*/
- ::-webkit-scrollbar, ::-webkit-scrollbar-corner{background-color:{color:background};width:10px;height:10px;}
- ::-webkit-scrollbar-thumb{background:{color:linkbar};}
- ::-webkit-scrollbar-button{background:{color:linkbar};width:10px;height:10px;}
- /*--- B A S E ---*/
- body {
- background-color:{color:background};
- background-image:url('{image:Background}');
- background-attachment:fixed;
- background-repeat:repeat;
- margin:0px;
- color:{color:text};
- font-family: cambria, georgia;
- font-size:10px;
- line-height:110%;
- font-style: none;
- }
- a:link, a:visited, a:active {
- color: {color:link};
- text-decoration: none;
- font-weight: normal;
- }
- a:hover {
- color: {color:link hover};
- text-decoration: none;
- font-weight: normal;
- -webkit-transition: opacity 0.7s linear;
- opacity: 0.7s;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;
- }
- b {
- color:{color:bold};
- }
- h1 {
- font-family:cambria,georgia;
- font-size:11px;
- letter-spacing:2px;
- line-height:170%;
- text-transform:uppercase;
- font-style:normal;
- font-weight:normal;
- border:1px solid {color:border};
- background-color:{color:background};
- }
- h2 {
- font-family:georgia;
- font-size:14px;
- line-height:130%;
- letter-spacing:1px;
- padding-left:10px;
- padding-right:10px;
- font-style:italic;
- font-weight:normal;
- }
- blockquote {
- padding:5px 10px 5px 9px;
- margin-left:0px;
- width:480px;
- overflow:hidden;
- background-color:{color:entries};
- border-left: 1px solid #dadada;
- }
- /*--- S I D E ---*/
- #title2 {
- color:{color:text};
- font-family:'Homemade Apple', cursive;
- letter-spacing:2px;
- text-shadow:#eeeeee 0px 1px 1px;
- text-transform:lowercase;
- text-align:center;
- font-size:14px;
- margin-top:1px;
- padding:2px 0px 8px 0px;
- width:195px;
- z-index:100;
- }
- #sidebar {
- width:350px;
- height:1000%;
- position:fixed;
- background-color:{color:side};
- background-image:url('{image:sidebar}');
- }
- #side {
- width:195px;
- margin-top:{text:sidebox margin top}px;
- margin-left:60px;
- padding:15px;
- border:4px double {color:sidebox border};
- background-color:{color:sidebox};
- }
- #sidebarimage {
- width 175px;
- }
- #sidebarimage img {
- width:195px;
- padding-bottom:5px;
- background-color:#ffffff;
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -transition: all 0.9s ease-in-out;
- }
- #sidebarimage img:hover {
- opacity:.8;
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -transition: all 0.9s ease-in-out;
- }
- /*--- D E S C R I P T I O N ---*/
- .desc {
- width:165px;
- text-align:center;
- font-family: georgia;
- font-size:9px;
- font-style:none;
- letter-spacing:0px;
- margin-top:5px;
- margin-bottom:2px;
- padding:0px 15px 7px 15px;
- }
- /*--- N A V I G A T I O N ---*/
- #linkbar {
- width:60px;
- height:1000%;
- margin-top:-20px;
- padding-top:{text:linkbar padding top}px;
- position:fixed;
- margin-left:350px;
- border-left:4px solid #ffffff;
- background-color:{color:linkbar};
- }
- #sidelink a {
- width:60px;
- display:block;
- background-color:{color:sidelinks};
- font-size:8px;
- font-family: calibri, arial;
- color:{color:link};
- letter-spacing: 2px;
- text-align:center;
- text-transform: uppercase;
- padding:15px 0px 14px 0px;
- -webkit-transition: opacity 0.7s linear;
- opacity: 0.7s;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;}
- #sidelink a:hover {
- background-color:{color:sidelinkshov};
- color:{color:link hover};
- -webkit-transition: opacity 0.7s linear;
- opacity: 0.7s;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;}
- /*--- P A G I N A T I O N ---*/
- #pagination {
- width:195px;
- font-family:georgia;
- text-align:center;
- font-size:8px;
- margin-bottom:2px;
- text-transform:none;
- font-style:none;
- text-transform: lowercase;
- }
- .pagination a {
- padding: 2px 4px 2px 4px;
- color:{color:link};
- font-style:italic;}
- .pagination a:visited {color:{color:link}; text-decoration:none;}
- .pagination a:hover {color:{color:link hover};}
- /*--- E N T R I E S ---*/
- #entries {
- margin-top:0px;
- width:522px;
- top:5px;
- text-align:left;
- margin-left:480px;
- padding-right:50px;
- padding-top:50px;
- }
- #post {
- margin-bottom:55px;
- width:500px;
- padding-top:15px;
- padding-left:15px;
- padding-right:15px;
- padding-bottom:0px;
- background-color: {color:entries};
- border:1px solid {color:border};
- -webkit-box-shadow: 0px 0px 0px 0px #cecece;
- -moz-box-shadow: 0px 0px 0px 0px #cecece;
- box-shadow: 0px 0px 0px 0px #cecece;
- }
- /*--- I N F O ---*/
- #info {
- opacity:1;
- text-transform:uppercase;
- letter-spacing:1px;
- line-height:4px;
- font-size: 8px;
- width:498px;
- margin-left:0px;
- margin-top:10px;
- border-top:2px solid {color:tag line};
- text-align:left;
- padding-bottom:3px;
- padding-right:1px;
- padding-left:1px;
- color:{color:text};
- }
- #info a {
- opacity:0;
- -webkit-transition: opacity 0.7s linear;
- opacity: 0.7s;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;
- }
- #info a:link {
- color:{color:link};
- }
- #info a:hover {
- color:{color:link hover};
- -webkit-transition: opacity 0.7s linear;
- opacity: 0.7s;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;
- }
- #post:hover #info a {opacity:1;
- -webkit-transition: opacity 0.7s linear;
- opacity: 0.7s;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out}
- /*--- T A G S ---*/
- #tags {
- width:490px;
- margin-top:-5px;
- font-family:cambria;
- text-transform:lowercase;
- font-style:italic;
- text-align:center;
- font-size:9px;
- letter-spacing:1px;
- line-height:11px;
- padding:3px 0px 12px 0px;
- background-color: {color:entries};
- }
- #tags a {
- padding:2px 0px;
- }
- #tags a:hover {
- color:{color:link hover};
- -webkit-transition: opacity 0.7s linear;
- opacity: 0.7s;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;
- }
- /*--- C R E D I T ---*/
- .credit {
- padding:6px;
- color:{color:links};
- border:3px double #f2f2f2;
- background-color: {color:side};
- -webkit-transition: opacity 0.7s linear;
- opacity: 0.7s;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;
- }
- /*--- O T H E R ---*/
- #ask {
- float:left;
- margin-right:5px;
- }
- .qsource {
- text-align:right;
- }
- .playerbutton {
- width:38px;
- height:38px;
- padding-top:12px;
- padding-left:12px;
- overflow:hidden;
- }
- .player {
- opacity:.5;
- background-color: #ffffff;
- position: absolute;
- z-index: 1000;
- }
- .audio{
- position:absolute;
- width:20px;
- height:20px;
- }
- .albumcover{
- width:50px;
- height:50px;
- position:absolute;
- }
- .albumcover img{
- float:left;
- opacity:1;
- width:50px;
- }
- .audioinfo{
- margin-top: 2px;
- margin-left:10px;
- height: 40px;
- display:block;
- width:381px;
- text-align: left;
- padding-left: 50px;
- padding-right:10px;
- }
- ol.notes {padding: 0px; margin: 25px 0px; list-style-type: none; border: solid 0px #fcfcfc; text-transform: normal; letter-spacing: 0px; text-align: left; font-style: normal;}
- ol.notes li.note {border-top: solid 1px #f2f2f2; padding: 3px;}
- ol.notes li.note img.avatar {vertical-align: -6px; margin-right: 10px; width: 18px; height: 18px; opacity:.7;}
- ol.notes li.note span.action {font-style: normal;}
- ol.notes li.note .answer_content {font-weight: normal;}
- ol.notes li.note blockquote {color: {color:text}; background-color: #f8f8f8; padding: 4px 10px; margin: 10px 0px 0px 25px;}
- ol.notes li.note blockquote a {text-decoration: none; font-weight: bold;}
- {CustomCSS}</style>
- </head><body>
- <div id="sidebar">
- <div id="side">
- <div id="title2">{Title}</div>
- <div class="titlesub">{text:Title sub}</div>
- {block:ifsideboximage}
- <div id="sidebarimage">
- <a href="/"><img src="{image:side}" /></a>
- </div>{/block:ifsideboximage}
- <div class="desc">
- {Description}</div>
- <div id="pagination">
- {block:Pagination}<div class="pagination">
- {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
- {block:JumpPagination length="5"}{block:CurrentPage}
- <span class="current_page" style="padding-right:3px;padding-left:3px;">{PageNumber}</span>
- {/block:CurrentPage}
- {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}<a href="{NextPage}">→</a> {/block:NextPage}
- </div>{/block:Pagination}
- </div></div>
- </br>
- </div>
- <div id="linkbar">
- <div id="sidelink">
- <a href="/">home</a>
- <a href="/ask">ask</a>
- {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
- {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
- {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
- {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}</div><div>
- </div></div>
- <div id="entries">{block:Posts}<div id="post">
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- {block:Text}<h1><center>{block:Title}{Title}{/block:Title}</center></h1>{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-500}"></center>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}<h2>"{Quote}"</h2>
- {block:Source}<div class="qsource"> —{Source}</div>{/block:Source}{/block:Quote}
- {block:Link}<h1><center><a href="{URL}" {Target}>{Name} →</a></center></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}{block:Title}<h1><center>{Title}</center></h1>{/block:Title}<div style="line-height:14.5px;">{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>{/block:Chat}
- {block:Audio}
- <div class="audio">
- <div class="player"><div class="playerbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
- <div class="albumcover"><img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg"></div>{block:AlbumArt}<div class="albumcover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
- <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}{/block:TrackName}</br>
- {block:Artist}<b>Artist: </b>{Artist}{/block:Artist}</br>
- {block:Album}<b>Album:</b> {Album}{/block:Album} </br>
- <b>Played:</b>{PlayCount} times
- </div><br>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<div id="ask"><img src="{AskerPortraitURL-0}"></div><h2>{Asker} asked: {Question}</h2>{Answer}{/block:Answer}
- <div id="info"><table><tr><td width="250px" style="font-size:8px;">{block:Date}<a href="{Permalink}"> {ShortMonth} {DayofMonth}</a> {/block:Date} {block:NoteCount} <a href="{Permalink}">({NoteCount})</a>{/block:NoteCount} </td><td width="250px" style="font-size:8px; text-align: right;"> {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"> via</a> <a href="{ReblogRootURL}" title="{ReblogRootName}">(source)</a><br>{/block:RebloggedFrom}</td></tr></table></div>
- <div id="tags">{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
- </div>
- </div>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:Posts}
- <div style="text-align:right; position:fixed; bottom:10px; right:15px;"><div class="credit"><a href="http://befuddlement.tumblr.com/">TH</a></div></div>
- </div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement