Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <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"></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>
- <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}
- <!---ty for using my theme!! :-)))--->
- <meta name="image:background" content="" />
- <meta name="image:sidebar" content="" />
- <meta name="image:back image" content="" />
- <meta name="image:icon 1" content="" />
- <meta name="image:icon 2" content="" />
- <meta name="image:icon 3" content="" />
- <meta name="color:background" content="" />
- <meta name="color:text" content="" />
- <meta name="color:link" content="" />
- <meta name="color:link hover" content="" />
- <meta name="color:scrollbar" content="" />
- <meta name="color:scrollbar background" content="" />
- <meta name="color:blog border" content="" />
- <meta name="color:admin border" content="" />
- <meta name="color:title" content="" />
- <meta name="color:title background" content="" />
- <meta name="color:sidebar background" content="" />
- <meta name="color:backtitle background" content="" />
- <meta name="color:backlink" content="" />
- <meta name="color:backlink shadow" content="" />
- <meta name="color:backlink background" content="" />
- <meta name="color:sidelinks" content="" />
- <meta name="color:sidelinks hover" content="" />
- <meta name="color:post background" content="" />
- <meta name="color:info" content="" />
- <meta name="color:info background" content="" />
- <meta name="color:tags" content="" />
- <meta name="color:tags hover" content="" />
- <meta name="color:tags background" content="" />
- <meta name="text:marquee" content="" />
- <meta name="text:before title" content="" />
- <meta name="text:before 1" content="" />
- <meta name="text:before link 1" content="" />
- <meta name="text:before 2" content="" />
- <meta name="text:before link 2" content="" />
- <meta name="text:before 3" content="" />
- <meta name="text:before link 3" content="" />
- <meta name="text:before 4" content="" />
- <meta name="text:before link 4" content="" />
- <meta name="text:before 5" content="" />
- <meta name="text:before link 5" content="" />
- <meta name="text:before 6" content="" />
- <meta name="text:before link 6" content="" />
- <meta name="text:after title" content="" />
- <meta name="text:after 1" content="" />
- <meta name="text:after link 1" content="" />
- <meta name="text:after 2" content="" />
- <meta name="text:after link 2" content="" />
- <meta name="text:after 3" content="" />
- <meta name="text:after link 3" content="" />
- <meta name="text:after 4" content="" />
- <meta name="text:after link 4" content="" />
- <meta name="text:after 5" content="" />
- <meta name="text:after link 5" content="" />
- <meta name="text:after 6" content="" />
- <meta name="text:after link 6" content="" />
- <style type="text/css">
- /*scrollbar*/
- ::-webkit-scrollbar {background:{color:scrollbar background}; height:2px; width:2px;}
- ::-webkit-scrollbar-thumb {background:{color:scrollbar}; height:2px;}
- /*basics*/
- body {background:{color:background}; background-image:url('{image:background}'); background-attachment:fixed; font-family:arial; font-size:9px; color:{color:text}; text-align:left;}
- a {text-decoration:none; color:{color:link}; font-weight:bold;}
- a:hover {color:{color:link hover}; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
- h1 {font-size:11px; font-weight:bold; text-align:center; text-transform:uppercase; text-shadow:-1px 1px 0px {color:link};}
- small, sub {font-size:9px;}
- big {font-size:11px;}
- ul {list-style-type:square;}
- ol {list-style-type:upper-roman;}
- blockquote {background:{color:post background}; color:{color:text}; padding:5px; margin-left:15px; border-left:solid 1px {color:link};}
- blockquote a {color:{color:link};}
- blockquote a:hover {color:{color:link hover};}
- /*border*/
- #borderleft {position:fixed; width:75px; height:100%; left:0px; top:0px; background:{color:blog border};}
- /*admin*/
- #admin1 {position:fixed; margin-left:20px; margin-top:154px; width:100px;}
- #admin1 img {width:90px; height:90px; border-radius:90%; border:2px solid {color:admin border};}
- #admin2 {position:fixed; margin-left:20px; margin-top:258px; width:100px;}
- #admin2 img {width:90px; height:90px; border-radius:90%; border:2px solid {color:admin border};}
- #admin3 {position:fixed; margin-left:20px; margin-top:360px; width:100px;}
- #admin3 img {width:90px; height:90px; border-radius:90%; border:2px solid {color:admin border};}
- /*title*/
- #title {position:fixed; width:877px; margin-left:154px; top:72px; font-size:11px; font-weight:bold; text-align:center; text-transform:uppercase; padding:5px; background:{color:title background}; color:{color:title}; text-shadow:-1px 1px 0px {color:link};}
- #pagination {text-transform:uppercase; font-size:11px;}
- #pagination a {color:{color:link}; text-shadow:-1px 1px 0px {color:title};}
- #pagination a:hover {color:{color:title}; text-shadow:-1px 1px 0px {color:link};}
- /*entries*/
- #box {position:absolute; width:532px; height:462px; left:162px; top:104px; background:transparent; overflow:auto;}
- #entries {position:absolute; width:500px; margin-top:-10px; margin-bottom:-10px;}
- #posts {width:500px; padding:10px; padding-bottom:0px; margin-top:10px; background:{color:post background}; line-height:15px;}
- /*sidebar*/
- #sidebar {position:fixed; margin-left:686px; margin-top:96px; height:462px; width:355px; background:{color:sidebar background};}
- #sidebarimage {position:fixed; margin-left:10px; margin-top:10px;}
- #sidebarimage img {position:fixed; z-index:-999; height:442px; width:335px;}
- #sidebarimage:hover #sideback {opacity:1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
- #sideback {position:fixed; height:442px; width:335px; background:{color:sidebar background}; opacity:0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
- #beforetitle {position:fixed; width:305px; margin-left:10px; margin-top:8px; font-size:11px; font-weight:bold; text-align:left; text-transform:uppercase; padding:5px; background:{color:backtitle background}; color:{color:sidelinks}; text-shadow:-1px 1px 0px {color:sidelinks hover};}
- #backlinksbefore {display:block; margin-top:32px; margin-left:11px; width:315px; z-index:999;}
- #backlinksbefore a {display:inline-block; padding:5px; font-size:11px; background:{color:backlink background}; text-shadow:-1px 1px 0px {color:backlink shadow}; text-align:right; color:{color:backlink}; text-transform:uppercase; margin-left:-1px; margin-bottom:2px; font-weight:bold; width:146.5px;}
- #backlinksbefore a:hover {color:{color:backlink shadow}; text-shadow:-1px 1px 0px {color:backlink};}
- #musicplayer {margin-left:10px;}
- #aftertitle {position:fixed; width:305px; margin-left:10px; margin-top:8px; font-size:11px; font-weight:bold; text-align:right; text-transform:uppercase; padding:5px; background:{color:backtitle background}; color:{color:sidelinks}; text-shadow:-1px 1px 0px {color:sidelinks hover};}
- #backlinksafter {display:block; margin-top:32px; margin-left:11px; width:335px; z-index:999;}
- #backlinksafter a {display:inline-block; padding:5px; font-size:11px; background:{color:backlink background}; color:{color:backlink}; text-shadow:-1px 1px 0px {color:backlink shadow}; text-align:left; text-transform:uppercase; margin-left:-1px; margin-bottom:2px; font-weight:bold; width:146.5px;}
- #backlinksafter a:hover {color:{color:backlink shadow}; text-shadow:-1px 1px 0px {color:backlink};}
- #sidelinks {width:315px; margin-top:10px; margin-left:10px; display:block;}
- #sidelinks a {display:inline-block; color:{color:sidelinks}; background:{color:backtitle background}; width:92.5px; text-transform:uppercase; font-weight:bold; text-align:center; font-size:11px; padding:5px; margin-bottom:2px; text-shadow:-1px 1px 0px {color:sidelinks hover};}
- #sidelinks a:hover {color:{color:sidelinks hover}; text-shadow:-1px 1px 0px {color:sidelinks};}
- #updates {width:303px; border:1px solid {color:link}; position:fixed; margin-left:10px; margin-top:8px; margin-bottom:2px; font-weight:bold; padding:5px;}
- #backimage {position:fixed; margin-left:10px; margin-top:40px;}
- #backimage img {position:fixed; width:315px; height:150px;}
- /*popup ask*/
- .popup_block{display:none; background:{color:sidebar background}; padding:10px; float:left; border:1px solid {color:link}; position:fixed; top:50%; left:50%; z-index: 99999;}
- *html #fade {position:absolute;}
- *html .popup_block {position:absolute;}
- /*source*/
- #source {text-align:right;}
- /*link*/
- #link {font-size:11px; font-weight:bold; text-align:center; text-transform:uppercase;}
- #link a {color:{color:text}; text-shadow:-1px 1px 0px {color:link};}
- #link a:hover {color:{color:link}; text-shadow:-1px 1px 0px {color:text};}
- /*audio*/
- #player {position:absolute; background:#fff; width:27px; height:27px; opacity:0.5; margin-top:26px; margin-left:26px; overflow:hidden;}
- #player:hover {opacity:0.8;}
- #cover img {float:left; margin-right:5px; border:2px solid {color:link};}
- .audioinfo {background:{color:text}; color:{color:post background}; height:64px; width:412px; margin-left:78px; margin-bottom:10px; padding:5px; line-height:16px; text-align:right;}
- /*asks*/
- #ask {color:{color:post background}; background:{color:text}; font-weight:bold; padding:10px; margin-bottom:10px; text-align:center;}
- #asker {background:{color:link}; color:{color:text}; text-shadow:-1px 1px 0px {color:post background}; font-size:11px; font-weight:bold; text-transform:uppercase; padding:5px; text-align:center;}
- #asker a {color:{color:text}; text-shadow:-1px 1px 0px {color:post background};}
- #asker a:hover {color:{color:post background}; text-shadow:-1px 1px 0px {color:text};}
- /*info*/
- #info {background:{color:info background}; padding:5px; padding-bottom:2px; width:510px; font-size:9px; font-weight:bold; text-transform:lowercase; margin-left:-10px;}
- #info a {color:{color:info};}
- /*tags*/
- #tags {background:{color:tags background}; padding:5px; padding-bottom:2px; width:510px; font-size:9px; font-weight:bold; text-align:right; text-transform:lowercase; margin-left:-10px;}
- #tags a {color:{color:tags};}
- #tags a:hover {color:{color:tags hover};}
- /*notes*/
- #note {padding-top:10px; padding-bottom:10px;}
- .note img {display:none;}
- /*credit*/
- #credit {position:fixed; bottom:5px; right:0px; font-size:9px; text-transform:lowercase; text-align:center;}
- #credit a {color:{color:link}; padding:5px; background:{color:post background};}
- </style>
- <body>
- <div id="borderleft"></div>
- <div id="admin1"><img src="{image:icon 1}"></div>
- <div id="admin2"><img src="{image:icon 2}"></div>
- <div id="admin3"><img src="{image:icon 3}"></div>
- <div id="title">
- <div id="pagination">
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
- {/block:Pagination}
- {Title}
- {block:Pagination}
- {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
- {/block:Pagination}
- </div>
- </div>
- <div id="sidebar">
- <div id="sidebarimage">
- <img src="{image:sidebar}">
- <div id="sideback">
- <div id="sidelinks">
- <a href="/">REFRESH</a>
- <a href="#?w=500" rel="box1" class="poplight">INBOX</a>
- <a href="/archive">PAST</a>
- </div>
- <div id="beforetitle">{text:before title}</div>
- <div id="backlinksbefore">
- <a href="{text:before link 1}">{text:before 1}</a>
- <a href="{text:before link 2}">{text:before 2}</a>
- <a href="{text:before link 3}">{text:before 3}</a>
- <a href="{text:before link 4}">{text:before 4}</a>
- <a href="{text:before link 5}">{text:before 5}</a>
- <a href="{text:before link 6}">{text:before 6}</a>
- </div>
- <div id="aftertitle">{text:after title}</div>
- <div id="backlinksafter">
- <a href="{text:after link 1}">{text:after 1}</a>
- <a href="{text:after link 2}">{text:after 2}</a>
- <a href="{text:after link 3}">{text:after 3}</a>
- <a href="{text:after link 4}">{text:after 4}</a>
- <a href="{text:after link 5}">{text:after 5}</a>
- <a href="{text:after link 6}">{text:after 6}</a>
- </div>
- <div id="updates">
- <marquee>
- {text:marquee}
- </marquee>
- </div>
- <div id="backimage">
- <img src="{image:back image}">
- </div>
- </div>
- </div>
- </div>
- <div id="box">
- <div id="entries">
- {block:Posts}
- <div id="posts">
- {block:Quote}
- <h1>{Quote}</h1>
- {/block:Quote}
- {block:Source}
- <div id="source">— {Source}</div>
- {/block:Source}
- {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:Link}
- <div id="link"><a href="{URL}" {Target}>{Name}</a></div>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- <div style="padding-bottom:10px;">
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {block:Lines}
- {block:Label}<strong style="font-size:9px; font-weight:bold; text-transform:lowercase; color:{color:link};">{Label}</strong>{/block:Label}
- {Line}<br>
- {/block:Lines}
- </div>
- {/block:Chat}
- {block:Audio}
- <div id="player">{AudioPlayerWhite}</div>
- {block:AlbumArt}
- <div id="cover"><img src="{AlbumArtURL}" width="70"></div>
- {/block:AlbumArt}
- <div class="audioinfo">
- {block:Artist}<strong style="font-size:9px; font-weight:bold; text-transform:lowercase;">
- {Artist}
- </strong>
- {/block:Artist}<br>
- {block:TrackName}<strong style="font-size:9px; font-weight:bold; text-transform:lowercase;">
- {TrackName}
- </strong>
- {/block:TrackName}<br>
- {block:Album}<strong style="font-size:9px; font-weight:bold; text-transform:lowercase;">
- {Album}
- </strong>
- {/block:Album}<br>
- {block:PlayCount}<strong style="font-size:9px; font-weight:bold; text-transform:lowercase;">
- {PlayCount}
- </strong>
- {/block:PlayCount}
- </div>
- {/block:Audio}
- {block:Video}
- {Video-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Answer}
- <div id="asker">
- {Asker}
- </div>
- <div id="ask">
- {Question}
- </div>
- {Answer}
- {/block:Answer}
- <div id="info">
- <div id="permalink">
- <a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date}</a>
- <div style="float:right; font-style:normal; font-weight:normal;"><div style="color:{color:info};">{NoteCount}</div></div>
- </div>
- </div>
- {block:HasTags}<div id="tags">{block:Tags}# <a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
- {block:PostNotes}
- <div id="note">
- {PostNotes}
- </div>
- {block:PostNotes}
- </div>
- {/block:Posts}
- </div>
- </div>
- <div id="credit">
- <a href="http://astrumwrites.tumblr.com">@</a>
- </div>
- </body>
- <div id="box1" class="popup_block">
- <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
- </div>
- </div></div></div></div></div></div></div></div></div></div>
- </head>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement