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;
- }
- #post {
- width:400px;
- padding:5px;
- margin-bottom:10px;
- background: #161616;
- border: 1px dotted #2f2f2f;
- }
- #entries {
- width:400px;
- margin-bottom:0px;
- }
- #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;
- }
- #info {
- font-family:calibri;
- width:400px;
- margin-top:3px;
- padding:1px;
- padding-top:5px;
- font-size:8px;
- color:#9B9B9B;
- text-transform:uppercase;
- font-style:normal;
- text-align:left;
- border-top:1px dashed #EEEEEE;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #info a {
- color:#5b5959;
- text-align:right;
- font-style:normal;
- }
- #info a:hover {
- color:#eeeeee;
- }
- .tags {
- font-family:consolas;
- font-style:normal;
- width:400px;
- text-transform:lowercase;
- color:#b8b8b8;
- line-height:120%;
- font-size:8px;
- opacity:0;
- text-align:left;
- padding-top:0px;
- -moz-transition-duration:0.2s;
- -webkit-transition-duration:0.2s;
- -o-transition-duration:0.2s;
- }
- .tags a:hover {
- color:#eeeeee;
- }
- #post:hover .tags {
- opacity:1;
- -moz-transition-duration:.7s;
- -webkit-transition-duration:.7s;
- -o-transition-duration:.7s;
- }
- .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 id="post">
- <div id="credit"><a href="http://hollywhood.tumblr.com">©</div> </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement