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 #20 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>
- <!---TABS--->
- <script>
- jQuery(document).ready(function() {
- jQuery('.tabs .tab-links a').on('click', function(e) {
- var currentAttrValue = jQuery(this).attr('href');
- // Show/Hide Tabs
- jQuery('.tabs ' + currentAttrValue).show().siblings().hide();
- // Change/remove current tab to active
- jQuery(this).parent('li').addClass('active').siblings().removeClass('active');
- e.preventDefault();
- });
- });
- </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: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="text:Link 4 Text" content="" />
- <meta name="text:Link 4 URL" content="" />
- <meta name="text:Link 5 Text" content="" />
- <meta name="text:Link 5 URL" content="" />
- <meta name="text:Link 6 Text" content="" />
- <meta name="text:Link 6 URL" content="" />
- <meta name="text:Link 7 Text" content="" />
- <meta name="text:Link 7 URL" content="" />
- <meta name="text:Link 8 Text" content="" />
- <meta name="text:Link 8 URL" content="" />
- <meta name="if:Show Captions" content="" />
- <meta name="if:Show Link 1" content="1" />
- <meta name="if:Show Link 2" content="1" />
- <meta name="if:Show Link 3" content="1" />
- <meta name="if:Show Link 4" content="1" />
- <meta name="if:Show Link 5" content="1" />
- <meta name="if:Show Link 6" content="1" />
- <meta name="if:Show Link 7" content="1" />
- <meta name="if:Show Link 8" 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:url('{image:background}') 50%50%repeat {color:background};
- background-attachment:fixed;
- font-family:helvetica;
- letter-spacing:1px;
- font-size:10px;
- line-height:120%;
- text-align:justify;
- word-break:keep-all;
- }
- /*---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};
- -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:430px;
- left:56%;
- margin-top:-260px;
- top:50%;
- margin-left:-240px;
- border:2px solid #000;
- position:fixed;
- overflow:auto;
- overflow-x:scroll;
- background:{color:background};
- }
- /*---POSTS---*/
- #posts {
- display:block;
- width:250px;
- padding:25px;
- margin-left:5px;
- padding-bottom:20px;
- margin-bottom:80px;
- {block:PermalinkPage}
- margin-bottom:30px;
- {/block:PermalinkPage}
- }
- #posts:first-of-type {
- margin-top:40px;
- }
- #posts:last-of-type {
- margin-bottom:40px;
- }
- /*---SIDEBAR---*/
- #sidebar {
- height:483px;
- width:150px;
- top:50%;
- margin-top:-260px;
- left:56%;
- margin-left:-394px;
- border-left:2px solid #000;
- border-right:2px solid #000;
- position:fixed;
- text-align:center;
- padding-top:20px;
- padding-bottom:20px;
- background:#000;
- }
- /*---TITLE---*/
- #title {
- text-align:left;
- margin-top:120px;
- margin-left:13px;
- font-weight:bold;
- text-transform:uppercase;
- letter-spacing:4px;
- font-size:16px;
- }
- #title a {
- color:#fff;
- }
- #title a:hover {
- text-decoration:none;
- }
- /*---TABS---*/
- .tabs {
- width:100%;
- display:inline-block;
- }
- .tab-links:after {
- display:block;
- clear:both;
- content:'';
- }
- .tab-links li {
- margin:0px 0px;
- float:left;
- list-style:none;
- }
- .tab-links {
- margin-top:20px;
- margin-left:-27px;
- }
- .tab-links a {
- text-align:left;
- font-weight:bold;
- font-size:7px;
- padding:5px;
- letter-spacing:3px;
- text-transform:uppercase;
- color:#fff;
- display:block;
- padding:5px;
- width:115px;
- color:#fff;
- }
- .tab-links a:hover {
- background:#fff;
- color:#000;
- }
- li.active a, li.active a:hover {
- color:#000;
- background:#fff;
- }
- .tab-content {
- padding:15px;
- }
- .tab {
- display:none;
- }
- .tab.active {
- display:block;
- }
- #tab2, #tab3, #tab4 {
- margin-top:80px;
- overflow-x:none;
- }
- /*---TAB STYLE---*/
- #tab2 {
- width:440px;
- }
- .about {
- font-family: helvetica;
- padding:0px 20px 0px 20px;
- font-size: 9px;
- font-style:none;
- letter-spacing:2px;
- color: #000;
- text-transform: none;
- line-height:150%;
- text-align:center;
- }
- .about a {
- color:#888;
- }
- #navi a {
- padding:10px;
- text-transform:uppercase;
- letter-spacing:4px;
- font-weight:bold;
- font-size:8px;
- display:inline-block;
- margin:10px;
- color:#000;
- border:1px solid #ccc;
- width:150px;
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- }
- #navi a:hover {
- background:#000;
- color:#fff;
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- }
- /*---PAGINATION---*/
- #pagination {
- text-align:center;
- text-transform:lowercase;
- font-weight:bold;
- font-size:9px;
- letter-spacing:2px;
- padding-bottom:20px;
- margin-left:10px;
- }
- #pagination a {
- color:#444;
- }
- /*---INFO---*/
- #info {
- text-align:center;
- font-weight:normal;
- width:250px;
- 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;
- width:210px;
- }
- .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---*/
- #songinfo {
- margin-left:40px;
- padding-top:6px;
- padding-left:10px;
- margin-bottom:10px;
- height:27px;
- text-align:left;
- }
- #songtitle {
- text-transform:uppercase;
- font-size:9px;
- font-weight:bold;
- color:#000;
- }
- #songimg img {
- float:left;
- width:40px;
- }
- #play {
- width:26px;
- height:26px;
- overflow:hidden;
- }
- #playbtn {
- opacity:0;
- background:#fff;
- padding:7px;
- width:26px;
- height:26px;
- position:absolute;
- overflow:hidden;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #posts:hover #playbtn {
- opacity:0.8;
- }
- /*---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;
- }
- /*---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;
- }
- /*---END CSS---*/
- </style></head><body>
- <!---BODY--->
- <div id="cont">
- <div id="sidebar">
- <div id="title"><a href="/">{text:title}</a></div>
- <div class="tabs">
- <ul class="tab-links">
- <li class="active"><a href="/">Home</a> </li>
- <li><a href="#tab2">ask</a> </li>
- <li><a href="#tab3">about</a> </li>
- <li><a href="#tab4">links</a> </li>
- </ul>
- <div id="cont">
- <center>
- <div class="tab-content">
- <div id="tab1" class="tab active">
- {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}
- <center>{LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
- {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}
- {Photoset-250}
- {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}
- {block:AlbumArt}
- <div id="songimg"><img src="{AlbumArtURL}"/></div>
- {/block:AlbumArt}
- <div id="playbtn"><div id="play">{AudioPlayerWhite}</div></div>
- <div id="songinfo">
- <div id="songtitle">{block:TrackName}{TrackName}{/block:TrackName}</div>
- {block:Artist}{Artist}{/block:Artist}
- </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}
- {Video-250}
- {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}" {block:PermalinkPage} title="{NoteCountWithLabel}" {/block:PermalinkPage}>{block:PermalinkPage} {NoteCount} {/block:PermalinkPage} {block:IndexPage} {NoteCountWithLabel} {/block:IndexPage}</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>
- <div id="pagination">
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}">← back</a> {/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">forth →</a>{/block:NextPage}
- {/block:Pagination}
- </div>
- </div>
- <div id="tab2" class="tab">
- <h2 style="text-transform: uppercase; color: #000; text-align: center; font-size: 15px;">{text:Ask Title}</h2> <p>
- <iframe frameborder="0" scrolling="no" width="410px" height="190" src="http://www.tumblr.com/ask_form/{text:URL}.tumblr.com" style="background-color:transparent; overflow:hidden; margin-left:-10px;" id="ask_form"></iframe>
- </div>
- <div id="tab3" class="tab">
- <h2 style="text-transform: uppercase; color: #000; text-align: center; font-size: 15px;">About</h2>
- <div class="about">
- Here is your about section! To edit it, you're going to have to do so in the HTML itself. <p> Go to customise > Edit HTML > search for this text (ctrl+F may come in handy) > and replace it! <p> I'm sure you'll be able to do that, but if you need any help you can always ask! +<script language="JavaScript">
- 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="tab4" class="tab">
- <div id="navi">
- <h2 style="text-transform: uppercase; color: #000; text-align: center; font-size: 15px;">Navigation</h2>
- {block:ifShowLink1}
- <a href="{text:Link 1 URL}">{text:Link 1 Text}</a>
- {/block:ifShowLink1}
- {block:ifShowLink2}
- <a href="{text:Link 2 URL}">{text:Link 2 Text}</a>
- {/block:ifShowLink2}
- {block:ifShowLink3}
- <a href="{text:Link 3 URL}">{text:Link 3 Text}</a>
- {/block:ifShowLink3}
- {block:ifShowLink4}
- <a href="{text:Link 4 URL}">{text:Link 4 Text}</a>
- {/block:ifShowLink4}
- {block:ifShowLink5}
- <a href="{text:Link 5 URL}">{text:Link 5 Text}</a>
- {/block:ifShowLink5}
- {block:ifShowLink6}
- <a href="{text:Link 6 URL}">{text:Link 6 Text}</a>
- {/block:ifShowLink6}
- {block:ifShowLink7}
- <a href="{text:Link 7 URL}">{text:Link 7 Text}</a>
- {/block:ifShowLink7}
- {block:ifShowLink8}
- <a href="{text:Link 8 URL}">{text:Link 8 Text}</a>
- {/block:ifShowLink8}
- </div>
- </div>
- </div></div></center></div></div>
- <div id="cred">
- <a href="http://armyofghosts.tumblr.com/" title="armyofghosts">AG</a>
- </div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement