Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Text" content="#9B9B9B"/>
- <meta name="color:Link" content="#b8b8b8"/>
- <meta name="color:Link Hover" content="#eeeeee"/>
- <meta name="color:border" content="#EEEEEE"/>
- <meta name="color:scrollbar" content="#999999">
- <meta name="image:sidebar" content=""/>
- <meta name="text:link 1 url" content="/"/>
- <meta name="text:link 2 url" content="/"/>
- <meta name="text:link 3 url" content="/"/>
- <meta name="text:link 4 url" content="/"/>
- <meta name="text:link 5 url" content="/"/>
- <meta name="text:link 6 url" content="/"/>
- <meta name="text:link 7 url" content="/"/>
- <meta name="text:title" content="v a n g u a r d"/>
- <meta name="text:number" content=""/>
- <style type="text/css">
- *, body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_mem9zjUXhw1rqv2lu.png), auto;}
- ::-webkit-scrollbar-thumb{
- background: #222;
- height:auto;
- }
- ::-webkit-scrollbar {
- height:auto;
- width:1px;
- }
- iframe#tumblr_controls {
- white-space:nowrap;
- -webkit-filter: invert(100%);
- -moz-filter: invert(100%);
- -o-filter: invert(100%);
- -ms-filter: invert(100%);
- filter: invert(100%);
- opacity:.2;transition: .8s ease-in-out;
- -webkit-transition: .8s ease-in-out;
- -moz-transition: .8s ease-in-out;
- -o-transition: .8s ease-in-out;
- }
- h1 {
- font-weight:normal;
- font-size:13px;
- text-align:center;
- font-style:normal;
- line-height:100%;
- letter-spacing:1px;
- text-transform:normal;
- color:#404040;
- text-transform: uppercase;
- border-bottom: ;
- }
- h2 {
- font-size:10px;
- text-align:center;
- line-height:100%;
- letter-spacing:-0.5px;
- color:#9B9B9B;
- font-weight:bold;
- text-transform:uppercase;
- padding:5px;
- padding-bottom:2px;
- }
- blockquote {
- border-left:2px solid #222;
- padding-left:5px;
- margin:5px;
- text-align: justify;
- }
- body {
- background: url(http://imagizer.imageshack.us/a/img673/3580/yHUiCU.png), #b7262c;
- background-attachment: fixed;
- background-repeat: no-repeat;
- text-align: justify;
- margin:0px;
- color:#9B9B9B;
- font-family:calibri;
- font-size:10px;
- line-height:100%;
- }
- sup, sub, small {
- font-size:100% }
- #pcontainer {
- width:425px;
- height:350px;
- padding: 5px;
- top:160px;
- left:460px;
- position:fixed;
- overflow-y:scroll;
- overflow-x:hidden;
- border-top-left-radius: 5px;
- border-top-right-radius: 5px;
- }
- b, strong {
- color: #444;
- }
- i, em {
- color: #555;
- }
- hr {
- border: 1px solid #fff;
- }
- img {max-width:100%;}
- a {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:#5b5959;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- text-transform: uppercase;
- }
- a:hover {
- outline:none;
- -moz-outline-style:none;
- color:#eeeeee;
- }
- img {
- border:none;
- }
- #theme {
- width:400px;
- margin:0 auto -12px auto;
- }
- #entries {
- width:400px;
- height:380px;
- overflow-y:scroll;
- margin:auto;
- position:fixed;
- top:50%;
- left:50%;
- margin-top:-230px;
- margin-left:-255px;
- padding:60px;
- float:left;
- border:1px solid {color:Border};
- background: rgba(225,225,225,0.5);
- }
- #posts {
- width:400px;
- margin-bottom:120px;
- }
- #sidebar {
- color:#9B9B9B;
- position:fixed;
- width:100px;
- height:100%;
- top:500px;
- left:375px;
- text-align:left;
- padding-right:120px;
- }
- #links {
- position:fixed;
- font-family:arial;
- width:350px;
- top:580px;
- left:-30px;
- font-size:15px;
- text-transform:uppercase;
- text-align:right;
- line-height:170%;
- }
- #links a{
- line-height:170%;
- padding:1px;
- margin:2px;
- letter-spacing:1px;
- color:#000;
- -moz-transition-duration:.7s;
- -webkit-transition-duration:.7s;
- -o-transition-duration:.7s;
- }
- #links a:hover {
- color: #505050;
- -moz-transition-duration:.4s;
- -webkit-transition-duration:.4s;
- -o-transition-duration:.4s;
- }
- #description {
- width:140px;
- font-family:cambria;
- top:210px;
- left:675px;
- text-align:justify;
- font-size:100%;
- color: #2a2a2a;
- letter-spacing:1px;
- line-height:115%;
- padding: 3px;
- }
- #description a {
- color:#fff;
- }
- #description a:hover {
- color:#fff;
- }
- #pagination {
- font-family:arial;
- width:129px;
- font-size:7px;
- text-transform:normal;
- margin-top:10px;
- word-spacing:8px;
- font-style:normal;
- text-align:right;
- color:#b8b8b8;
- }
- #pagination a {
- color:#eeeeee;
- }
- #footer {
- color:{color:Footer Link};
- text-transform:none;
- width:380px;
- text-align:left;
- padding:10px;
- font-size:10px;
- margin-top:20px;
- background-color:{color:Footer Background};
- box-shadow:4px 4px 3px {color:Link};
- }
- #footer a {
- color:{color:Footer Link};
- border-bottom:1px solid transparent;
- }
- #footer a:hover {
- color:{color:Footer Hover};
- border-bottom:1px solid {color:Footer Hover};
- }
- .audio{
- background-color:#e5e5e5;
- height:65px;
- overflow:hidden;
- }
- .question {
- padding:9px;
- text-align:right;
- text-transform:italic;
- color:#cccccc;
- background: url(urlhere);
- border-left:3px solid #cccccc;
- border-bottom: 1px dashed #ccc;
- line-height:120%;
- }
- .answer {
- text-align:left;
- padding:7px;
- color:#9B9B9B;
- }
- #credit {
- font-size:10px;
- font-family:cambria;
- letter-spacing:1px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #credit a {
- padding:5px;
- position:fixed;
- right:15px;
- bottom:10px
- }
- #credit a:hover {
- color:#000;
- }
- #fade {
- display: none;
- background: #000;
- position: fixed; left: 0; top: 0;
- width: 100%; height: 100%;
- opacity: .80;
- z-index: 9999;
- }
- .popup {
- height: 400px;
- padding: 10px;
- overflow-y:scroll;
- overflow-x:hidden;
- }
- .popup_block{
- display: none;
- background: #161616;
- padding: 20px;
- float: left;
- font-size: 1.2em;
- position: fixed;
- top: 50%; left: 50%;
- z-index: 99999;
- -webkit-box-shadow: 0px 0px 20px #000;
- -moz-box-shadow: 0px 0px 20px #000;
- box-shadow: 0px 0px 20px #000;
- }
- img.btn_close {
- float: right;
- margin: -5px -5px 0 0;
- }
- *html #fade {
- position: absolute;
- }
- *html .popup_block {
- position: absolute;
- }
- }
- </style></head><body>
- <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"><img src="http://static.tumblr.com/iddq6cw/Atplvofrt/tooltip-closebutton.png" class="btn_close" title="Close" 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></head>
- <div id="theme">
- <div id="sidebar">
- <div id="description">
- </div>
- <div id="links">
- <a href="/" title="home">✘</a>
- <a href="#?w=400" rel="02" class="poplight" title="ask">✘
- </a>
- <a href="#?w=400" rel="03" class="poplight" title="info">✘</a>
- </a>
- </div>
- <p></p><br><br><br>
- </div>
- <div id="03" class="popup_block">
- <div class="popup">
- <p><big> THIS IS WHERE ALL THE TEXT GOES
- </blockquote>
- </div></div>
- <div id="02" class="popup_block">
- <p><iframe frameborder="0" scrolling="no" width="100%" height="250" src="http://www.tumblr.com/ask_form/urlhere.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
- </div>
- <div id="pcontainer">
- <div id="entries"><div class = "autopagerize_page_element" >{block:Posts}<div id="posts">
- {block:Text}
- {block:Title}<h2>{Title}</h2>{/block:Title}
- {Body}
- {/block:Text}
- {block:Answer}
- <div class="question"><span style="text-transform:uppercase;font-size:9px">{Asker} asked:</span> {Question}</div>
- <div class="answer">{Answer}</div>
- {/block:Answer}
- {block:Quote}
- <span class="quote"><div style="font-size:20px;color:{color:Link};font-weight:bold;border-bottom:3px solid {color:Text};font-style:normal;text-align:center;float:center;width:100%;margin-bottom:10px">“</div>
- {Quote}
- <div style="font-size:20px;color:{color:Link};font-weight:bold;border-top:3px solid {color:Text};font-style:normal;text-align:center;float:center;width:100%;margin-top:10px;padding-top:5px;line-height:30px;">” </div></span>
- {block:Source}<div class="font-size:18px"> —{Source}</div>{/block:Source}
- {/block:Quote}
- {block:Link}
- <h2><a href="{URL}">{Name}</a></h2>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}{Title}{/block:Title}
- {block:Lines}<span class="chat">
- <li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li></span>
- {/block:Lines}
- {/block:Chat}
- {block:Photo}
- {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{LinkCloseTag}
- {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- {Photoset-400}
- {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
- {/block:Photoset}
- {block:Video}
- {Video-400}
- {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
- {/block:Video}
- <div id="footer">
- <span style="text-transform:uppercase;letter-spacing:1px;">
- {block:Date}<a href="{Permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a>
- {block:NoteCount} | <a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount}</a>{/block:NoteCount} {/block:Date}
- {block:RebloggedFrom} | <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> {/block:RebloggedFrom}
- {block:RebloggedFrom} | <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}
- </span>
- <br>
- {block:HasTags}{block:Tags}#<a href="{URL}">{Tag}</a> {/block:Tags}{/block:HasTags}
- </div>
- </div>{/block:Posts}</div>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- <div id="credit"><a href="http://hollywhood.tumblr.com">©</div> </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement