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><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 src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <!--- THEME #19 BY ARMYOFGHOSTS :) --->
- <!-- jquery -->
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:30,
- tip_fade_speed:300,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <!---POP UP ASK--->
- <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() {
- });
- return false;
- });
- });
- </script>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Links" content="#cccccc"/>
- <meta name="color:Hover" content="#f2f2f2"/>
- <meta name="color:Text" content="#a8a8a8"/>
- <meta name="color:Bold" content="##a8a8a8">
- <meta name="color:Italics" content="#a8a8a8">
- <meta name="color:Border" content="#f7f7f7"/>
- <meta name="color:Scrollbar" content="#000000"/>
- <meta name="color:ScrollbarBg" content="#ffffff"/>
- <meta name="image:Sidebar" content=""/>
- <meta name="image:Background" content=""/>
- <meta name="text:Title" content="" />
- <meta name="text:Ask Title" content="" />
- <meta name="text:URL" content="" />
- <meta name="text:Link 1 Text" content="" />
- <meta name="text:Link 1 URL" content="" />
- <meta name="text:Link 2 Text" content="" />
- <meta name="text:Link 2 URL" content="" />
- <meta name="text:Link 3 Text" content="" />
- <meta name="text:Link 3 URL" content="" />
- <meta name="if:250px" content="" />
- <meta name="if:Show Captions" content="" />
- <meta name="if:Pop Up Ask" content="1" />
- <meta name="if:Show Updates" content="1" />
- <style type="text/css">
- /*---TOOLTIP---*/
- #s-m-t-tooltip {
- max-width:300px;
- padding:2px;
- margin:10px 0px 0px 10px;
- padding:3px 5px;
- background-color:#000;
- text-transform:none;
- font-size:9px;
- font-family:helvetica;
- letter-spacing:1px;
- color:#fff;
- z-index:9999999;
- }
- ::selection {
- color:#fff;
- background:#444;
- }
- ::-moz-selection {
- color:#fff;
- background:#444;
- }
- /*---SCROLLBAR---*/
- ::-webkit-scrollbar-thumb {
- height:auto;
- background-color:{color:Scrollbar};
- }
- ::-webkit-scrollbar {
- height:9px;
- width:4px;
- background:transparent;
- }
- /*---BODY---*/
- body {
- background:{color:background};
- color:{color:text};
- font-family:helvetica;
- letter-spacing:1px;
- font-size:10px;
- line-height:120%;
- text-align:justify;
- word-break:keep-all;
- background-image:url("{image:background}");
- background-attachment:fixed;
- background-repeat:repeat;
- background-position:center;
- }
- /*---LINKS---*/
- a {
- text-decoration:none;
- color:{color:Links};
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- }
- a:hover {
- color:{color:Hover};
- text-shadow:1px 1px 1px #c6c6c6;
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- }
- /*---POST STYLES---*/
- blockquote {
- border-left:2px solid {color:border};
- padding-left:4px;
- margin-left:30px;
- }
- blockquote img {
- max-width:380px;
- }
- i {
- color:{color:italics};
- }
- b {
- color:{color:bold};
- }
- li {
- margin-left:-20px;
- }
- small {
- font-size:9px;
- letter-spacing:1px;
- }
- h1 {
- text-align:center;
- font-size:15px;
- text-transform:uppercase;
- letter-spacing:2px;
- font-family:helvetica;
- line-height:100%;
- color:#555;
- }
- h1 a {
- color:{color:text};
- }
- /*---CONTAINER---*/
- #cont {
- height:520px;
- width:500px;
- left:50%;
- margin-top:-220px;
- top:50%;
- margin-left:-250px;
- border:2px solid #000;
- position:fixed;
- overflow:auto;
- overflow-x:scroll;
- background:{color:background};
- }
- /*---POSTS---*/
- #posts {
- display:block;
- {block:ifnot250px}
- width:400px;
- {/block:ifnot250px}
- {block:if250px}
- width:250px;
- {/block:if250px}
- padding:25px;
- margin-left:5px;
- padding-bottom:20px;
- margin-bottom:70px;
- {block:PermalinkPage}
- margin-bottom:30px;
- {/block:PermalinkPage}
- }
- #posts:first-of-type {
- margin-top:40px;
- }
- #posts:last-of-type {
- margin-bottom:0px;
- }
- /*---HEADER---*/
- #header {
- height:40px;
- width:500px;
- top:50%;
- margin-top:-300px;
- left:50%;
- margin-left:-250px;
- border-left:2px solid #000;
- border-right:2px solid #000;
- position:fixed;
- text-align:center;
- padding-top:20px;
- padding-bottom:20px;
- background:#000;
- }
- /*---IMAGE---*/
- #icon img {
- border-radius:36px;
- height:50px;
- position:fixed;
- margin-top:-45px;
- margin-left:-140px;
- }
- /*---TITLE---*/
- #title {
- text-align:left;
- padding-top:5px;
- margin-left:180px;
- font-weight:bold;
- text-transform:uppercase;
- letter-spacing:4px;
- font-size:16px;
- }
- #title a {
- color:#fff;
- }
- #title a:hover {
- text-decoration:none;
- }
- /*---LINKS---*/
- #links {
- text-align:left;
- margin-left:180px;
- font-size:7px;
- font-weight:bold;
- padding-top:10px;
- letter-spacing:3px;
- text-transform:uppercase;
- }
- #links a {
- color:#fff;
- }
- /*---PAGINATION---*/
- #pagination {
- text-align:center;
- text-transform:lowercase;
- font-weight:bold;
- font-size:10px;
- letter-spacing:2px;
- padding-bottom:20px;
- margin-left:10px;
- }
- #pagination a {
- color:#444;
- }
- /*---INFO---*/
- #info {
- text-align:center;
- font-weight:normal;
- {block:ifnot250px}
- width:400px;
- {/block:ifnot250px}
- {block:if250px}
- width:250px;
- {/block:if250px}
- margin-top:10px;
- padding-top:10px;
- padding-bottom:5px;
- font-size:9px;
- letter-spacing:1px;
- text-transform:uppercase;
- line-height:100%;
- }
- #info a {
- color:#444;
- }
- /*---TAGS---*/
- #tags {
- font-family:helvetica;
- letter-spacing:1px;
- text-align:center;
- margin-top:5px;
- padding-bottom:5px;
- font-size:9px;
- line-height:160%;
- opacity:0;
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- #posts:hover #tags {
- opacity:1;
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- #tags a:last-of-type {
- padding-right:0px;
- }
- #tags a {
- padding-right:10px;
- color:#444;
- }
- /*---NOTES---*/
- .note {
- margin-left:-25px;
- padding-bottom:2px;
- text-align:left;
- line-height:250%;
- font-size:9px;
- {block:ifnot250px}
- width:360px;
- {/block:ifnot250px}
- {block:if250px}
- width:210px;
- {/block:if250px}
- }
- .note li {
- border-bottom:1px solid #f7f7f7;
- padding:2px;
- }
- .note li img.avatar{
- width:0px;
- height:0px;
- }
- #rebloggedfrom {
- font-family:helvetica;
- text-align:center;
- margin-top:-5px;
- font-size:10px;
- }
- /*---CAPTION---*/
- .caption {
- text-align:left;
- }
- /*---ASKS---*/
- #asker {
- margin-bottom:5px;
- margin-left:-5px;
- padding:8px;
- margin-bottom:5px;
- text-align:left;
- background:#f4f4f4;
- border:1px solid #f1f1f1;
- }
- #asker a {
- font-size:11px;
- font-weight:bold;
- color:#000;
- letter-spacing:0px;
- text-transform:lowercase;
- }
- /*---AUDIO---*/
- #audio {
- height:25px;
- width:380px;
- padding:10px;
- background:#f7f7f7;
- }
- #aplayer {
- overflow:hidden;
- margin:3px;
- margin-top:-1px;
- width:27px;
- height:30px;
- }
- #ainfo {
- margin-top:-32px;
- margin-left:45px;
- background:#fff;
- padding:7px;
- }
- /*---QUOTES---*/
- .quote {
- font-size:15px;
- letter-spacing:1px;
- text-align:right;
- font-family:times;
- font-style:italic;
- padding:5px;
- }
- #source {
- padding-top:5px;
- text-align:right;
- }
- /*---CHAT---*/
- #chat {
- padding:5px;
- text-align:left;
- }
- #chat:nth-of-type(odd) {
- background:#f1f1f1;
- }
- /* --- POP UP ASK ---*/
- #fade {
- display: none;
- background:url('{image:background}');
- background-color:{color:background};
- position: fixed; top:0; left:0;
- width: 100%; height: 100%;
- opacity:1;
- z-index: 9999;
- }
- .popup_block {
- display: none;
- padding: 10px;
- float: left;
- position: fixed;
- top: 50%;
- left: 52.3%;
- z-index: 99999;
- }
- .heading {
- font-family:helvetica;
- font-size:15px;
- margin-bottom:10px;
- color:#000;
- letter-spacing:2px;
- }
- /*---CREDIT---*/
- #cred {
- position:fixed;
- bottom:10px;
- right:10px;
- font-size:12px;
- font-family:arial;
- font-weight:bold;
- letter-spacing:-2px;
- padding:5px;
- }
- #cred a {
- color:#000;
- }
- /* --- UPDATES ---*/
- #tab1 {
- width: 8px;
- height: 8px;
- border: solid 2px #000; /*Here change the border color*/
- background-color: #f9f9f9; /*Here change the background color*/
- margin-left: 10px;
- margin-top: 10px;
- position: fixed;
- overflow:hidden;
- -webkit-transition: opacity 0.4s linear;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- -o-transition: all 0.4s linear;
- }
- #tab1:hover {
- width: 130px;
- height: 140px;
- background-color: #fff;
- z-index: 99999;
- -webkit-transition: opacity 0.4s linear;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- -o-transition: all 0.4s linear;
- }
- #tab2 {
- width: 8px;
- height: 8px;
- border: solid 2px #000; /*Here change the border color*/
- background-color: #f9f9f9; /*Here change the background color*/
- margin-left: 10px;
- margin-top: 35px;
- position: fixed;
- overflow:hidden;
- z-index:999;
- -webkit-transition: opacity 0.4s linear;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- -o-transition: all 0.4s linear;
- }
- #tab2:hover {
- width: 130px;
- height: 100px;
- background-color: #fff;
- -webkit-transition: opacity 0.4s linear;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- -o-transition: all 0.4s linear;
- }
- #tab3 {
- width: 8px;
- height: 8px;
- border: solid 2px #000; /*Here change the border color*/
- background-color: #f9f9f9; /*Here change the background color*/
- margin-left: 10px;
- margin-top: 60px;
- position: fixed;
- overflow:hidden;
- -webkit-transition: opacity 0.4s linear;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- -o-transition: all 0.4s linear;
- }
- #tab3:hover {
- width: 130px;
- height: 155px;
- background-color: #fff;
- -webkit-transition: opacity 0.4s linear;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- -o-transition: all 0.4s linear;
- }
- .inside {
- width: 110px;
- padding: 10px;
- padding-top: 8px;
- font-family: sans-serif;
- font-size: 9px;
- line-height: 150%;
- color: #5a5a5a; /*Change here the text color*/
- background-color: #fff; /*Change here the inside background color*/
- letter-spacing: .8px;
- text-align: center;
- padding-bottom:1000px;
- opacity: 0;
- -webkit-transition: opacity 0.3s linear;
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- -o-transition: all 0.3s linear;
- }
- .inside:hover {
- opacity: 1;
- -webkit-transition: opacity 0.3s linear;
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- -o-transition: all 0.3s linear;
- }
- /*---END CSS---*/
- </style></head><body>
- {block:IfShowUpdates}
- <!-- begin updates tab -->
- <div id="tab1">
- <div class="inside">
- <b>NOTE:</b> I did not make this updates tab; all credits go to <a href="http://alanablooms.co.vu/post/88810095631/">castiiel</a> (the link will take you directly to the code for the updates tab).
- <p>
- Of course, you can use your own if you'd like! +<script language="JavaScript" type="text/javascript">// <![CDATA[
- var ref = (''+document.referrer+'');
- var w_h = window.screen.width + " x " + window.screen.height;
- document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID3752197&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');
- // ]]></script>
- </div>
- </div>
- <div id="tab2">
- <div class="inside">
- <a href="http://pastebin.com/">Code for this theme</a>
- <p>
- <a href="http://armyofghosts.tumblr.com/">Info for this theme</a>
- <p>
- The next box has some info written by Sofi c:
- </div>
- </div>
- <div id="tab3">
- <div class="inside">
- Write whatever you want here. You can use <b>bold</b>, <u>underline</u>, <i>italics</i> and <s>strike</s>.<br> You can also play with the colors of the borders and the inside of the squares.<br> If you need help or have any questions, message <a href="http://castiiel.tumblr.com" title="creator of this hella cool updates tab">Sofi</a> or <a href="http://aogthemes.tumblr.com">I</a>.
- </div>
- </div>
- <!-- end updates tab -->
- {/block:IfShowUpdates}
- <!---BODY--->
- <div id="header">
- <div id="title"><a href="/">{text:title}</a></div>
- <div id="links">
- {block:ifpopupask}
- <a href="#?w=500" rel="02" class="poplight">ask</a>
- {/block:ifpopupask}
- {block:ifnotpopupask}
- <a href="/ask">ask</a>
- {/block:ifnotpopupask}
- <a href="{text:Link 1 URL}" target="_blank">{text:Link 1 Text}</a>
- <a href="{text:Link 2 URL}">{text:Link 2 Text}</a>
- <a href="{text:Link 3 URL}">{text:Link 3 Text}</a>
- </div>
- <div id="icon">
- <a href="/"><img src="{image:Sidebar}"></a>
- </div>
- </div>
- <div id="cont">
- <center>
- {block:Posts}
- <div id="posts">
- {block:Text}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- <span style="text-align:left;">{Body}</span>
- {/block:Text}
- {block:Photo}
- {block:ifnot250px}
- <center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
- {/block:ifnot250px}
- {block:if250px}
- <center>{LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
- {/block:if250px}
- {block:Caption}
- {block:ifShowCaptions}
- <span class="caption" style="text-align:left;">{Caption}</span>
- {/block:ifShowCaptions}
- {block:ifnotShowCaptions}
- {block:PermalinkPage}<span class="caption" style="text-align:left;">{Caption}</span> {/block:PermalinkPage}
- {/block:ifnotShowCaptions}
- {/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {block:ifnot250px}
- {Photoset-400}
- {/block:ifnot250px}
- {block:if250px}
- {Photoset-250}
- {/block:if250px}
- {block:Caption}
- {block:ifShowCaptions}
- <span class="caption" style="text-align:left;">{Caption}</span>
- {/block:ifShowCaptions}
- {block:ifnotShowCaptions}
- {block:PermalinkPage}<span class="caption" style="text-align:left;">{Caption}</span> {/block:PermalinkPage}
- {/block:ifnotShowCaptions}
- {/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <div class="quote">"{Quote}"</div>
- {block:Source}
- <div id="source">— {Source}</div>
- {/block:Source}
- {/block:Quote}
- {block:Link}
- <h1><a href="{URL}" {Target}>{Name}</a></h1>
- {block:Description}
- <div style="padding-left:5px;padding-right:5px;text-align:left;">{Description}</div>
- {/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {block:Lines}
- <div id="chat">
- {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
- </div>
- {/block:Lines}
- {/block:Chat}
- {block:Audio}
- <div id="audio">
- <div id="aplayer">
- {block:AudioPlayer}
- {AudioPlayerWhite}
- {/block:AudioPlayer}
- </div>
- <div id="ainfo">
- <b>{block:Artist}{Artist}{/block:Artist}</b> - {block:TrackName}{TrackName}{/block:TrackName}
- </div>
- </div>
- {block:ifshowcaptions}
- <span class="caption">{Caption}</span>
- {/block:ifshowcaptions}
- {block:ifnotshowcaptions}
- {block:PermalinkPage}<span class="caption">{Caption}</span> {/block:PermalinkPage}
- {/block:ifnotshowcaptions}
- {/block:Audio}
- {block:Video}
- {block:ifnot250px}
- {Video-400}
- {/block:ifnot250px}
- {block:if250px}
- {Video-250}
- {/block:if250px}
- {block:Caption}
- {block:ifShowCaptions}
- <span class="caption" style="text-align:left;">{Caption}</span>
- {/block:ifShowCaptions}
- {block:ifnotShowCaptions}
- {block:PermalinkPage}<span class="caption" style="text-align:left;">{Caption}</span> {/block:PermalinkPage}
- {/block:ifnotShowCaptions}
- {/block:Caption}
- {/block:Video}
- {block:Answer}
- <div id="asker"><a href="{askerURL}">{askername}:</a> {Question}</div>
- <div style="text-align:left;">{Answer}</div>
- {/block:Answer}
- <!---POST INFO--->
- <div id="info">
- {block:PermalinkPage}
- <div style="text-align:left; background:#f9f9f9; padding:5px;">
- {/block:PermalinkPage}
- <!---DATE--->
- {block:Date}
- <b><a href="{Permalink}" title="{TimeAgo}"> {DayOfMonth} {ShortMonth}</a></b>
- {/block:Date}
- <!---NOTE COUNT--->
- {block:NoteCount}
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- {/block:NoteCount}
- {block:PermalinkPage}
- <div style="float:right;">
- <!---VIA--->
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> /
- {/block:RebloggedFrom}
- <!---SOURCE--->
- {block:ContentSource}
- <a href="{SourceURL}" title="{SourceTitle}">src</a> /
- {/block:ContentSource}
- <!---REBLOG--->
- <a href="{ReblogURL}">reblog</a></div></div>
- {/block:PermalinkPage}
- </div>
- <!---END POST INFO--->
- <!---TAGS--->
- <div id="tags">
- {block:HasTags}
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- {/block:HasTags}
- </div>
- </div>
- {block:PermalinkPage}
- {block:PostNotes}
- <div class="note">{PostNotes}</div>
- {/block:PostNotes}
- {/block:permalinkpage}
- {/block:Posts}
- <div id="pagination">
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}">← back</a> {/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">forth →</a>{/block:NextPage}
- </div>{/block:Pagination}
- </center>
- </div></div>
- <div id="cred">
- <a href="http://armyofghosts.tumblr.com/" title="armyofghosts">AG</a>
- </div>
- </body>
- <div id="02" class="popup_block">
- <div class="heading">{text:Ask Title}<a class="close" href="#" style="float: right; font-size: 13px; color: #000;" title="close">✖</a></div>
- <iframe frameborder="0" scrolling="no" width="100%" height="190" src="http://www.tumblr.com/ask_form/{text:URL}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
- </div>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement