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>
- <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://www.pixelsxo.com/graphics/images/tiny//th_hmm.gif" 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>
- <html>
- <title>{Title}</title>
- <!--
- ___________________________________________________________________________
- CORPUS THEME BY NOCTOS @ TUMBLR
- ___________________________________________________________________________
- -->
- <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lkl67rkfVl1qfamg6.gif">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <meta name="text:font" content="cambria" />
- <meta name="text:font size" content="9px" />
- <meta name="image:background" content="" />
- <meta name="image:side" content="http://static.tumblr.com/nj7bgyh/iLKm3gsx7/tumblr_lxxy6b9t2a1r6hoxao1_500.jpg" />
- <meta name="image:side links BG" content="http://media.tumblr.com/tumblr_m3d3ogLzYw1qklwal.png" />
- <meta name="color:background" content="#fff" />
- <meta name="color:text" content="#777" />
- <meta name="color:links" content="#b4b4b4" />
- <meta name="color:links hover" content="#494949" />
- <meta name="color:bordering" content="#eee" />
- <meta name="color:side links TXT" content="#b3b3b3" />
- <meta name="color:side links BG hover" content="#eee" />
- <meta name="color:side links TXT hover" content="#b3b3b3" />
- <meta name="color:side title" content="#fff" />
- <meta name="color:post BG" content="#fff" />
- <meta name="color:post title BG" content="#fafafa" />
- <meta name="if:endless scroll" content="1" />
- <meta name="if:show captions" content="0" />
- <meta name="if:post bordering" content="1" />
- <meta name="if:small posts" content="1" />
- <meta name="if:medium posts" content="0" />
- <meta name="if:large posts" content="0" />
- <meta name="text:link one" content="" />
- <meta name="text:link one title" content="" />
- <meta name="text:link two" content="" />
- <meta name="text:link two title" content="" />
- <meta name="text:link three" content="" />
- <meta name="text:link three title" content="" />
- <meta name="text:link four" content="" />
- <meta name="text:link four title" content="" />
- <meta name="text:link five" content="" />
- <meta name="text:link five title" content="" />
- <style type="text/css">
- .circlelink {
- left:6px;
- border-radius:100px;
- bottom:5px;
- background:transparent;
- width:70px;
- height:40px;
- margin-left:2px;
- text-align:center;
- font-color:#fff;
- margin-bottom:10px;
- padding-top:30px;
- -webkit-transition-timing-function: ease-out;
- -webkit-transition-duration: .7s;
- -moz-transition-timing-function: ease-out;
- -moz-transition-duration: .7s;
- moz-box-shadow: 0 0 1px #E799A3;
- -webkit-box-shadow: 0 0 8px #C48793;
- text-transform:uppercase;
- position:fixed;
- }
- .circlelink:hover {
- border-radius:100px;
- position:fixed;
- background-color:transparent;
- width:70px;
- height:40px;
- margin-left:2px;
- text-align:center;
- padding-top:30px;
- -webkit-transition-timing-function: ease-out;
- -webkit-transition-duration: .7s;
- -moz-transition-timing-function: ease-out;
- -moz-transition-duration: .7s;
- moz-box-shadow: 0 0 1px #E799A3;
- -webkit-box-shadow: 0 0 8px #C48793;
- }
- .circlelink2 {
- left:66px;
- background-color:transparent;
- border-radius:100px;
- bottom:5px;
- width:70px;
- height:40px;
- margin-left:2px;
- text-align:center;
- font-color:#fff;
- margin-bottom:10px;
- padding-top:30px;
- -webkit-transition-timing-function: ease-out;
- -webkit-transition-duration: .7s;
- -moz-transition-timing-function: ease-out;
- -moz-transition-duration: .7s;
- text-transform:uppercase;
- position:fixed;
- moz-box-shadow: 0 0 1px #E799A3;
- -webkit-box-shadow: 0 0 8px #C48793;
- }
- .circlelink2:hover {
- border-radius:100px;
- position:fixed;
- background: #FBBBB9;
- width:70px;
- height:40px;
- margin-left:2px;
- text-align:center;
- padding-top:30px;
- -webkit-transition-timing-function: ease-out;
- -webkit-transition-duration: .7s;
- -moz-transition-timing-function: ease-out;
- -moz-transition-duration: .7s;
- }
- {CustomCSS}
- ::-webkit-scrollbar-thumb:vertical {background-color:{color:bordering};width:6px;border:1px solid #fff;}
- ::-webkit-scrollbar {height:0px;width:5px;background-color:{color:background};}
- iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.5;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
- iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
- body {
- background-image: url('{image:background}');
- background-attachment:fixed;
- background-color:{color:background};
- font-family:Leelawadee;
- font-size:9px;
- color:{color:text};
- }
- a {
- color:{color:links};
- opacity:0.2px;
- text-decoration:none;
- -webkit-transition: all 0.6s ease-in;
- -moz-transition: all 0.6s ease-in;
- -o-transition: all 0.6s ease-in;
- }
- a:hover {
- color:{color:links hover};
- opacity:0.2px;
- }
- h1 {
- margin-top:0px;
- margin-bottom:-5px;
- font-size:16px;
- font-weight:lighter;
- letter-spacing:-1.5px;
- text-transform:uppercase;
- background-color:{color:post title BG};
- padding-left:6px;
- }
- blockquote {
- padding-left:10px;
- border-left:1px solid {color:text};
- }
- .audi img {
- max-width:100px;
- float:left;
- margin-right:5px;
- }
- #content {
- {block:indexpage}
- {block:ifsmallposts}
- margin-left:43%;
- width:250px;
- {/block:ifsmallposts}
- {block:ifmediumposts}
- margin-left:34%;
- width:400px;
- {/block:ifmediumposts}
- {block:iflargeposts}
- margin-left:32%;
- width:500px;
- {/block:iflargeposts}
- {/block:indexpage}
- {block:permalinkpage}
- margin-left:43%;
- width:250px;
- {/block:permalinkpage}
- }
- #entry {
- width: 250px;
- }
- .post {
- float:right;
- overflow:hidden;
- {block:indexpage}
- padding:8px;
- margin-bottom:20px;
- background-color:{color:post BG};
- {block:ifpostbordering}
- border:4px solid {color:bordering};
- {/block:ifpostbordering}
- {block:ifsmallposts}
- width:250px;
- {/block:ifsmallposts}
- {block:ifmediumposts}
- width:400px;
- {/block:ifmediumposts}
- {block:iflargeposts}
- width:500px;
- {/block:iflargeposts}
- {/block:indexpage}
- {block:permalinkpage}
- margin-left:43%;
- width:250px;
- {/block:permalinkpage}
- }
- .permalinkbox {
- position:relative;
- margin-top:-115px;
- float:left;
- width: 120px;
- margin-left: 70px;
- letter-spacing: 1px;
- background: white;
- -webkit-transition: all 0.6s ease-in;
- -moz-transition: all 0.6s ease-in;
- -o-transition: all 0.6s ease-in;
- z-index:1;
- opacity:0;
- {block:permalinkpage}
- display:none;
- {/block:permalinkpage}
- }
- .permalink {
- background-color: ;
- color: white;
- text-align:center;
- padding:4px;
- opacity:0.9;
- font-family:calibri;
- font-size:9px;
- text-transform:uppercase;
- -webkit-transition: all 0.6s ease-in;
- -moz-transition: all 0.6s ease-in;
- -o-transition: all 0.6s ease-in;
- }
- .permalink:hover {
- opacity:1;
- background: white;
- color: white;
- }
- .post:hover .permalinkbox {
- opacity:1;
- margin-top: -75px;
- }
- .reblogbox {
- position:relative;
- margin-top:-95px;
- float:left;
- width: 120px;
- margin-left: 70px;
- letter-spacing: 1px;
- background: white;
- -webkit-transition: all 0.6s ease-in;
- -moz-transition: all 0.6s ease-in;
- -o-transition: all 0.6s ease-in;
- z-index:1;
- opacity:0;
- {block:permalinkpage}
- display:none;
- {/block:permalinkpage}
- }
- .reblog {
- background-color: ;
- color: white;
- text-align:center;
- padding:4px;
- opacity:0.9;
- font-family:calibri;
- font-size:9px;
- text-transform:uppercase;
- -webkit-transition: all 0.6s ease-in;
- -moz-transition: all 0.6s ease-in;
- -o-transition: all 0.6s ease-in
- }
- .reblog:hover {
- opacity:1;
- background: white;
- color: white;
- }
- .post:hover .reblogbox {
- opacity:1;
- margin-left: 70px;
- }
- .notes img {
- height:20px;
- width:20px;
- }
- .img {
- position:fixed;
- {block:indexpage}
- {block:ifsmallposts}
- left:43%;
- {/block:ifsmallposts}
- {block:ifmediumposts}
- left:34%;
- {/block:ifmediumposts}
- {block:iflargeposts}
- left:32%;
- {/block:iflargeposts}
- {/block:indexpage}
- {block:permalinkpage}
- left:43%;
- {/block:permalinkpage}
- top:30%;
- width:123px;
- height:98px;
- overflow:hidden;
- border-top: 3px solid #BEBEBE;
- border-bottom: 3px solid #BEBEBE;
- border-right: 3px solid #BEBEBE;
- border-left: 3px solid #BEBEBE;
- border-right:
- padding:10px 10px 10px 10px;
- background-color: none;
- border-radius:0px 0px 0px 0px;
- margin-top:55px;
- margin-left:-283px;
- }
- .img:hover {
- border-radius: 0px 0px 0px 0px;
- }
- #side {
- width:250px;
- position:fixed;
- {block:indexpage}
- {block:ifsmallposts}
- left:43%;
- {/block:ifsmallposts}
- {block:ifmediumposts}
- left:34%;
- {/block:ifmediumposts}
- {block:iflargeposts}
- left:32%;
- {/block:iflargeposts}
- {/block:indexpage}
- {block:permalinkpage}
- left:43%;
- {/block:permalinkpage}
- top:30%;
- margin-left:-284px;
- }
- .desc {
- margin-top: 133px;
- margin-left: 108px;
- width: 30px;
- float:left;
- position: fixed;
- }
- .descri {
- position:fixed;
- margin-top:-65px;
- float:right;
- text-transform: lowercase;
- width: 123px;
- height: 70px;
- font-size: 10px;
- font: arsenal white;
- margin-left: -104px;
- background: #FFF8DC;
- border-top: 4px solid #BEBEBE;
- border-bottom: 4px solid #BEBEBE;
- border-radius: 0px 0px 0px 0px;
- -webkit-transition: all 0.2s ease-in;
- -moz-transition: all 0.2s ease-in;
- -o-transition: all 0.2s ease-in;
- z-index:1;
- opacity:0;
- }
- .descri:hover {
- border-radius: 0px 0px 0px 0px;
- opacity:2;
- border-top: 4px solid #BEBEBE;
- border-bottom: 4px solid #BEBEBE;
- background: #FFF8DC;
- position: fixed;
- color:black;
- -webkit-transition: all 0.5s ease-in;
- -moz-transition: all 0.5s ease-in;
- -o-transition: all 0.5s ease-in;
- opacity:2;
- }
- .descri2 {
- position:fixed;
- margin-top:0px;
- float:right;
- text-transform: lowercase;
- width: 140px;
- height: 90px;
- font-size: 10px;
- font: arsenal white;
- margin-left: -68px;
- background: #EEE9E9;
- border-top: 4px solid #8B8989;
- border-bottom: 4px solid #8B8989;
- -webkit-transition: all 0.2s ease-in;
- -moz-transition: all 0.2s ease-in;
- -o-transition: all 0.2s ease-in;
- z-index:1;
- opacity:2;
- }
- .descri2:hover {
- border-radius: 0px 0px 0px 0px;
- opacity:2;
- border-top: 4px solid #CDC1C5;
- border-bottom: 4px solid #CDC1C5;
- background: #EEE9E9;
- position: fixed;
- color:black;
- -webkit-transition: all 0.5s ease-in;
- -moz-transition: all 0.5s ease-in;
- -o-transition: all 0.5s ease-in;
- opacity:0;
- }
- .link {
- z-index:1;
- float:left;
- margin-bottom:2px;
- background: #BEBEBE;
- color: white;
- font: ar julian;
- font-color: white;
- font-size: 8px;
- letter-spacing: 6px;
- text-transform: lowercase;
- height:45px;
- width:10px;
- padding-left:10px;
- margin-top:55px;
- margin-left:-116px;
- border-left: 2px solid gray;
- border-bottom: 2px solid gray;
- border-top: 2px solid gray;
- border-radius:0px 0px 0px 0px;
- -webkit-transition: all 0.2s ease-in;
- -moz-transition: all 0.2s ease-in;
- -o-transition: all 0.2s ease-in;
- opacity:1;
- }
- .link:hover {
- background-color:{color:side links BG hover};
- height: 65px;
- width:10px;
- font-color: black;
- letter-spacing: 6px;
- border-radius:0px 0px 0px 0px;
- background: #BEBEBE;
- color: #EED5D2;
- opacity:0.6;
- border-top: 2px solid gray;
- border-bottom: 2px solid gray;
- border-left: 2px solid gray;
- -webkit-transition: all 0.1s ease-in;
- -moz-transition: all 0.1s ease-in;
- -o-transition: all 0.1s ease-in;
- }
- .link2 {
- z-index:1;
- float:left;
- margin-bottom:2px;
- background: #FFF8DC;
- color:{color:side links TXT};
- font: calibri;
- font-color: white;
- font-size: 8px;
- letter-spacing: 6px;
- text-transform: lowercase;
- height:45px;
- width:10px;
- padding-left:10px;
- margin-top:55px;
- margin-left:-94px;
- border-top: 2px solid gray;
- border-bottom: 2px solid gray;
- border-radius:0px 0px 0px 0px;
- -webkit-transition: all 0.2s ease-in;
- -moz-transition: all 0.2s ease-in;
- -o-transition: all 0.2s ease-in;
- opacity:1;
- }
- .link2:hover {
- background-color:{color:side links BG hover};
- height: 65px;
- width:10px;
- font-color: black;
- letter-spacing: 6px;
- border-radius:0px 0px 0px 0px;
- background:#FFF8DC;
- color: #EED5D2;
- opacity:0.6;
- border-top: 2px solid gray;
- border-bottom: 2px solid gray;
- -webkit-transition: all 0.1s ease-in;
- -moz-transition: all 0.1s ease-in;
- -o-transition: all 0.1s ease-in;
- }
- .link3 {
- z-index:1;
- float:left;
- margin-bottom:2px;
- background: #BEBEBE;
- color:{color:side links TXT};
- font: calibri;
- font-color: white;
- font-size: 8px;
- letter-spacing: 6px;
- text-transform: lowercase;
- height:45px;
- width:10px;
- padding-left:10px;
- margin-top:55px;
- margin-left:-74px;
- border-top: 2px solid gray;
- border-bottom: 2px solid gray;
- border-radius:0px 0px 0px 0px;
- -webkit-transition: all 0.2s ease-in;
- -moz-transition: all 0.2s ease-in;
- -o-transition: all 0.2s ease-in;
- opacity:1;
- }
- .link3:hover {
- background-color:{color:side links BG hover};
- height: 65px;
- width:10px;
- font-color: black;
- letter-spacing: 6px;
- border-radius:0px 0px 0px 0px;
- background: #BEBEBE;
- color: #EED5D2;
- opacity:0.6;
- border-top: 2px solid gray;
- border-bottom: 2px solid gray;
- -webkit-transition: all 0.1s ease-in;
- -moz-transition: all 0.1s ease-in;
- -o-transition: all 0.1s ease-in;
- }
- .link4 {
- z-index:1;
- float:left;
- margin-bottom:2px;
- background: #FFF8DC;
- color:{color:side links TXT};
- font: calibri;
- font-color: white;
- font-size: 8px;
- letter-spacing: 6px;
- text-transform: lowercase;
- height:45px;
- width:10px;
- padding-left:10px;
- margin-top:55px;
- margin-left:-54px;
- border-top: 2px solid gray;
- border-bottom: 2px solid gray;
- border-radius:0px 0px 0px 0px;
- -webkit-transition: all 0.2s ease-in;
- -moz-transition: all 0.2s ease-in;
- -o-transition: all 0.2s ease-in;
- opacity:1;
- }
- .link4:hover {
- background-color:{color:side links BG hover};
- height: 65px;
- width:10px;
- font-color: black;
- letter-spacing: 6px;
- border-radius:0px 0px 0px 0px;
- background: #FFF8DC;
- color: #EED5D2;
- opacity:0.6;
- border-top: 2px solid gray;
- border-bottom: 2px solid gray;
- -webkit-transition: all 0.1s ease-in;
- -moz-transition: all 0.1s ease-in;
- -o-transition: all 0.1s ease-in;
- }
- .link5 {
- z-index:1;
- float:left;
- margin-bottom:2px;
- background: #BEBEBE;
- color:{color:side links TXT};
- font: calibri;
- font-color: white;
- font-size: 8px;
- letter-spacing: 6px;
- text-transform: lowercase;
- height:45px;
- width:10px;
- padding-left:10px;
- margin-top:55px;
- margin-left:-34px;
- border-top: 2px solid gray;
- border-bottom: 2px solid gray;
- border-right: 2px solid gray;
- border-radius:0px 0px 0px 0px;
- -webkit-transition: all 0.2s ease-in;
- -moz-transition: all 0.2s ease-in;
- -o-transition: all 0.2s ease-in;
- opacity:1;
- }
- .link5:hover {
- background-color:{color:side links BG hover};
- height: 65px;
- width:10px;
- font-color: black;
- letter-spacing: 6px;
- border-radius:0px 0px 0px 0px;
- background: #BEBEBE;
- color: #EED5D2;
- opacity:0.6;
- border-top: 2px solid gray;
- border-bottom: 2px solid gray;
- border-right: 2px solid gray;
- -webkit-transition: all 0.1s ease-in;
- -moz-transition: all 0.1s ease-in;
- -o-transition: all 0.1s ease-in;
- }
- .titleholder {
- height:15px;
- width:15px;
- border-top:2px solid #EED5D2;
- border-bottom:2px solid #EED5D2;
- border-right:2px solid #EED5D2;
- border-left:2px solid #EED5D2;
- text-align:center;
- background: #E6E6FA;
- position: fixed;
- color: black;
- margin-top:15px;
- margin-left:92px;
- border-radius: 10px 10px 10px 10px;
- }
- .title a {
- font-family:constantia;
- text-transform: lowercase;
- font-size:10px;
- background: ;
- font: ar julian;
- color: black;
- text-transform:uppercase;
- }
- .title:hover {
- color: #000000;
- opacity: 2px;
- letter-spacing: 0px;
- border-radius: 0px 0px 0px 0px;
- }
- .titleholder:hover {
- opacity:0.9px;
- height: 15px;
- width:15px;
- border-radius: 10px 10px 10px 10px;
- background: #E6E6FA;
- -webkit-transition: all 0.4s ease-in;
- -moz-transition: all 0.4s ease-in;
- -o-transition: all 0.4s ease-in;
- }
- .readholder {
- z-index:1;
- float:left;
- margin-bottom:2px;
- background: none;
- color:{color:side links TXT};
- font: calibri;
- font-color: white;
- font-size: 8px;
- letter-spacing: 3px;
- text-transform: uppercase;
- height:12px;
- width:113px;
- padding-left:10px;
- margin-top:27px;
- margin-left:-107px;
- border-bottom: 3px solid #BEBEBE;
- border-left: 3px solid #BEBEBE;
- border-right: 3px solid #BEBEBE;
- border-top: 3px solid #BEBEBE;
- border-radius:0px 0px 120px 120px;
- -webkit-transition: all 0.2s ease-in;
- -moz-transition: all 0.2s ease-in;
- -o-transition: all 0.2s ease-in;
- opacity:1;
- }
- .read {
- font-family: constantia;
- font-size: 3px;
- background: ;
- color: black;
- margin-top: -12px;
- text-align: center;
- }
- .read:hover {
- color: #000000;
- opacity: 2px;
- font-size: 3px;
- }
- .readholder:hover {
- background-color:{color:side links BG hover};
- text-transform: uppercase;
- width:113px;
- letter-spacing: 3px;
- border-radius:0px 0px 120px 120px;
- background: none;
- border-bottom: 3px solid #BEBEBE;
- border-left: 3px solid #BEBEBE;
- border-right: 3px solid #BEBEBE;
- color: #EED5D2;
- opacity:2;
- -webkit-transition: all 0.1s ease-in;
- -moz-transition: all 0.1s ease-in;
- -o-transition: all 0.1s ease-in;
- }
- .player {
- margin-top: -98px;
- margin-left: -255px;
- font-size: 9px;
- background: #FFDEAD;
- text-transform: uppercase;
- border-top: 2px solid;
- border-bottom: 2px solid;
- width: 80px;
- height: 12px;
- border-radius: 0px 0px 0px 0px;
- position: fixed;
- }
- .pgna {
- position:fixed;
- {block:indexpage}
- {block:ifsmallposts}
- left:43%;
- {/block:ifsmallposts}
- {block:ifmediumposts}
- left:34%;
- {/block:ifmediumposts}
- {block:iflargeposts}
- left:32%;
- {/block:iflargeposts}
- {/block:indexpage}
- {block:permalinkpage}
- left:32%;
- {/block:permalinkpage}
- top:30%;
- margin-left:56px;
- margin-top:15px;
- text-align:right;
- margin-top:79px;
- }
- .pops {
- font-size: 11px;
- line-height:13px;
- font-family: Arial;
- }
- #fade { /*--Transparent background layer--*/
- display: none; /*--hidden by default--*/
- background: #000000;
- position: fixed; left: 0; top: 0;
- width: 100%; height: 100%;
- opacity: .80;
- z-index: 9999;
- }
- .popup_block{
- display: none; /*--hidden by default--*/
- background: #FFFAFA;
- padding: 10px;
- border: 1px solid #555;
- float: left;
- position: fixed;
- top: 50%; left: 50%;
- z-index: 99999;
- /*--CSS3 Box Shadows--*/
- -webkit-box-shadow: 0px 0px 20px #000;
- -moz-box-shadow: 0px 0px 20px #000;
- box-shadow: 0px 0px 20px #000;
- /*--CSS3 Rounded Corners--*/
- -webkit-border-radius: 0px;
- -moz-border-radius: 0px;
- border-radius: 0px;
- }
- img.btn_close {
- float: right;
- margin: -5px -5px 0px 0px;
- padding:none;
- }
- /*--Making IE6 Understand Fixed Positioning--*/
- *html #fade {
- position: absolute;
- }
- *html .popup_block {
- position: absolute;
- }
- .description {
- display: block;
- writing-mode: lr-tb;
- -webkit-transform: rotate(-360deg);
- -moz-transform: rotate(-360deg);
- -ms-transform: rotate(-360deg);
- -o-transform: rotate(-360deg);
- transform: rotate(-360deg);
- position: absolute;
- left: 54px;
- top: 4px;
- font-family:"georgia";
- font-size: 11px;
- text-transform: lowercase;
- letter-spacing: -1px;}
- </style>
- {block:ifendlessscroll}
- <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
- {/block:ifendlessscroll}
- </head>
- <body>
- </div>
- </div>
- {block:ifnotendlessscroll}
- {block:Pagination}
- <div class="pgna">
- {block:NextPage}
- <a href="{NextPage}">FURTHER</a><br>
- {/block:NextPage}
- {block:PreviousPage}
- <a href="{PreviousPage}">ESCAPE</a>
- {/block:PreviousPage}
- </div>
- {/block:Pagination}
- {/block:ifnotendlessscroll}
- <div id="side">
- <div class="img">
- <img style="width:135px; margin-left: -11px; height: 99px; border-radius: 0px 0px 0px 0px;" src="{image:side}">
- </div>
- <div class="desc">{Des}
- <div style="">
- </div>
- <div class="descri"><center>“Imperfection is beauty, madness is genius and it's better to be absolutely ridiculous than absolutely boring. [ <script language="JavaScript">
- var ref = (''+document.referrer+'');
- document.write('<script src="http://freehostedscripts1.net/ocounter.php?site=ID1349135&e1=&e2=&r=' + ref + '"><\/script>');
- </script> ]” </center></div>
- <div class="readholder" title="the blogger :)">
- <a href="#?w=200" rel="01" class="poplight"><center>THE TRIBUTE</center></a>
- </div>
- <div class="link" title="home">
- <center><a href="/">H<br>O<br>M<br>E<br></a>
- </div>
- <div class="link2" title="message">
- <center><a href="#?w=200" rel="07" class="poplight">M<br>S<br>S<br>G<br></a></center>
- </div>
- <div class="link3" title="frequently asked">
- <center><a href="#?w=200" rel="03" class="poplight">F<br>A<br>Q<br>S<br></a></center>
- </div>
- <div class="link4" title="credits">
- <center><a href="#?w=200" rel="06" class="poplight">C<br>R<br>E<br>D</a></center>
- </div>
- <div class="link5" title="personal blog">
- <center><a href="#?w=200" rel="05" class="poplight">P<br>E<br>R<br>S<br></a></center>
- </div>
- <div id style="font-size: 13px; margin-left: -105px; margin-top: -118px; width: 125px;"><center><img src="http://fontmeme.com/create.php?text=Awkward&name=angelina.ttf&size=30&style_color=000000" alt="Script Fonts" title="Oh, I See." /></a></center></div>
- {block:iflinkone}<a href="{text:link one}" title="{text:link one title}"><div class="link">{text:link one title}</div></a>{/block:iflinkone}{block:iflinktwo}<a href="{text:link two}" title="{text:link two title}"><div class="link">{text:link two title}</div></a>{/block:iflinktwo}{block:iflinkthree}<a href="{text:link three}" title="{text:link three title}"><div class="link">{text:link three title}</div></a>{/block:iflinkthree}
- {block:iflinkfour}<a href="{text:link four}" title="{text:link four title}"><div class="link">{text:link four title}</div></a>{/block:iflinkfour}{block:iflinkfive}<a href="{text:link five}" title="{text:link five title}"><div class="link">{text:link five title}</div></a>{/block:iflinkfive}
- </div>
- </div>
- <div id="content">
- {block:Posts}
- {block:Text}
- <div class="post">
- {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
- {body}
- <div id style="border-top: 1px solid; color:#BEBEBE; margin-top:8px;"></div>
- Posted with <a href="{Permalink}">{NoteCountWithLabel}</a>
- <div id style="margin-top: -10px; margin-left: 208px;"><a href="{ReblogURL}"target="_blank">• REBLOG</a></div>
- <div id style="border-bottom: 1px solid; color: #BEBEBE; margin-top:2px;"></div>
- {block:indexpage}
- {block:ifshowcaptions}
- {Caption}
- {/block:ifshowcaptions}
- {/block:indexpage}
- {block:permalinkpage}
- {Caption}
- {/block:permalinkpage}
- </div>
- {/block:Text}
- {block:Photo}
- <div style="padding-bottom:5px;" class="post">
- {block:indexpage}
- {LinkOpenTag}
- <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
- {block:ifsmallposts}
- <img src="{PhotoURL-250}">
- {/block:ifsmallposts}
- {block:ifmediumposts}
- <img style="width:400px;" src="{PhotoURL-500}">
- {/block:ifmediumposts}
- {block:iflargeposts}
- <img src="{PhotoURL-500}">
- {/block:iflargeposts}
- {LinkCloseTag}
- {/block:indexpage}
- {block:permalinkpage}
- <img src="{PhotoURL-250}">
- {/block:permalinkpage}
- <div class="permalinkbox">
- <div class="permalink">
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- </div>
- </div>
- <div class="reblogbox">
- <div class="reblog">
- <a href="{ReblogURL}"target="_blank">REBLOG</a>
- </div>
- </div>
- {block:indexpage}
- {block:ifshowcaptions}
- {Caption}
- {/block:ifshowcaptions}
- {/block:indexpage}
- {block:permalinkpage}
- {Caption}
- {/block:permalinkpage}
- </div>
- {/block:Photo}
- {block:Photoset}
- <div class="post">
- {block:indexpage}
- {block:ifsmallposts}
- {Photoset-250}
- {/block:ifsmallposts}
- {block:ifmediumposts}
- {Photoset-400}
- {/block:ifmediumposts}
- {block:iflargeposts}
- {Photoset-500}
- {/block:iflargeposts}
- {/block:indexpage}
- {block:permalinkpage}
- {Photoset-250}
- {/block:permalinkpage}
- <div class="permalinkbox">
- <div class="permalink">
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- </div>
- </div>
- <div class="reblogbox">
- <div class="reblog">
- <a href="{ReblogURL}"target="_blank">REBLOG</a>
- </div>
- </div>
- {block:indexpage}
- {block:ifshowcaptions}
- {Caption}
- {/block:ifshowcaptions}
- {/block:indexpage}
- {block:permalinkpage}
- {Caption}
- {/block:permalinkpage}
- </div>
- {/block:Photoset}
- {block:Chat}
- <div class="post">
- {block:Title}<h1 style="margin-bottom:5px;">{Title}</h1>{/block:Title}
- {block:Lines}
- <li style="list-style:none;">
- {block:Label}
- {Label}
- {/block:Label}
- <i>
- {Line}
- </i>
- </li>
- {/block:Lines}
- <div id style="border-top: 1px solid; color:#BEBEBE; margin-top:8px;"></div>
- Posted with <a href="{Permalink}">{NoteCountWithLabel}</a>
- <div id style="margin-top: -10px; margin-left: 208px;"><a href="{ReblogURL}"target="_blank">• REBLOG</a></div>
- <div id style="border-bottom: 1px solid; color: #BEBEBE; margin-top:2px;"></div>
- {block:indexpage}
- {block:ifshowcaptions}
- {Caption}
- {/block:ifshowcaptions}
- {/block:indexpage}
- {block:permalinkpage}
- {Caption}
- {/block:permalinkpage}
- </div>
- {/block:Chat}
- {block:Link}
- <div class="post">
- <h1><a href="{URL}" {Target}>{Name}</a></h1>
- {block:Description}
- {Description}
- {/block:Description}
- <div id style="border-top: 1px solid; color:#BEBEBE; margin-top:8px;"></div>
- Posted with <a href="{Permalink}">{NoteCountWithLabel}</a>
- <div id style="margin-top: -10px; margin-left: 208px;"><a href="{ReblogURL}"target="_blank">• REBLOG</a></div>
- <div id style="border-bottom: 1px solid; color: #BEBEBE; margin-top:2px;"></div>
- {block:indexpage}
- {block:ifshowcaptions}
- {Caption}
- {/block:ifshowcaptions}
- {/block:indexpage}
- {block:permalinkpage}
- {Caption}
- {/block:permalinkpage}
- </div>
- {/block:Link}
- {block:Video}
- <div class="post">
- {block:indexpage}
- {block:ifsmallposts}
- {Video-250}
- {/block:ifsmallposts}
- {block:ifmediumposts}
- {Video-400}
- {/block:ifmediumposts}
- {block:iflargeposts}
- {Video-500}
- {/block:iflargeposts}
- {/block:indexpage}
- {block:permalinkpage}
- {Video-500}
- {/block:permalinkpage}
- <div class="permalinkbox">
- <div class="permalink">
- <a href="{Permalink}">{NoteCountWithLabel} |</a>
- <a href="{ReblogURL}"target="_blank">REBLOG</a>
- </div>
- </div>
- {block:indexpage}
- {block:ifshowcaptions}
- {Caption}
- {/block:ifshowcaptions}
- {/block:indexpage}
- {block:permalinkpage}
- {Caption}
- {/block:permalinkpage}
- </div>
- {/block:Video}
- {block:Audio}
- <div class="post">
- <div style="margin-bottom:5px;background-color:#000;width:100%;">{AudioPlayerBlack}</div><div class="audi">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>{block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>{block:Album}<b>ALBUM:</b> {Album}{/block:Album}<br>{Block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}</p><b>PLAYS:</b> {PlayCountWithLabel}
- <div class="permalinkbox">
- <div class="permalink">
- <a href="{Permalink}">{NoteCountWithLabel} |</a>
- <a href="{ReblogURL}"target="_blank">REBLOG</a>
- </div>
- </div>
- {block:indexpage}
- {block:ifshowcaptions}
- {Caption}
- {/block:ifshowcaptions}
- {/block:indexpage}
- {block:permalinkpage}
- {Caption}
- {/block:permalinkpage}
- </div>
- {/block:Audio}
- {block:Quote}
- <div class="post">
- "{Quote}"
- <div style="border-bottom:1px solid {color:bordering};margin-bottom:3px;padding-top:5px;"></div><div style="text-align:right;">
- {block:Source}― <i>{Source}</i>{/block:Source}</div>
- <div id style="border-top: 1px solid; color:#BEBEBE; margin-top:8px;"></div>
- Posted with <a href="{Permalink}">{NoteCountWithLabel}</a>
- <div id style="margin-top: -10px; margin-left: 208px;"><a href="{ReblogURL}"target="_blank">• REBLOG</a></div>
- <div id style="border-bottom: 1px solid; color: #BEBEBE; margin-top:2px;"></div>
- {block:indexpage}
- {block:ifshowcaptions}
- {Caption}
- {/block:ifshowcaptions}
- {/block:indexpage}
- {block:permalinkpage}
- {Caption}
- {/block:permalinkpage}
- </div>
- {/block:Quote}
- {block:Answer}
- <div class="post">
- <div style="padding:5px;background-color: #EEE9E9;">{Asker}: {Question}</div>{Answer}
- <div id style="border-top: 1px solid; color:#BEBEBE; margin-top:8px;"></div>
- Posted with <a href="{Permalink}">{NoteCountWithLabel}</a>
- <div id style="margin-top: -10px; margin-left: 208px;"><a href="{ReblogURL}"target="_blank">• REBLOG</a></div>
- <div id style="border-bottom: 1px solid; color: #BEBEBE; margin-top:2px;"></div>
- {block:indexpage}
- {block:ifshowcaptions}
- {Caption}
- {/block:ifshowcaptions}
- {/block:indexpage}
- {block:permalinkpage}
- {Caption}
- {/block:permalinkpage}
- </div>
- {/block:Answer}
- {block:PermalinkPage}
- <div style="float:left;width:250px;">{block:Date}
- <div style="font-weight:bold;font-size:12px;border-bottom:1px solid {color:bordering}; margin-bottom:3px;text-transform:uppercase;">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} {Year} ({12Hour}:{Minutes}{AmPm})</div>{/block:Date}{block:PostNotes}{NoteCountWithLabel}<br>{block:PostNotes}{block:HasTags}tagged:{block:Tags}#<a href="{TagURL}" title="{Tag}">{Tag} </a>{/block:Tags}<br>{/block:HasTags}{block:RebloggedFrom}via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a><br>original: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:Date}<div style="border-bottom:1px solid {color:bordering};padding-top:3px;margin-bottom:3px;"></div>navigation: <a href="{ReblogURL}" title="reblog this post">reblog</a>, <a href="/">index</a>, <a href="/random" title="random post">random</a>{/block:Date}{block:NoteCount}<div style="border-bottom:1px solid {color:bordering};padding-top:3px;"></div><div class="notes">{PostNotes}</div>{/block:NoteCount}</div>
- {/block:PermalinkPage}
- {/block:Posts}
- </div>
- <div id="01" class="popup_block">
- <div class="pops">
- Rein is my name, I live somewhere in South-East Asia called Little Philippines. A blogger at the age of 14. The Gender is Male, as well as gay. I'm also a wizard and Hufflepuff is my house. Charms has been my favorite course. I love the smell of the pizza and everything that smells good. I hate being judged, of course. I hate the RATS and I love the CATS. I love being called Reindrops, (which have been my url reindrop-s) and I love being free. I admire vintage, photography and typos. Also a Swiftie, Katniss Wannabe, Lermaniac, Bicycle Addict. I hate school and everything about school. Feel free to send messages in my olwery
- <center>FACTS ABOUT ME : <a href="/tagged/facts">GO HERE</a></center>
- <center>MY ENVIRONMENT : <a href="/tagged/kabuang">GO HERE</a></center>
- </div>
- </div></div>
- <div id="02" class="popup_block">
- <div class="pops">
- <center><bold>READ THIS PLEASE.</bold></center>
- I will be less active this coming next week due to starting of classes (like all of us too). Don't worry guys, I will still post photos but only limited and your messages will still be answered. I will open my blog in noontime or in the evening but only half-hour or what. Godbless and thank you for taking time reading this.
- <center><a href="/ask">MESSAGE ME REGARDING ABOUT THIS</a></center>
- <center><a href="/submit">SUBMIT ANYTHING U WANT</a></center>
- </div>
- </div></div>
- <div id="03" class="popup_block">
- <div class="pops">
- <li>I'm Rein, from Phils. 14 and Male</li>
- <li>I surely check blogs</li>
- <li>Follow back messages will be ignored</li>
- <li>I only have 4 digit followers</li>
- <li>P4P is a sure thing :)</li>
- <li>F4F, depends in my mood.</li>
- <li>I will vote for you but MBF me</li>
- <li>Haters gonna hate</li>
- <li>And also, I HATE FANMAILS</li>
- </div>
- </div></div>
- <div id="04" class="popup_block">
- <div class="pops">
- <b>OTHER ACCOUNTS :</b>
- <li><a href="http://www.facebook.com/ReinDropz08" target="_blank">Le Facebook</a></li>
- <li><a href="http://www.twitter.com/ReinTweetaholic" target="_blank">Le Twitter</a></li>
- <li><a href="http://leswaggers.tumblr.com" target="_blank">Group Blog 1</a></li>
- <li><a href="http://epicwonderstruck.tumblr.com" target="_blank">Group Blog 2</a></li>
- <li><a href="http://notanother-diary.tumblr.com" target="_blank">Personal Blog</a></li>
- <b>RELATED TO BLOGS :</b>
- <li><a href="http://reindrop-s.tumblr.com/tagged/replies">Replies</a></li>
- <li><a href="http://reindrop-s.tumblr.com/tagged/fansigns">Fansigns</a></li>
- <li><a href="/blogroll">Blogroll</a></li>
- <li><a href="/vips">Vips</a></li>
- <b>MAIN CATEGORIES :</b>
- <li><a href="/tagged/food">Food</a></li>
- <li><a href="/tagged/photography">Fave Photographs</a></li>
- <li><a href="/tagged/hearts">Hearts</a></li>
- <li><a href="/tagged/puppy">My puppies</a></li>
- <li><a href="/tagged/kabuang">District 12</a></li>
- <li><a href="/tagged/bohol">Bohol, Phils. my place</a></li>
- </div>
- </div></div>
- <div id="05" class="popup_block">
- <div class="pops">
- <b>Here in my personal blog, I often speak my own dialect. Filipino and Visaya [Fil. Language] but if you are open in any languages, feel free to proceed. But if you're really interested, now go and proceed too.
- <center><i><a href="http://theothersideof-rein.tumblr.com" target="_blank">PROCEED TO MY PERSONAL BLOG</a></i></center>
- </div>
- </div></div>
- <div id="06" class="popup_block">
- <div class="pops">
- <center>THEME : <a href="http://noctos.tumblr.com">Noctos</a></center>
- <center>HEAVILY TWEAKED : <a href="http://reindrop-s.tumblr.com">18bicycles</a></center>
- <center>SCROLL TO TOP: <a href="http://eccentricshutters.tumblr.com">Hannah</a></center>
- <center>SIDEBAR PICTS : <a href="http://itsallabouttaylorswift.tumblr.com">Swifties</a></center>
- <center>POWERED BY : <a href="http://www.tumblr.com">Tumblr</a></center>
- <i>All photos here are not mine unless stated. If you have any seen copycats in your opinion then feel free to talk with me so I can explain you.</i>
- </div>
- </div></div>
- <div id="07" class="popup_block">
- <div class="pops">
- <center><b>PLEASE READ FAQS FIRST</b></center>
- <center><a href="http://reindrop-s.tumblr.com/ask">PROCEED TO ASKBOX</a></center>
- </div>
- </div></div>
- </div></div></div></div></div></div></div></div></div></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment