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><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}
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script>
- $(document).ready(function() {
- //
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://tiny.cc/closeimg" class="btn_close" title="Close Window" alt="Close" /></a>');
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- $('body').append('<div id="fade"></div>');
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
- return false;
- });
- $('a.close, #fade').live('click', function() {
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- <!-- theme number eight by fantasieswriter (or kyla) please follow the rules. don't steal or redistribute. don't claim as your own. please keep the credit in tact. thank you ♥ -->
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Text" content="#838282"/>
- <meta name="color:Link" content="#b8b8b8"/>
- <meta name="color:LinkBG" content="#f5f5f5"/>
- <meta name="color:sidebg" content="#f5f5f5"/>
- <meta name="color:sidesbg" content="#f5f5f5"/>
- <meta name="color:infobg" content="#f5f5f5"/>
- <meta name="color:info" content="#ffffff"/>
- <meta name="color:askbox" content="#b8b8b8"/>
- <meta name="color:askname" content="#ffffff"/>
- <meta name="color:linkhover" content="#cecece"/>
- <meta name="color:subtitle" content="#f5f5f5"/>
- <meta name="color:bold" content="#cecece">
- <meta name="color:title" content="#e1c9b2">
- <meta name="color:italic" content="#cecece">
- <meta name="color:asker bg" content="#f5f5f5">
- <meta name="color:border" content="#cecece">
- <meta name="image:askbg" content=""/>
- <meta name="image:sidebar" content=""/>
- <meta name="text:Subtitle" content="bigger imaginations create" />
- <meta name="text:Link1" content="" />
- <meta name="text:Link1 Title" content="" />
- <meta name="text:Link2" content="" />
- <meta name="text:Link2 Title" content="" />
- <meta name="text:Link3" content="" />
- <meta name="text:Link3 Title" content="" />
- <meta name="text:Link4" content="" />
- <meta name="text:Link4 Title" content="" />
- <meta name="text:Link5" content="" />
- <meta name="text:Link5 Title" content="" />
- <meta name="text:Link6" content="" />
- <meta name="text:Link6 Title" content="" />
- <meta name="text:Link7" content="" />
- <meta name="text:Link7 Title" content="" />
- <meta name="text:Link8" content="" />
- <meta name="text:Link8 Title" content="" />
- <meta name="text:Link9" content="" />
- <meta name="text:Link9 Title" content="" />
- <meta name="text:Link10" content="" />
- <meta name="text:Link10 Title" content="" />
- <meta name="if:AskFAQ" content="1" />
- <meta name="if:Ask" content="0" />
- <meta name="if:Tab1" content="1" />
- <meta name="if:Tab2" content="1" />
- <meta name="if:Tab3" content="1" />
- <meta name="if:Player" content="1" />
- <style type="text/css">
- ::-webkit-scrollbar-thumb {
- height:auto;
- background-color:{color:title};
- }
- ::-webkit-scrollbar {
- height:9px;
- width:4px;
- background-color:{color:background};
- }
- .popup_block{
- display:none;
- background-color:{color:askbox};
- background-image:url('{image:askbg}');
- padding:10px;
- font-family:arial;
- font-weight:bold;
- float:left;
- font-size:10px;
- color:{color:askname};
- position:fixed;
- text-transform:lowercase;
- top:50%;
- left:50%;
- z-index:2;
- border-radius: 10px;
- }
- img.btn_close {
- float: right;
- margin: -5px -5px 0 0;
- }
- *html .popup_block {
- position: absolute;
- }
- .faq {
- font-size:25px;
- font-family:arial;
- font-weight:bold;
- text-transform:lowercase;
- padding-bottom:15px;
- text-align:center;
- background-color:{color:infobg};
- padding-top:15px;
- border-radius:20px;
- }
- body {
- background:{color:background};
- margin:0px;
- color:{color:text};
- font-family:arial;
- font-size:10px;
- line-height:100%;
- }
- a {
- color:{color:link};
- text-decoration: none;
- }
- a:hover {
- color:{color:linkhover};
- }
- img {
- border:none;
- }
- blockquote {
- padding-left:5px;
- border-left:2px solid;
- }
- blockquote blockquote {
- padding-left:5px;
- border-left:2px solid;
- }
- h1 {
- font-size:15px;
- font-family:arial;
- text-transform:lowercase;
- font-weight:bold;
- background-color:#f7f7f7;
- padding:15px;
- border:4px double #e8e8e8;
- text-align:center;
- }
- b, strong {
- color:{color:bold};
- font-weight:bold;
- }
- i, em {
- color:{color:italic};
- }
- #entries {
- padding:10px;
- width:500px;
- margin-left:500px;
- margin-top:40px;
- }
- #post {
- width:500px;
- padding-bottom:20px;
- }
- #sidebarback {
- position:fixed;
- height:110%;
- width:170px;
- margin-top:-40px;
- background-color:{color:sidebg};
- border-right:305px solid {color:sidesbg};
- }
- #sidebar {
- width:150px;
- position:fixed;
- margin-left:250px;
- margin-top:100px;
- }
- #subtitle {
- position:fixed;
- padding:3px;
- width:200px;
- letter-spacing:1px;
- font-size:10px;
- font-family:arial;
- text-transform:uppercase;
- text-align:center;
- color:{color:subtitle};
- margin-left:-232px;
- margin-top:0px;
- }
- #title {
- position:fixed;
- color:{color:title};
- font-size:24px;
- width:200px;
- margin-left:-230px;
- text-align:center;
- margin-top:230px;
- line-height:88%;
- font-family:arial;
- font-weight:bold;
- }
- #sidebarimage {
- width 150px;
- border-left:1px solid {color:border};
- padding-left:13px;
- padding-top:15px;
- padding-bottom:20px;
- }
- #sidebarimage img {
- width:180px;
- height:210px;
- }
- #description {
- width:160px;
- height:190px;
- font-size:9px;
- margin-top:-230px;
- margin-left:-220px;
- background-color:#f7f7f7;
- padding:7px;
- border:3px double {color:border};
- text-align:center;
- }
- #pagination {
- font-size:36px;
- text-align:center;
- margin-top:200px;
- }
- #pagination a {
- padding:20px;
- }
- #info {
- width:490px;
- padding:5px;
- font-size:9px;
- color:{color:info};
- margin-top:10px;
- margin-bottom:5px;
- text-align:left;
- background-color:{color:infobg};
- border-top:6px solid #f7f7f7;
- border-bottom:6px solid #f7f7f7;
- }
- #info a {
- color:{color:info};
- }
- #tags {
- margin-top:3px;
- margin-left:2px;
- }
- #questions {
- background-color: {color:asker bg};
- padding:11px;
- margin-top: 5px;
- margin-bottom:5px;
- font-size:10px;
- text-align:left;
- }
- #answer {
- font-size:10px;
- text-transform:lowercase;
- }
- #links {
- padding:25px;
- font-size:8px;
- text-align:center;
- letter-spacing:1px;
- position:fixed;
- float:left;
- width:357px;
- margin-left:-220px;
- margin-top:15px;
- font-family:times new roman;
- text-transform:uppercase;
- background-color:#f7f7f7;
- color:white;
- border:4px double {color:linkbg};
- }
- #links a {
- display:inline-block;
- width:76px;
- padding:5px;
- margin-top:3px;
- margin-left:1px;
- color:white;
- background-color:{color:linkbg};
- }
- #links a:hover {
- color:{color:linkbg};
- background-color:transparent;
- letter-spacing:2px;
- transition: all 0.5s ease-in-out 0s;
- -moz-transition: all 0.5s ease-in-out 0s;
- -webkit-transition: all 0.5s ease-in-out 0s;
- -o-transition: all 0.5s ease-in-out 0s;
- }
- .audioplayer {
- height:68px;
- }
- .audioimg img {
- width:100px;
- height:100px;
- }
- .audioinfo {
- color:#04b4ae;
- }
- #tab1 {
- position:fixed;
- background-color:white;
- width:200px;
- height:auto;
- padding:8px;
- margin-left:1120px;
- text-align:center;
- }
- #tab2 {
- position:fixed;
- background-color:white;
- width:200px;
- height:auto;
- padding:8px;
- margin-left:1120px;
- margin-top:100px;
- text-align:center;
- }
- #tab3 {
- position:fixed;
- background-color:white;
- width:200px;
- height:auto;
- padding:8px;
- margin-left:1120px;
- margin-top:210px;
- text-align:center;
- }
- #cred {
- position:fixed;
- bottom:15px;
- right:15px;
- font-size:8px;
- padding:5px;
- text-transform:uppercase;
- border:1px solid {color:border};
- padding: 2px 3px 2px 3px;
- }
- #player {
- /* EDIT THIS STUFF TO POSITION YOUR MUSIC PLAYER */
- position:fixed;
- top:20px; /* YOU CAN CHANGE THIS TO BOTTOM */
- left:20px; /* YOU CAN CHANGE THIS TO RIGHT */
- z-index:99;}
- /* I DON'T RECOMMEND TOUCHING THIS STUFF */
- #music1{
- position:fixed;
- padding:2px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #music1:hover #music2{
- opacity:0;
- margin-top:-25px;
- z-index:-1;
- }
- #music1:hover #music3{
- opacity:1;
- margin-top:-5px;
- z-index:99;
- }
- #music1:hover #musiclist{
- opacity:1;
- }
- #music2{
- /* THIS IS THE GIF DIV */
- opacity:1;
- background-color:#fff;
- border:1px dotted #ccc;
- padding:6px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;}
- #music3{
- /* THIS IS THE ACTUAL MUSIC PLAYER DIV */
- opacity:0;
- position:fixed;
- background-color:#fff;
- border:1px dashed #ccc;
- width:55px;
- height:20px;
- z-index:99;
- margin-left:-5px;
- overflow:hidden;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;}
- #musiclist{
- /* THIS IS THE PLAYLIST DIV */
- opacity:0;
- position:fixed;
- padding:6px;
- border:1px dashed #ccc;
- margin-left:10px;
- margin-top:10px;
- font-family:consolas;
- font-size:8px;
- background-color:#fff;
- width:130px;
- color:#999;
- text-transform:uppercase;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;}
- #musiclist h1{
- /*THIS IS THE PLAYLIST TITLE SETTINGS*/
- font-family:consolas;
- font-size:11px;
- margin-top:0px;
- margin-bottom:2px;
- font-style:normal;
- font-weight:normal;
- color:#1bbafc; /*THIS IS THE PLAYLIST TITLE COLOR*/
- border-bottom:1px dotted #ccc;
- text-align:left;
- text-transform:uppercase;}
- {CustomCSS}</style></head><body>
- {block:ifTab1}<div id="tab1"><span style="background-color:{color:title}; padding:2px; color:white; padding-right:50px; padding-left:50px; text-align:center;">TAB 1</span>
- <p><li>So this is your first tab</li></p>
- <p><li>You put things like updates here and such</li></p>
- </div>{/block:ifTab1}
- {block:ifTab2}<div id="tab2"><span style="background-color:{color:title}; padding:2px; color:white; padding-right:50px; padding-left:50px; text-align:center;">TAB 2</span>
- <p><li>Whoa! A second tab for things? :D</li></p>
- <p><li>Man these tabs are awesome!! Am I right?</li></p>
- </div>{/block:ifTab2}
- {block:ifTab3}<div id="tab3"><span style="background-color:{color:title}; padding:2px; color:white; padding-right:50px; padding-left:50px; text-align:center;">TAB 3</span>
- <p><li>Things here</li></p>
- <p><li>More things here too</p>
- </div>{/block:ifTab3}
- {block:ifPlayer}
- <div id="player">
- <div id="music1">
- <div id="music2">
- <!-- YOU CAN CHANGE THE MUSIC GIF BELOW. -->
- <img src="http://media.tumblr.com/tumblr_m7w2n46Pdl1r6o8v2.gif"></div>
- <div id="music3">
- <div style="margin-top:4px;">
- <!-- YOUR MUSIC CODE GOES HERE, RIGHT AFTER THIS LINE. -->
- </div>
- </div>
- <div id="musiclist">
- <span style="background-color:#f7f7f7; padding:4px; text-align:center; padding-left:49px; padding-right:49px;">Playlist</span><p>
- <!-- PUT YOUR MUSIC TITLES HERE. BE SURE TO ADD A BREAK AFTER EACH ONE. -->
- 01. Song 1<br>
- 02. Song 2<br>
- 03. Song 3<br>
- 04. Song 4<br>
- 05. Song 5<br>
- </div>
- {/block:ifPlayer}
- </div>
- </div>
- <div id="sidebarback"></div>
- <div id="sidebar">
- <div id="subtitle">{text:Subtitle}</div>
- <div id="title">{Title}</div>
- <div id="sidebarimage"><img src="{image:sidebar}"></div>
- <div id="links">
- <a href="/">home</a>
- {block:ifAsk}<a href="/ask">ask</a>{/block:ifAsk}
- {block:ifAskFAQ}<a href="#?w=500" rel="02" class="poplight">ask</a>{/block:ifAskFAQ}
- {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}
- {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
- {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}
- {block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a>{/block:ifLink7}
- {block:ifLink8}<a href="{text:Link8}">{text:Link8 Title}</a>{/block:ifLink8}
- {block:ifLink9}<a href="{text:Link9}">{text:Link9 Title}</a>{/block:ifLink9}
- {block:ifLink10}<a href="{text:Link10}">{text:Link10 Title}</a>{/block:ifLink10}
- </div>
- <div id="description"><div style="max-height:190px; width:155px; overflow:auto; padding:5px; margin-top:-5px;">{Description}</div></div>
- <div id="pagination">
- {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
- </div>
- </div>
- <div id="cred"><a href="http://fantasieswriter.tumblr.com">fantasieswriter</a></div>
- <div id="entries">{block:Posts}<div id="post">
- {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}{block:ifTitle}<h1>{Title}</h1>{/block:ifTitle}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
- {block:Audio}
- <table>
- <tr>
- <td>
- {block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
- </td>
- <td>
- <div class="audioplayer">{AudioPlayerWhite}</div>
- <div class="audioinfo">{block:Artist}<b>Name</b>: {Artist}{/block:Artist}<br>
- {block:Album}<b>Album</b>: {Album}{/block:Album}<br>
- {block:TrackName}<b>Track</b>: {TrackName}{/block:TrackName}</div>
- </td>
- </tr>
- </table>
- {/block:Audio}
- <!--END AUDIO POSTS-->
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<div id="questions"><b>{Asker}</b> asked: {Question}</div>
- <div id="answer">{Answer}</div>{/block:answer}
- <div id="info"> <span style="font-size:18px;">↝</span><a href="{Permlink}">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} with <a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom} - <a href="{ReblogParentURL}"> via </a> {/block:RebloggedFrom}
- {block:ContentSource} - <a href="{SourceURL}">©</a>{/block:ContentSource}{/block:RebloggedFrom}<div id="tags">
- {block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div></div>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:Posts}</div>
- </body>
- <div id="02" class="popup_block">
- {block:ifAskFAQ}<div class="faq">F.A.Q. + ASK</div>
- <div style="max-height:180px; width:500px; overflow:auto; padding:5px; margin-top:-5px;">
- <p><span style="font-size:11px; font-family:times; font-weight:normal; background-color:{color:linkbg}; width:500px; padding:3px; line-height:200%;">01. questions?</span></p>
- <p><span style="font-size:11px; font-family:times; font-weight:normal; background-color:{color:infobg}; width:500px; padding:3px; margin-left:21px; line-height:200%;">answer here</span></p>
- <p><span style="font-size:11px; font-family:times; font-weight:normal; background-color:{color:linkbg}; width:500px; padding:3px; line-height:200%;">02. question here?</span></p>
- <p><span style="font-size:11px; font-family:times; font-weight:normal; background-color:{color:infobg}; width:500px; padding:3px; margin-left:21px; line-height:200%;">answer here~</span></p>
- <p><span style="font-size:11px; font-family:times; font-weight:normal; background-color:{color:linkbg}; width:500px; padding:3px; line-height:200%;">03. question here too?</span></p>
- <p><span style="font-size:11px; font-family:times; font-weight:normal; background-color:{color:infobg}; width:500px; padding:3px; margin-left:21px; line-height:200%;">another answer here n - n</span></p>
- <p> </p>
- <p> </p>
- </div>{/block:ifAskFAQ}
- <center><font size="5" color="#1C1C1C">Ask Me Anything<p></font><iframe frameborder="0" scrolling="yes" width="100%" height="200" src="http://www.tumblr.com/ask_form/{YOURURL}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
- </center></div>
- </div></div></div></div></div></div></div></div></div></div>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment