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">
- <title>{Title}</title>
- <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=100)'}).fadeIn(); //Fade bin the fade layer - .css({'filter' : 'alpha(opacity=100)'})
- return false;
- });
- $('a.close, #fade').live('click', function() {
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- <link rel="shortcut icon" href="https://static.tumblr.com/zma9h5a/saGp8u7tx/wings.png"/>
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <!--
- •._.••´¯``•.¸¸.•` εтεяηαℓ ωσякs `•.¸¸.•´´¯`••._.•
- THIS THEME WAS PERSONALLY DESIGNED FOR ANGELFLEW !!
- By: Ley @eternalworks.
- theme shall not be redistributed. credits may not be removed.
- ( thank you for your commission and support !! )
- •._.••´¯``•.¸¸.•` εтεяηαℓ ωσякs `•.¸¸.•´´¯`••._.•
- -->
- <script language="javascript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/javascript"></script>
- <link href="https://fonts.googleapis.com/css?family=Francois+One" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Coda+Caption:800" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Allan" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Cookie|Playfair+Display" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Lobster+Two|Rajdhani|Walter+Turncoat" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Libre+Baskerville" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans+Condensed|IBM+Plex+Serif:300i|Old+Standard+TT|Playfair+Display|Roboto+Condensed" rel="stylesheet">
- <style>
- div#qTip {
- padding: 3px;
- display: none;
- text-align: center;
- position: absolute;
- font-size:7px;
- margin-left:10px;
- margin-top:-2px;
- line-height:9px;
- font-family:arial;
- z-index: 1000;
- border: 1px solid #cacaca;
- background-color:#fff;
- color: #9b9b9b;
- text-transform:uppercase;
- letter-spacing: 2px;
- }
- </style>
- <style type="text/css">
- .popup_block{
- display:none;
- background: url('https://static.tumblr.com/zma9h5a/xhlp8u7dz/headers.png');
- padding:20px;
- float:left;
- opacity: 100;
- position:fixed;
- top:50%;left:50%;
- z-index: 99999;
- }
- *html #fade {position: absolute;}
- *html .popup_block {position: absolute;}
- #fade {
- display:none;
- position:fixed;
- left:0px;
- top:0px;
- width:100%;
- height:100%;
- z-index:9999;
- background:#000; /* change to #fff for solid white */
- opacity:0.5; /* change to opacity:1; */
- }
- 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;
- }
- /*----- POST IMAGES -----*/
- img {
- max-width: 100%;
- height: auto;
- border:1px dashed #fff;
- }
- pre {
- white-space: pre-wrap; / css-3 /
- white-space: -moz-pre-wrap; / Mozilla, since 1999 /
- white-space: -pre-wrap; / Opera 4-6 /
- white-space: -o-pre-wrap; / Opera 7 /
- word-wrap: break-word; / Internet Explorer 5.5+ /
- }
- /*----- IMP -----*/
- .popup_block{
- display:none;
- background: url('');
- padding:20px;
- float:left;
- position:fixed;
- top:50%;left:50%;
- z-index: 99999;
- }
- *html #fade {position: absolute;}
- *html .popup_block {position: absolute;}
- #fade {
- display:none;
- position:fixed;
- left:0px;
- top:0px;
- width:100%;
- height:100%;
- z-index:9999;
- background:#000; /* change to #fff for solid white */
- opacity:0.5; /* change to opacity:1; */
- }
- /*----- dedede BAR -----*/
- ::-webkit-scrollbar-thumb {
- height: 12px;
- border: 1px solid #ececd4;
- background: url('') #;
- background-color: #ececd4;
- }
- ::-webkit-scrollbar {
- width: 8px;
- height: 7px;
- border-left: 5px solid #f9f9f7;
- border-right: 5px solid #f9f9f7;
- border-top: 2px solid #f9f9f7;
- border-bottom: 2px solid #f9f9f7;
- background: #f9f9f7;
- }
- /*----- MAIN CONTENT -----*/
- body {
- background: url('https://static.tumblr.com/zma9h5a/ravp8u7lg/angel_copy_copy.png') #e6e4dd;
- background-position: top-right;
- background-repeat: no-repeat;/
- background-attachment: absolute;
- margin:0px;
- color: #666262;
- letter-spacing: 0.3px;
- font-family: 'IBM Plex Sans Condensed', sans-serif;
- font-size:13px;
- line-height:100%;
- height: 980px;
- overflow-x: hidden;
- }
- body, a, a:hover { cursor:url( https://78.media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png ), auto; }
- /*----- TEXT DETAILS -----*/
- b,strong {
- color: #a89997;
- text-shadow:1px 0px #fff;
- text-transform:none;
- font-family: times;
- letter-spacing: 0px;
- font-size:13px;}
- i,em {
- color:#c9bd88;
- text-shadow:1px 0px #fff;
- font-family: 'IBM Plex Serif', serif;
- text-transform: none;
- font-size:13px;}
- h1 {
- font-weight:normal;
- font-size:15px;
- font-family: 'Playfair Display', serif;
- text-align:center;
- text-transform:uppercase;
- font-style:bold;
- line-height:100%;
- letter-spacing:1px;
- color:#000;
- }
- a {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:#b6cfd8;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- a:hover {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:#b6cfd8;
- }
- /*----- REBLOG -----*/
- blockquote {
- padding-left:5px;
- border-left:6px solid;
- border-color: #ececd4;
- border-radius: 15px;
- margin:7px;
- }
- #post {
- width:400px;
- padding-bottom:0px;
- margin-top:0px;
- }
- #post a{
- color: #b46b58;
- text-shadow:1px 1px #fff;
- letter-spacing:1px;
- text-transform:uppercase;
- font-family: 'Old Standard TT', serif;
- font-size: 8px;
- }
- #post:hover .tags{
- opacity:1;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- .tags {
- font-family: georgia;
- width:500px;
- text-transform:normal;
- line-height:120%;
- font-size:10px;
- text-align:left;
- padding-top:5px;
- padding-bottom:15px;
- -moz-transition-duration:0.2s;
- -webkit-transition-duration:0.2s;
- -o-transition-duration:0.2s;
- text-align:center;
- }
- .tags a{
- font-style:italic;
- color:#b53532;
- -moz-transition-duration:0.2s;
- -webkit-transition-duration:0.2s;
- -o-transition-duration:0.2s;
- }
- .tags a:hover{
- color:{color:link hover};
- -moz-transition-duration:0.2s;
- -webkit-transition-duration:0.2s;
- -o-transition-duration:0.2s;
- }
- /*----- SIDE CONTENT-----*/
- #sidebar {
- color: #777;
- position:absolute;
- width:100px;
- height:auto;
- margin-top:-170px;
- margin-left:465px;
- text-align:left;
- }
- #description {
- position:absolute;
- width:175px;
- font-family: 'Open Sans', sans-serif;
- margin-top:625px;
- margin-left:150px;
- text-align:center;
- font-size:10px;
- color: #939090;
- text-shadow:1px 1px #000;
- letter-spacing:0px;
- line-height:130%;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #description a {
- color: #aca09f;
- }
- #description a:hover {
- color:#b6cfd8;
- }
- #navi {
- background-color: #;
- position:absolute;
- width:150px;
- padding-bottom: 10px;
- font-family: 'Old Standard TT', serif;
- text-transform: uppercase;
- margin-top:345px;
- margin-left: 660px;
- letter-spacing:1px;
- text-align: center;
- font-size:8px;
- color: #afaca4;
- letter-spacing:0px;
- line-height:130%;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #navi a {
- color: #000;
- letter-spacing: 2px;
- text-shadow:1px 1px #fff;
- }
- #navi a:hover {
- color:#fff;
- letter-spacing: 4px;
- text-shadow:1px 1px #000;
- }
- #navi2 {
- background-color: #;
- position:absolute;
- width:130px;
- font-family: 'Francois One', sans-serif;
- text-transform: uppercase;
- margin-top:915px;
- margin-left: 740px;
- letter-spacing:3px;
- text-align:center;
- font-size:10px;
- color: #a18f7d;
- letter-spacing:0px;
- line-height:130%;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #navi2 a {
- color: #e68fa1;
- text-shadow:1px 1px #fff;
- }
- #navi2 a:hover {
- color:#dc5555;
- text-shadow: 0 0 0.2em #5fd3e8;
- }
- #mains {
- background-color: #;
- position:absolute;
- width:190px;
- font-family: 'IBM Plex Sans Condensed', sans-serif;
- text-transform: NONE;
- margin-top:40px;
- margin-left:1068px;
- text-align:none;
- font-size:9px;
- color: #666262;
- letter-spacing: 0.3px;
- overflow-y:hidden;
- overflow-x:hidden;
- letter-spacing:0px;
- line-height:100%;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #mains a {
- color: #fff;
- }
- #mains a:hover {
- color:#ffffff;
- }
- #textbox {
- background-color: #;
- position:absolute;
- width:700px;
- font-family: 'IBM Plex Sans Condensed', sans-serif;
- text-transform: NONE;
- margin-top:255px;
- margin-left:190px;
- text-align:none;
- font-size:9px;
- color: #666262;
- letter-spacing: 0.3px;
- overflow-y:hidden;
- overflow-x:hidden;
- letter-spacing:0px;
- line-height:100%;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #textbox a {
- color: #fff;
- }
- #textbox a:hover {
- color:#ffffff;
- }
- #links {
- position:relative;
- font-family:georgia;
- width:450px;
- margin-top:385px;
- z-index:-1;
- margin-left:270px;
- display:inline-block;
- font-size:18px;
- font-style:none;
- letter-spacing:1px;
- text-align:left;
- line-height:280%;
- text-transform: lowercase;
- -webkit-transition: all .4s linear;
- }
- #links a{
- position: static;
- line-height:300%;
- margin-top:1px;
- margin-left:14px;
- width:60px;
- margin-bottom:4px;
- border-bottom:0px solid #0a141c;
- color: #6d5e60;
- text-shadow:1px 1px #9b8f86;
- -moz-transition-duration:.2s;
- -webkit-transition-duration:.2s;
- -o-transition-duration:.2s;
- }
- #links a:hover {
- width:60px;
- color: #d1cfbc;
- -moz-transition-duration:0.2s;
- -webkit-transition-duration:0.2s;
- -o-transition-duration:0.2s;
- }
- #pagination {
- font-family:georgia;
- position:absolute;
- width:210px;
- font-size:20px;
- margin-top: 130px;
- margin-left: -25px;
- padding-left:503px;
- letter-spacing:1px;
- text-align:center;
- }
- #pagination a {
- color:#000;
- text-shadow:0px 0px #fff;
- }
- #pagination a:hover {
- color:#5e5952;
- }
- /*----- POST CONTENT -----*/
- #entries {
- background: ;
- opacity: 100;
- padding: 10px;
- width: 400px;
- margin-left:840px;
- margin-top:100px;
- margin-bottom: 50px;
- height:665px;
- overflow-x: hidden;
- overflow-y: auto;
- position: absolute;
- -moz-transition-duration: 0.8s;
- -webkit-transition-duration: 0.8s;
- -o-transition-duration: 0.8s;
- }
- #post img{
- float:left;
- margin-right:10px;
- margin-bottom:10px;
- }
- #wrap img {
- padding-right:3px;
- padding-bottom:3px;
- float:left;
- margin-right:14px;
- padding:8px;
- border:1px solid #151515;
- }
- ::selection {
- background: #e8e0d5; /* WebKit/Blink Browsers */
- }
- ::-moz-selection {
- background: #e8e0d5; /* Gecko Browsers */
- }
- #headers{
- width:130px;
- height:auto;
- color: #000;
- text-shadow:1px 1px #fff;
- padding:10px;
- font-size:7px;
- font-weight:bold;
- letter-spacing:3px;
- line-height:100%;
- text-transform:uppercase;
- background: url('https://static.tumblr.com/zma9h5a/xhlp8u7dz/headers.png');
- background-color: #d6e1e1;
- border:1px solid #e9e3da;
- text-align:center;
- }
- #headers2{
- width:385px;
- height:28px;
- color: #000;
- text-shadow:1px 1px #fff;
- padding:10px;
- font-size:8px;
- font-weight:bold;
- letter-spacing:3px;
- line-height:100%;
- text-transform:uppercase;
- background: url('https://static.tumblr.com/zma9h5a/utBp8u7dd/header.png');
- background-color: #fff;
- border:0px solid #fff;
- text-align:center;
- }
- #info {
- background: url("");
- background-color: #f9f9f7;
- border:0px dashed #fff;
- font-family: 'Playfair Display', serif;
- width:230px;
- margin-top:5px;
- margin-left:70px;
- margin-bottom: 15px;
- padding-bottom:140px;
- font-size:9px;
- background:#;
- padding:4px;
- color: #000;
- text-transform:uppercase;
- font-style:bold;
- text-align:left;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #info a {
- color:#595853;
- font-style:normal;
- font-size:9px;
- font-family: 'Playfair Display', serif;
- }
- #info a:hover {
- color:#4b3832;
- }
- .quote {
- font-size:11px;
- font-family:georgia;
- font-style:normal;
- line-height:17px;
- margin-bottom:15px;
- text-transform:normal;
- text-align:left;
- font-weight:normal;
- font-style:none;
- color:#fff;
- text-shadow:1px 1px #000;
- }
- #ask {
- float:left;
- color:#83786e;
- padding: 5px;
- }
- #ask_bg{
- padding: 5px;
- background: url(HERE);
- background-color: transparent;
- height: auto;
- width: 300px;
- font-family:georgia;
- font-size: 11px;
- color: #83786e;
- border:0px dashed #0a0f12;
- }
- /*----- BOTTOM IMAGE -----*/
- #corner {
- font-size:9px;
- font-family:cambria;
- font-style:italic;
- letter-spacing:1px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #corner a {
- background-color:transparent;
- position:fixed;
- right:15px;
- bottom:10px
- }
- #cornerplayer
- {z-index:999;
- background-color:transparent;
- width:30px;
- height:50px;
- border-radius:0px 0px 0px 0px;
- -moz-border-radius:0px 50px 0px 0px;
- position:fixed;
- overflow:hidden;
- bottom:0px;
- right:0px;
- -webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}
- #cornericon
- {margin-top:15px;
- margin-bottom:20px;
- margin-right:-5px;
- -webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}
- #cornerplayer:hover
- {width:200px;
- -moz-border-radius:0px;
- border-radius:0px;}
- #cornerplayer:hover #cornericon
- {margin-top:10px;
- margin-left:0px;
- margin-bottom:4px;}
- </style>
- </head>
- <body>
- <div id='cornerplayer' style="text-align:center;">
- <!--<div>
- <div> </div>-->
- </div><!--cornerplayer-->
- <div id="sidebar">
- <div id="sidebarimage">
- <a href="/"><img src="{image:sidebar}"></a></div>
- <div id="textbox">
- <div style="height: 220px; width: 147px; border: 1px dashed #f4f2c9; padding: 7px; font: 11px/11px 'IBM Plex Sans Condensed', sans-serif; background-color: #; overflow: auto;"><center>
- <div id="headers">heroes never die!</div>
- <br>
- REX TREMENDAE <b>MAJESTATIS</b> / QUI SALVANDOS <i>SALVAS GRATIS</i> / SALVE ME, <b>FONS PIETATIS</b> / <i>SALVE ME,</i> FONS PIETATIS. / <br><br>
- — INDEPENDENT , SELECTIVE
- <h1>ANGELA ZIEGLER</h1>
- OF <b>OVERWATCH </b><br><br>
- / <u>PENNED BY ARTHAS.</u>
- </div></div></div>
- <div id="navi">
- <div id="headers">navigation</div><br>
- <div style="padding: 2px; background-color: #f3f3e8; border:1px dashed #f0dcd6; line-height: 1;"><a href="/"> refresh</a></div><br>
- <div style="padding: 2px; background-color: #f3f3e8; border:1px dashed #f0dcd6; line-height: 1;"><a href="/ask"> message</a></div> <br>
- <div style="padding: 2px; background-color: #f3f3e8; border:1px dashed #f0dcd6; line-height: 1;"><a href="#?w=350" rel="02" class="poplight">link title</a></div><br>
- <div style="padding: 2px; background-color: #f3f3e8; border:1px dashed #f0dcd6; line-height: 1;"><a href="#?w=350" rel="03" class="poplight">link title</a></div><br>
- <div style="padding: 2px; background-color: #f3f3e8; border:1px dashed #f0dcd6; line-height: 1;"><a href="#?w=350" rel="04" class="poplight">link title</a></div><br>
- <div style="padding: 2px; background-color: #f3f3e8; border:1px dashed #f0dcd6; line-height: 1;"><a href="#?w=350" rel="05" class="poplight">link title</a></div><br>
- <div style="padding: 2px; background-color: #f3f3e8; border:1px dashed #f0dcd6; line-height: 1;"><a href=" target="blank" http://eternalworks.tumblr.com/"> theme</a></div><br>
- </div></div></div>
- <div id="02" class="popup_block">
- <div style="width: 415px; height: 480px; background-color: #f8f6ef; border-color: #420c0c; border-style: double; color: #df71a0; font-size: 11px; font-family: Helvetica; overflow: auto;">
- <center><div id="headers2"> TITLE HERE. </div></center>
- <div style="width: 408px; height: 410px; background-color: #f8f6ef; border-color: #f8f6ef; border-style: solid; border-width: 0px; color: #4b4847; font-size: 11px; font-family: Helvetica; overflow: auto;"><font color="4b4847">
- <blockquote>
- all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your contthis. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this.
- </font> </blockquote>
- </div>
- </div>
- </div></div>
- </div>
- </div>
- <div id="03" class="popup_block">
- <div style="width: 415px; height: 480px; background-color: #f8f6ef; border-color: #420c0c; border-style: double; color: #df71a0; font-size: 11px; font-family: Helvetica; overflow: auto;">
- <center><div id="headers2"> TITLE HERE. </div></center>
- <div style="width: 408px; height: 410px; background-color: #f8f6ef; border-color: #f8f6ef; border-style: solid; border-width: 0px; color: #4b4847; font-size: 11px; font-family: Helvetica; overflow: auto;"><font color="4b4847">
- <blockquote>
- all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your contthis. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this.
- </font> </blockquote>
- </div>
- </div>
- </div></div>
- </div>
- </div>
- <div id="04" class="popup_block">
- <div style="width: 415px; height: 480px; background-color: #f8f6ef; border-color: #420c0c; border-style: double; color: #df71a0; font-size: 11px; font-family: Helvetica; overflow: auto;">
- <center><div id="headers2"> TITLE HERE. </div></center>
- <div style="width: 408px; height: 410px; background-color: #f8f6ef; border-color: #f8f6ef; border-style: solid; border-width: 0px; color: #4b4847; font-size: 11px; font-family: Helvetica; overflow: auto;"><font color="4b4847">
- <blockquote>
- all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your contthis. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this.
- </font> </blockquote>
- </div>
- </div>
- </div></div>
- </div>
- </div>
- <div id="05" class="popup_block">
- <div style="width: 415px; height: 480px; background-color: #f8f6ef; border-color: #420c0c; border-style: double; color: #df71a0; font-size: 11px; font-family: Helvetica; overflow: auto;">
- <center><div id="headers2"> TITLE HERE. </div></center>
- <div style="width: 408px; height: 410px; background-color: #f8f6ef; border-color: #f8f6ef; border-style: solid; border-width: 0px; color: #4b4847; font-size: 11px; font-family: Helvetica; overflow: auto;"><font color="4b4847">
- <blockquote>
- all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your contthis. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this. all of your content will go in here and look like this.
- </font> </blockquote>
- </div>
- </div>
- </div></div>
- </div>
- </div>
- </div>
- </div>
- </div></div>
- </div>
- </div>
- <div id="description">
- <div id="pagination">
- {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"> ←</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}"> → </a><br />{/block:NextPage}{/block:Pagination}</div></div>
- </div></div></div>
- <div id="entries">{block:Posts}
- <div id="post">
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}<big><big>"{Quote}"</big></big>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
- {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}{hw}
- {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="65px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
- {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<div id="ask_bg"><div id="ask"><img src="{AskerPortraitURL-24}" style="margin-left:7px;margin-right:13px;border:1px solid #ffffff;padding:2px;"></div> <em>{Asker}:</em><br> "{Question}"<br><br></div>{Answer}{/block:Answer}
- <div id="info">
- {block:Date} <a href="{Permalink}">{TimeAgo}</a>
- {/block:Date} {block:NoteCount} <small>notes</small>:</font> <a href="{Permalink}">{NoteCount}</a> {/block:NoteCount}<div style="float:right;">
- {block:HasTags}
- <p class="newtags" title="{block:Tags}#{Tag} {/block:Tags}" style="display:inline;">hover</p>
- {/block:HasTags}
- {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}"></a> {/block:RebloggedFrom}{block:ContentSource} / <a title="{SourceTitle}" href="{SourceURL}"></a>{/block:ContentSource} {/block:RebloggedFrom} <a href="{ReblogURL}"target="_blank" title="reblog this post"><big> ♡ </font></big> </a> </div>
- </div>
- {/block:Posts}
- <div id="corner"> </div>
- </div></div></div></div>
- <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 bin 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>
- <script type="text/javascript">
- <!--
- function clickIE() {if (document.all) {(message);return false;}}
- function clickNS(e) {if
- (document.layers||(document.getElementById&&!document.all)) {
- if (e.which==2||e.which==3) {(message);return false;}}}
- if (document.layers)
- {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
- else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
- document.oncontextmenu=new Function("return false")
- // -->
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement