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">
- <!---
- wistful (theme #20) by melodypcnd(.tumblr.com)
- - do not remove the credit or edit it
- - do not remove it and put the credit on another page
- - do not steal or claim this as your own
- - do not use this as a base code
- - and lastly, don't take parts of the code, as that it also stealing
- but please like or reblog the post! :) enjoy the theme! <3
- --->
- <head>
- <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="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:tabcontent" content="" />
- <meta name="color:text" content="#000000" />
- <meta name="color:link" content="#000000" />
- <meta name="color:linkhover" content="#aaaaaa" />
- <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
- <script type="text/javascript">
- function unhide(divID) {
- var item = document.getElementById(divID);
- if (item) {
- item.className=(item.className=='hidden')?'unhidden':'hidden';
- }
- }
- </script>
- <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
- <style type="text/css">
- div#qTip {
- padding:4px;
- display:none;
- text-align:center;
- position:absolute;
- font-size:10px;
- margin-left:5px;
- margin-top:-5px;
- letter-spacing:2px;
- z-index:999999999999;
- color:#000000;
- background-color:#ffffff;
- border-bottom:1px solid #cccccc;
- border-right:1px solid #cccccc;
- opacity:0.9;
- }
- ::-webkit-scrollbar{width:5px;height:auto;background:#ffffff;}
- ::-webkit-scrollbar-corner{background:#cccccc;}
- ::-webkit-scrollbar-thumb:vertical{background:#cccccc;}
- ::-webkit-scrollbar-thumb:horizontal{background:#cccccc;}
- body {
- font-style:none;
- background:#f4f4f4;
- font-family:'Inconsolata', '';
- font-size:11px;
- letter-spacing:1px;
- line-height:120%;
- color:{color:text};
- text-align:justify;
- }
- blockquote {
- border-left:2px solid #dddddd;
- padding-left:5px;
- margin-left:10px;
- }
- a {
- color:{color:link};
- text-decoration:none;
- -webkit-transition:all 0.2s ease-in-out;
- -moz-transition:all 0.2s ease-in-out;
- -o-transition:all 0.2s ease-in-out;
- }
- a:hover {
- color:{color:linkhover};
- -webkit-transition:all 0.2s ease-in-out;
- -moz-transition:all 0.2s ease-in-out;
- -o-transition:all 0.2s ease-in-out;
- }
- img {
- max-width:100%;
- }
- h1 {
- line-height:100%;
- text-transform:uppercase;
- letter-spacing:3px;
- font-size:13px;
- font-weight:normal;
- text-align:left;
- }
- #sidebar {
- width:250px;
- margin-left:100px;
- margin-top:300px;
- position:fixed;
- padding:25px 15px;
- background-color:#ffffff;
- border:1px solid #dddddd;
- }
- #title {
- font-size:25px;
- font-family:arial;
- font-style:italic;
- letter-spacing:2px;
- }
- #desc {
- margin-top:10px;
- }
- #links {
- margin-top:10px;
- font-size:10px;
- letter-spacing:2px;
- line-height:250%;
- text-align:left;
- }
- #links a {
- padding:5px;
- background-color:#f4f4f4;
- border-bottom:1px solid #cccccc;
- border-right:1px solid #cccccc;
- border-top:1px transparent;
- border-left:1px transparent;
- -webkit-transition-duration:0s;
- -moz-transition-duration:0s;
- -o-transition-duration:0s;
- }
- #links a:hover {
- border-bottom:1px transparent;
- border-right:1px transparent;
- border-top:1px solid #cccccc;
- border-left:1px solid #cccccc;
- color:{color:link};
- -webkit-transition-duration:0s;
- -moz-transition-duration:0s;
- -o-transition-duration:0s;
- }
- #displaybx {margin-top:10px;line-height:120%;}
- #displaybx a {border:none;padding:0px;background-color:transparent;}
- #displaybx a:hover {border:none;}
- .hidden {display:none;}
- .unhidden {display:block;}
- #entry {
- position:absolute;
- width:400px;
- margin-top:50px;
- margin-left:550px;
- }
- #posts {
- width:400px;
- font-style:none;
- margin-bottom:50px;
- padding:5px;
- background-color:#ffffff;
- border:1px solid #dddddd;
- }
- .caption {
- padding:5px;
- font-size:10px;
- letter-spacing:2px;
- margin-top:5px;
- background-color:#f7f7f7;
- border:1px solid #dddddd;
- }
- #question {
- padding:10px;
- font-size:10px;
- text-transform:uppercase;
- letter-spacing:2px;
- background-color:#ffffff;
- border:1px solid #dddddd;
- }
- #answer {
- padding:2px;
- font-size:9px;
- font-style:normal;
- letter-spacing:2px;
- text-align:left;
- }
- #quote {
- font-size:12px;
- line-height:110%;
- text-transform:uppercase;
- letter-spacing:3px;
- }
- .source {
- text-align:left;
- font-size:9px;
- letter-spacing:2px;
- }
- #chat {
- text-align:left;
- line-height:175%;
- }
- .newplayerbutton {
- position:relative;
- width:28px;
- height:28px;
- overflow:hidden;
- }
- .playerbuttonhug {
- position:absolute;
- top:-11px;
- left:-12px;
- }
- .tumblr_audio_player {
- border:none;
- padding:0px;
- margin:0px;
- height:50px;
- width:400px;
- }
- .playerbuttonbg {
- position:absolute;
- width:28px;
- height:28px;
- margin-top:20px;
- margin-left:20px;
- background-color:#000000;
- padding:10px;
- opacity:0.7;
- filter:alpha(opacity=70);
- -moz-opacity:0.7;
- -khtml-opacity:0.7;
- }
- .audioimgwrapper {
- position:absolute;
- left:0px;
- top:0px;
- overflow:hidden;
- width:88px;
- height:88px;
- }
- .audioimgwrapper img {
- width:100%;
- height:auto;
- }
- .trackdetails {
- width:305px;
- height:56px;
- margin-left:93px;
- padding-top:30px;
- background-color:#f7f7f7;
- border:1px solid #dddddd;
- display:inline-block;
- text-align:center;
- }
- .audiowrapper {
- position:relative;
- display:inline-block;
- }
- #info {
- width:75px;
- overflow-x:hidden;
- margin-left:415px;
- margin-top:-6px;
- padding:5px;
- font-size:9px;
- text-transform:lowercase;
- line-height:175%;
- color:{color:link};
- background-color:#ffffff;
- border-left:3px solid #dddddd;
- border:1px solid #dddddd;
- position:absolute;
- opacity:0;
- -webkit-transition:all 0.2s ease-in-out;
- -moz-transition:all 0.2s ease-in-out;
- -o-transition:all 0.2s ease-in-out;
- }
- #posts:hover #info {
- opacity: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;
- }
- .notecontainer {
- text-transform:uppercase;
- letter-spacing:2px;
- word-spacing:5px;
- font-size:8px;
- text-align:center;
- }
- .notecontainer li {
- list-style-type:circle;
- padding:10px;
- margin-left:-10px;
- text-align:center;
- }
- .notecontainer img {
- display:none;
- }
- #pagi {
- margin-bottom:25px;
- width:400px;
- padding:5px;
- text-align:center;
- }
- #pagi a {
- padding:3px 5px;
- background-color:#ffffff;
- border:1px solid #dddddd;
- margin-left:4px;
- margin-right:4px;
- }
- #poop {
- font-size:8px;
- font-family:calibri;
- letter-spacing:2px;
- }
- #poop a {
- position:fixed;
- width:auto;
- padding:3px;
- bottom:5px;
- right:5px;
- text-align:center;
- box-align:center;
- color:#777777;
- background-color:#eeeeee;
- border:3px double #ffffff;
- }
- {CustomCSS}</style></head><body>
- <div id="sidebar">
- <div id="title">{Title}</div>
- <div id="desc">{Description}</div>
- <div id="links">
- <a href="{text:Link1 URL}">{text:Link1}</a>
- <a href="{text:Link2 URL}">{text:Link2}</a>
- <a href="{text:Link3 URL}">{text:Link3}</a>
- <a href="javascript:unhide('displaybx');">more</a>
- <div id="displaybx" class="hidden">{text:TabContent}</div>
- </div>
- </div>
- <div id="entry">
- {block:Posts}
- <div id="posts">
- <div id="info">
- {block:Date}{MonthNumberWithZero}-{DayOfMonth}-{ShortYear}{/block:Date}
- {block:NoteCount}
- <br><a href="{Permalink}">{NoteCount}%</a>
- {/block:NoteCount}
- {block:RebloggedFrom}
- <br><a href="{ReblogParentURL}">via</a>
- {/block:RebloggedFrom}
- {block:ContentSource}
- <a href="{SourceURL}">/ org</a>
- {/block:ContentSource}
- {block:HasTags}
- {block:Tags}
- <br><a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- {/block:HasTags}
- </div>
- {block:Text}
- <h1>{block:Title}{Title}{/block:Title}</h1>
- <div class="caption">{Body}</div>
- {/block:Text}
- {block:Quote}
- <div id="quote">{Quote}</div><p>
- {block:Source}
- <div class="source">—{Source}</div>
- {/block:Source}
- {/block:Quote}
- {block:Link}
- <h1><a href="{URL}"{Target}>{Name}</a></h1>
- {block:Description}
- <div class="caption">{Description}</div>
- {/block:Description}
- {/block:Link}
- {block:Photo}
- <center>
- {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
- </center>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Photo}
- {block:Photoset}
- <center>{Photoset-400}</center>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Photoset}
- {block:Chat}
- <div id="chat">
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {block:Lines}
- {block:Label}
- <b>{Label}</b>
- {/block:Label}{Line}<br>{/block:Lines}
- </div>
- {/block:Chat}
- {block:Video}
- {Video-400}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Video}
- {block:Answer}
- <div id="question">
- {Question}
- <span style="text-transform:lowercase">
- (from <a href="{askerURL}">{Asker}</a>)
- </span></div>
- <div class="caption">{Answer}</div>
- {/block:answer}
- {block:AudioPlayer}
- <div class="audiowrapper">
- {block:AlbumArt}
- <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
- {/block:AlbumArt}
- <div class="playerbuttonbg">
- <div class="newplayerbutton">
- <div class="playerbuttonhug">
- {AudioPlayerBlack}
- </div></div></div>
- <div class="trackdetails">
- {block:TrackName}{TrackName}{/block:TrackName}
- {block:Artist}by {Artist}{/block:Artist}<br>
- {PlayCountWithLabel}</div>
- </div>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:AudioPlayer}
- <center>
- {block:PostNotes}
- <div class="notecontainer">
- {PostNotes}
- </div>
- {/block:PostNotes}
- </div>
- {/block:Posts}
- </center>
- <div id="pagi">
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}"><</a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">></a></span>
- {/block:NextPage}
- {/block:Pagination}
- </div>
- </div>
- <div id="poop">
- <a href="http://melodypcnd.tumblr.com/">mk</a>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement