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">
- <!---
- solstice (theme #24) 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="color:text" content="#777777" />
- <meta name="color:link" content="#777777" />
- <meta name="color:background" content="#ffffff" />
- <meta name="text:tab 2 title" content="tab 2" />
- <meta name="text:tab 2 content" content="" />
- <meta name="text:tab 3 title" content="tab 3" />
- <meta name="text:tab 3 content" content="" />
- <meta name="text:tab 4 title" content="tab 4" />
- <meta name="text:tab 4 content" content="" />
- <meta name="text:tab 5 title" content="tab 5" />
- <meta name="text:tab 5 content" content="" />
- <script language="JavaScript" src="http://static.tumblr.com/oxr8htj/zBcn8d5im/tabs_javascript.txt" type="text/JavaScript"></script>
- <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
- <style type="text/css">
- div#qTip {
- position:absolute;
- display:none;
- padding:2px 5px;
- margin-left:15px;
- color:{color:text};
- background-color:{color:background};
- z-index:99999999999999;
- }
- body {
- background:{color:background};
- color:{color:text};
- font-family:'arial', sans-serif;
- letter-spacing:1px;
- line-height:150%;
- font-size:10px;
- text-align:justify;
- }
- ::-webkit-scrollbar {width:5px;background-color:{color:background};}
- ::-webkit-scrollbar-thumb {background-color:{color:text};}
- a {color:{color:link};text-decoration:none;}
- blockquote {
- border-left:1px solid #000;
- padding:0px 10px;
- margin-left:10px;
- }
- h1 {
- padding:5px 0px;
- font-size:12px;
- letter-spacing:3px;
- text-transform:uppercase;
- text-align:center;
- }
- #header {
- position:relative;
- width:500px;
- left:50%;
- margin-left:-250px;
- margin-top:40px;
- }
- #title {
- padding:6px 0px;
- font-size:14px;
- font-weight:bold;
- letter-spacing:3px;
- text-transform:uppercase;
- text-align:center;
- }
- .tabs {
- width:500px;
- }
- .tabs nav ul {
- padding:0px;
- margin:0px;
- list-style:none;
- display:inline-block;
- }
- .tabs nav ul li {
- display:block;
- float:left;
- position:relative;
- }
- .tabs nav a {
- display:block;
- text-transform:uppercase;
- padding:5px;
- border-top:1px solid #eee;
- border-bottom:1px solid #eee;
- width:90px;
- text-align:center;
- -webkit-transition-duration:0.3s;
- -moz-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- }
- .tabs nav a:hover {border-bottom:1px solid #aaa;}
- .tabs nav li.tab-current a {
- font-weight:bold;
- border-bottom:1px solid #aaa;
- letter-spacing:4px;
- }
- .content section {display:none;}
- .content section.content-current {display:block;}
- .stuff {
- width:480px;
- padding:10px;
- background-color:#eee;
- }
- #entry {
- position:absolute;
- left:50%;
- margin-left:-250px;
- padding:50px 0px;
- margin-top:30px;
- height:100%;
- }
- #post {
- width:500px;
- margin-bottom:50px;
- font-style:none;
- }
- .cap {
- font-size:9px;
- letter-spacing:1px;
- text-align:left;
- padding:4px;
- }
- #quote {
- font-size:15px;
- font-style:italic;
- line-height:100%;
- text-align:left;
- text-transform:none;
- }
- #src {
- font-size:9px;
- letter-spacing:2px;
- text-align:right;
- }
- #chat {
- text-align:left;
- }
- .line {
- border-bottom:1px solid {color:Border};
- padding-bottom:7px;
- }
- .newplayerbutton {
- position:relative;
- width:28px;
- height:27px;
- overflow:hidden;
- }
- .playerbuttonhug {
- position:absolute;
- top:-11px;
- left:-12px;
- }
- .tumblr_audio_player {
- border:none;
- padding:0px;
- margin:0px;
- height:50px;
- width:500px;
- padding-left:12.5px;
- }
- .playerbuttonbg {
- position:absolute;
- left:20px;
- top:20px;
- width:28px;
- height:28px;
- background-color:#000;
- padding:10px;
- }
- .trackdetails {
- width:auto;
- display:inline-block;
- margin-left:100px;
- min-height:85px;
- text-transform:lowercase;
- letter-spacing:1px;
- line-height:125%;
- font-size:9px;
- color:#eee;
- }
- .audiowrapper {
- position:relative;
- display:block;
- background-color:#000;
- padding:2px;
- }
- #q {
- padding:10px 0px;
- font-size:10px;
- letter-spacing:1px;
- border-top:1px solid #eee;
- border-bottom:1px solid #eee;
- text-align:center;
- }
- #asker {
- padding-top:5px;
- margin-bottom:-3px;
- }
- #asker a {
- font-weight:bold;
- letter-spacing:2px;
- text-transform:uppercase;
- }
- #info {
- margin-top:2.5px;
- padding:3px 1px;
- font-size:8px;
- text-transform:uppercase;
- border-top:1px solid #eee;
- border-bottom:1px solid #eee;
- }
- #info a {padding:0px 3px;}
- #tags {
- margin-top:3px;
- margin-left:5px;
- font-size:8px;
- text-transform:uppercase;
- opacity:0;
- -webkit-transition-duration:0.5s;
- -moz-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #post:hover #tags {
- opacity:1;
- -webkit-transition-duration:0.5s;
- -moz-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- .notecont {
- width:500px;
- font-size:7px;
- letter-spacing:1px;
- word-spacing:5px;
- text-transform:uppercase;
- margin-left:-35px;
- }
- .notecont li {
- list-style-type:none;
- line-height:275%;
- }
- .notecont img {
- display:none;
- }
- #pagi {
- position:absolute;
- padding:4px 0px;
- width:500px;
- left:50%;
- margin-left:-250px;
- margin-bottom:30px;
- text-align:left;
- letter-spacing:2px;
- font-size:8px;
- text-transform:uppercase;
- border-top:1px solid #ddd;
- }
- #poop {
- font-size:8px;
- font-family:calibri;
- letter-spacing:2px;
- }
- #poop a {
- position:fixed;
- width:20px;
- padding-top:3px;
- padding-bottom:3px;
- bottom:5px;
- right:5px;
- text-align:center;
- box-align:center;
- text-transform:none;
- color:#777;
- background-color:#eee;
- border:3px double #fff;
- }
- </style></head><body>
- <div id="header">
- <div id="title">{Title}</div>
- <div id="tabs" class="tabs">
- <nav><ul>
- <li><a title="description" href="#section-1"> one</a></li>
- <li><a title="{text:tab 2 title}" href="#section-2"> two </a></li>
- <li><a title="{text:tab 3 title}" href="#section-3"> three </a></li>
- <li><a title="{text:tab 4 title}" href="#section-4"> four </a></li>
- <li><a title="{text:tab 5 title}" href="#section-5"> five </a></li>
- </ul></nav>
- <div class="content">
- <section id="section-1">
- <div class="stuff">
- {Description}
- </div>
- </section>
- <section id="section-2">
- <div class="stuff">
- {text:tab 2 content}
- </div>
- </section>
- <section id="section-3">
- <div class="stuff">
- {text:tab 3 content}
- </div>
- </section>
- <section id="section-4">
- <div class="stuff">
- {text:tab 4 content}
- </div>
- </section>
- <section id="section-5">
- <div class="stuff">
- {text:tab 5 content}
- </div>
- </section>
- </div>
- </div>
- </div>
- <script src="js/cbpFWTabs.js"></script>
- <script>
- new CBPFWTabs( document.getElementById( 'tabs' ) );
- </script>
- <div id="entry">
- {block:Posts}
- <div id="post">
- {block:Text}
- <h1>
- {block:Title}
- {Title}
- {/block:Title}
- </h1>
- <div class="cap">{Body}</div>
- {/block:Text}
- {block:blockquote}
- {/block:blockquote}
- {block:Photo}
- <center>
- {LinkOpenTag}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
- {LinkCloseTag}
- </center>
- {/block:Photo}
- {block:Photoset}
- {Photoset-500}
- {/block:Photoset}
- {block:Quote}
- <div id="quote">❝{Quote}❞</div><p>
- {block:Source}
- <div id="src">—{Source}</div>
- {/block:Source}
- {/block:Quote}
- {block:Link}
- <h1>
- <a href="{URL}"{Target}>{Name}</a>
- </h1>
- {block:Description}
- <div class="cap">{Description}</div>
- {/block:Description}
- {/block:Link}
- {block:Chat}
- <div id="chat">
- {block:Title}
- <h1>
- {Title}
- </h1>
- {/block:Title}
- {block:Lines}
- {block:Label}
- <div class="line">
- <b>{Label}</b>
- {/block:Label}
- {Line}
- </div><br>
- {/block:Lines}
- </div>
- {/block:Chat}
- {block:AudioPlayer}
- <div class="audiowrapper">
- <div class="playerbuttonbg">
- <div class="newplayerbutton">
- <div class="playerbuttonhug">
- {AudioPlayerBlack}
- </div></div></div>
- <div class="trackdetails"><br><br>
- {block:TrackName}{TrackName}{/block:TrackName}<br>
- {block:Artist}{Artist}{/block:Artist}<br>
- {PlayCountWithLabel}
- </div></div>
- {/block:AudioPlayer}
- {block:Video}
- {Video-500}
- {/block:Video}
- {block:Answer}
- <div id="q">
- <div id="asker"><a href="{askerURL}">{Asker} whispered:</a></div><br>
- {Question}<p>
- </div>
- <div class="cap">{Answer}</div>
- {/block:Answer}
- {block:Caption}
- <div class="cap">{Caption}</div>
- {/block:Caption}
- <div id="info">
- {block:Date}
- <a href="{Permalink}">{ShortMonth} {DayOfMonth}</a>
- {/block:Date}
- {block:NoteCount}
- <a href="{Permalink}">{NoteCount}</a>
- {/block:NoteCount}
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}">from</a>
- {/block:RebloggedFrom}
- {block:ContentSource}
- <a href="{SourceURL}">source</a>
- {/block:ContentSource}
- </div>
- <div id="tags">
- {block:HasTags}
- {block:Tags}
- <a href="{TagURL}">#{Tag} </a>
- {/block:Tags}
- {/block:HasTags}
- </div>
- {block:PostNotes}
- <div class="notecont">
- {PostNotes}
- </div>
- {/block:PostNotes}
- </div>
- {/block:Posts}
- <div id="poop">
- <a href="http://melodypcnd.tumblr.com/">mk</a>
- </div>
- <div id="pagi">
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}">prev</a>
- {/block:PreviousPage}
- <span style="float:right">
- {block:NextPage}
- <a href="{NextPage}">next</a>
- {/block:NextPage}
- </span>
- {/block:Pagination}
- </div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement