Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- </head>
- <!-- ~ V A R A D E R O T H E M E
- ~ code created by AWOKENHOPE.TUMBLR.COM
- ~ do not steal this code
- ~ do not use as a base code for new codes
- ~ feel free to ask any questions -->
- <!---------------------POPUP------------------->
- <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=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>
- <!--------------------- FONT AWESOME --------------------->
- <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
- <!---------------------TOOLTIP------------------->
- </script><!--START TOOLTIP BY MALIHU--><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <!---------------------TABBED POP UP------------------->
- <script>
- $(document).ready(function(){
- $("ul#tabs li").click(function(e){
- if (!$(this).hasClass("active")) {
- var tabNum = $(this).index();
- var nthChild = tabNum+1;
- $("ul#tabs li.active").removeClass("active");
- $(this).addClass("active");
- $("ul#tab li.active").removeClass("active");
- $("ul#tab li:nth-child("+nthChild+")").addClass("active");
- }
- });
- });
- </script>
- <!---------------------DROP DOWN VERSES ------------------->
- <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
- <script type="text/javascript">
- $(document).ready(function(){
- $(".links_body").hide();
- $(".links_head").click(function(){
- $(this).next(".links_body").slideToggle('fast');
- }); }); </script>
- <!---------------------GOOGLE FONTS ------------------->
- <!--font-family: 'Karma', serif; -->
- <link href="https://fonts.googleapis.com/css?family=Karma" rel="stylesheet">
- <!--font-family: 'Abel', sans-serif; -->
- <link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet">
- <!--font-family: 'Lovers Quarrel', cursive; -->
- <link href="https://fonts.googleapis.com/css?family=Lovers+Quarrel" rel="stylesheet">
- <!--font-family: 'Parisienne', cursive; -->
- <link href="https://fonts.googleapis.com/css?family=Parisienne" rel="stylesheet">
- <style type="text/css">
- /* --------------------SCROLLBAR------------------ */
- ::-webkit-scrollbar-thumb{
- background-color: transparent;
- border: 1px solid transparent;
- height:0px; }
- ::-webkit-scrollbar {
- height:0px;
- width: 0px;
- background-color: transparent; }
- /* --------------------BODY------------------ */
- body {
- background-color:#000;
- background-image:url('https://static.tumblr.com/v91qshw/eD6p91ge2/untitled.png');
- background-repeat:no-repeat;
- background-position:fixed;
- background-attachment:fixed;
- font-family:'Karma', serif;
- text-align:justify;
- font-size:11px;
- color:#aeaeae;
- font-weight:100%; }
- /* --------------------SMALL/SUB/SUP------------------ */
- small, sub, sup {
- font-size:100%;
- }
- /* --------------------CONTAINER------------------ */
- #container {
- position:absolute;
- background:transparent;
- left:638px;
- top:147px;
- height:450px;
- width:348px;
- text-align:justify;
- line-height:200%;
- word-spacing:3px;
- margin:auto;
- position:fixed;
- overflow-y:scroll;
- overflow-x:hidden;
- -webkit-mask-image: -webkit-gradient( /* GRADIENT ON THE BOTTOM */
- linear, center 75%, center bottom,
- from(rgba(0,0,0,20)),
- to(rgba(20,0,0,0)));
- opacity:1;
- opacity:0;/*set this as '1' if you'd like the posts to always appear*/
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;
- -o-transition:all 0.6s ease;
- -ms-transition: all 0.6s ease-in-out;
- }
- #container:hover {
- opacity: 1; /*this makes the posts appear on hover if you choose to keep them on '0' opacity when not on hover*/
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;
- -o-transition:all 0.6s ease;
- -ms-transition: all 0.6s ease-in-out;
- }
- /* --------------------POSTS------------------ */
- .posts {
- width:330px;
- background-color:transparent;
- padding:10px;
- padding-top:20px;
- margin-bottom:30px; }
- img {
- max-width:100%;
- border:none; }
- .caption img {
- max-width:100%;
- height:auto; }
- .posts img {
- max-width:100%;
- margin-top:5px;
- margin-bottom:5px;}
- /* --------------------LINKS IN POSTS------------------ */
- a {
- text-decoration:none;
- font-family: 'Abel', sans-serif;
- font-size:14px;
- text-transform:none;
- outline:none;
- -moz-outline-style:none;
- color:#00aac4;
- text-shadow:1px 1px 1px #000;
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s; }
- a:hover {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:#000;
- text-shadow: #fff 0 0 3px;
- text-decoration:none; }
- /* --------------------BOLD/ITALIC/BIG------------------ */
- b, strong, u {
- font-size:14px;
- font-family: 'Abel', sans-serif;
- text-transform:uppercase;
- color:white;
- text-shadow: 1px 1px 1px #aeaeae; }
- i, em {
- color:white;
- text-transform:lowercase;
- font-family: 'Parisienne', cursive;
- font-size:20px;
- line-height:120%;
- text-shadow: 1px 1px 1px #aeaeae; }
- big {
- font-size:14px;
- text-transform:uppercase;
- letter-spacing:2px;
- font-family: 'Karma', serif;
- color:#aeaeae; }
- /* --------------------BLOCKQUOTE------------------ */
- blockquote {
- padding:5px;
- margin:1px 1px 1px 1px;
- border-left:1px solid #aeaeae; }
- blockquote img {
- max-width:100%;
- height:auto; }
- /* --------------------HEADERS------------------ */
- h1 {
- font-weight:normal;
- font-size:22px;
- text-align:center;
- font-family: 'Abel', sans-serif;
- color:#aeaeae;
- line-height:18px;
- text-transform:uppercase;
- line-height:110%;
- text-shadow: 1px 1px 1px #000; }
- h2 {
- font-weight:normal;
- font-size:15px;
- text-align:center;
- font-family: 'Abel', sans-serif;
- line-height:18px;
- text-transform:uppercase;}
- /* --------------------INFO & TAGS------------------ */
- #info {
- width:auto;
- height:25px;
- padding: 5px 5px 8px 5px;
- font-family: 'Abel', sans-serif; /* FONT FOR INFO */
- background-color:transparent; /* INFO BACKGROUND COLOR */
- background-image:url('https://static.tumblr.com/w5acv5l/nKtp5xa0p/veradero_bg.png'); /* INFO BACKGROUND */
- background-repeat:repeat;
- background-attachment:fixed;
- border:solid 1px #aeaeae; /* INFO BORDER */
- text-transform:uppercase;
- text-align:center;
- overflow-y:scroll;
- word-spacing:10px;
- font-size:12px;
- position:relative;, }
- #info a {
- color:#fff;
- font-style:normal;}
- #info a:hover {
- color:#000;
- transition-duration:0.9s;
- -webkit-transition-duration:0.9s;
- -o-transition-duration:0.9s;}
- .infooutline {
- width:auto;
- height:auto;
- padding:2px 2px;
- border:1px dashed #aeaeae;
- background:#fff;
- background-attachment:fixed;
- background-color:transparent;
- background-repeat:repeat;
- font-style:normal;
- line-height:120%;
- font-size:10px;
- opacity:1;
- text-align:right;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;}
- .tags {
- background:transparent;
- text-align:right;
- font-family: 'Abel', sans-serif;
- font-size:8px;
- padding-top:5px;
- padding-bottom:5px;
- word-spacing:3px;
- height:auto;
- width:auto; }
- .tags a{
- font-size:10px;
- font-family: 'Abel', sans-serif;
- text-transform:none;
- color:#fff;
- text-shadow: 1px 1px 1px #000;
- -moz-transition-duration:0.2s;
- -webkit-transition-duration:0.2s;
- -o-transition-duration:0.2s; }
- .tags a:hover{
- color:#fff;
- text-decoration:none;
- -moz-transition-duration:0.2s;
- -webkit-transition-duration:0.2s;
- -o-transition-duration:0.2s; }
- /* --------------------LINK ANIMATIONS------------------ */
- .link2animated{
- -webkit-animation-name: scalex1;
- -webkit-animation-duration:2s;
- -webkit-animation-iteration-count:infinite;
- -webkit-animation-timing-function:ease-in-out;
- -moz-animation-name: scale;
- -moz-animation-duration:2s;
- -moz-animation-iteration-count:infinite;
- -moz-animation-timing-function:ease-in-out;
- }
- @-webkit-keyframes scalex1{
- from {-webkit-transform: scale(3);}
- 45% {-webkit-transform: scale(2.5);}
- to {-webkit-transform: scale(3);}
- }
- @-moz-keyframes scale1{
- from {-webkit-transform: scale(0);}
- 45% {-webkit-transform: scale(0);}
- to {-webkit-transform: scale(0);}
- }
- .link3animated{
- -webkit-animation-name:scalex2;
- -webkit-animation-duration:3s;
- -webkit-animation-iteration-count:infinite;
- -webkit-animation-timing-function:ease-in-out;
- -moz-animation-name: scale;
- -moz-animation-duration:3s;
- -moz-animation-iteration-count:infinite;
- -moz-animation-timing-function:ease-in-out;
- }
- @-webkit-keyframes scalex2{
- from {-webkit-transform: scale(2);}
- 45% {-webkit-transform: scale(3);}
- to {-webkit-transform: scale(2);}
- }
- @-moz-keyframes scale2{
- from {-webkit-transform: scale(0);}
- 45% {-webkit-transform: scale(0);}
- to {-webkit-transform: scale(0);}
- }
- .link4animated{
- -webkit-animation-name: scalex4;
- -webkit-animation-duration:4s;
- -webkit-animation-iteration-count:infinite;
- -webkit-animation-timing-function:ease-in-out;
- -moz-animation-name: scale;
- -moz-animation-duration:4s;
- -moz-animation-iteration-count:infinite;
- -moz-animation-timing-function:ease-in-out;
- }
- @-webkit-keyframes scalex4{
- from {-webkit-transform: scale(3);}
- 45% {-webkit-transform: scale(2.5);}
- to {-webkit-transform: scale(3);}
- }
- @-moz-keyframes scale4{
- from {-webkit-transform: scale(0);}
- 45% {-webkit-transform: scale(0);}
- to {-webkit-transform: scale(0);}
- }
- .link5animated{
- -webkit-animation-name: scalex5;
- -webkit-animation-duration:3s;
- -webkit-animation-iteration-count:infinite;
- -webkit-animation-timing-function:ease-in-out;
- -moz-animation-name: scale;
- -moz-animation-duration:3s;
- -moz-animation-iteration-count:infinite;
- -moz-animation-timing-function:ease-in-out;
- }
- @-webkit-keyframes scalex5{
- from {-webkit-transform: scale(1);}
- 45% {-webkit-transform: scale(.75);}
- to {-webkit-transform: scale(1);}
- }
- @-moz-keyframes scale5{
- from {-webkit-transform: scale(0);}
- 45% {-webkit-transform: scale(0);}
- to {-webkit-transform: scale(0);}
- }
- /* --------------------MOVEABLE LINKS------------------ */
- /*THIS IS YOUR REFRESH AKA THE TEXT AT THE TOP OF THE CONTAINERS */
- #home {
- position:fixed;
- top:400px;
- left:200px;
- text-shadow:2px 1px 2px transparent;
- text-transform:lowercase;
- text-align:none;
- font-style:none;
- font-family:'Karma', serif;
- font-size:40px;
- line-height:0%;
- transform: rotate(20deg); }
- #home a{
- margin-right:0px;
- color:#d0d0d0;
- text-shadow:2px 1px 2px transparent;
- -webkit-filter:blur(0px);
- -moz-transition-duration:.7s;
- -webkit-transition-duration:.7s;
- -o-transition-duration:.7s; }
- #home a:hover {
- color: transparent;
- text-shadow: #d0d0d0 0 0 0px;
- -webkit-filter:blur(0px);
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s; }
- #asklink {
- position:fixed;
- top:600px;
- left:300px;
- text-shadow:2px 1px 2px transparent;
- text-transform:lowercase;
- text-align:none;
- font-style:none;
- font-family:'Karma', serif;
- font-size:40px;
- line-height:0%;
- transform: rotate(20deg); }
- #asklink a{
- margin-right:0px;
- color:#d0d0d0;
- text-shadow:2px 1px 2px transparent;
- -webkit-filter:blur(0px);
- -moz-transition-duration:.7s;
- -webkit-transition-duration:.7s;
- -o-transition-duration:.7s; }
- #asklink a:hover {
- color: transparent;
- text-shadow: #d0d0d0 0 0 0px;
- -webkit-filter:blur(0px);
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s; }
- #law {
- position:fixed;
- top:530px;
- left:205px;
- text-shadow:2px 1px 2px transparent;
- text-transform:lowercase;
- text-align:none;
- font-style:none;
- font-family:'Karma', serif;
- font-size:35px;
- line-height:0%;
- transform: rotate(0deg); }
- #law a{
- margin-right:0px;
- color:#d0d0d0;
- text-shadow:2px 1px 2px transparent;
- -webkit-filter:blur(0px);
- -moz-transition-duration:.7s;
- -webkit-transition-duration:.7s;
- -o-transition-duration:.7s; }
- #law a:hover {
- color: transparent;
- text-shadow: #d0d0d0 0 0 0px;
- -webkit-filter:blur(0px);
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s; }
- #nav {
- position:fixed;
- top:500px;
- left:290px;
- text-shadow:2px 1px 2px transparent;
- text-transform:lowercase;
- text-align:none;
- font-style:none;
- font-family:'Karma', serif;
- font-size:30px;
- line-height:0%;
- transform: rotate(-20deg); }
- #nav a{
- margin-right:0px;
- color:#d0d0d0;
- text-shadow:2px 1px 2px transparent;
- -webkit-filter:blur(px);
- -moz-transition-duration:.7s;
- -webkit-transition-duration:.7s;
- -o-transition-duration:.7s; }
- #nav a:hover {
- color:#d0d0d0;
- text-shadow:2px 1px 2px transparent;
- -webkit-filter:blur(0px);
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s; }
- #credit {
- position:absolute;
- position:fixed;
- font-family: Abel', sans-serif;
- text-transform:bold;
- width:auto;
- height:auto;
- bottom:25px;
- right:10px;
- padding: 2px 2px 2px;
- font-size:20px;
- line-height:100%;
- z-index:99999999;
- letter-spacing: 1px;}
- /* --------------------CREDIT------------------ */
- #credit a {
- width:30px;
- line-height:100%;
- margin-bottom:10px;
- opacity:1;
- color:#aeaeae;
- letter-spacing:0px;
- text-decoration:none; }
- #credit a:hover {
- color: #696969;
- width:60px;
- text-shadow: 0 0 5px #eee;
- -webkit-filter: blur(1px) ;
- -webkit-transition: 0.7s ease-in;
- -moz-transition: }
- /* --------------------PAGINATION------------------ */
- #pagination {
- position:fixed;
- font-size:40px;
- top:540px;
- left:250px;
- -webkit-transform: rotate(-75deg);}
- #pagination a {
- width:140px;
- line-height:100%;
- color:#fff;
- font-size:30px;
- text-shadow:1px 1px 3px #aeaeae,
- text-decoration:none; }
- #pagination a:hover {
- text-align:center;
- color:#8a8e91;
- width:40px;
- -moz-transition-duration:.9s;
- -webkit-transition-duration:.9s;
- -o-transition-duration:.9s; }
- #paginationb {
- position:fixed;
- font-size:30px;
- top:540px;
- left:155px;
- -webkit-transform: rotate(-25deg);}
- #paginationb a {
- width:140px;
- line-height:100%;
- color:#fff;
- font-size:30px;
- text-shadow:1px 1px 3px #aeaeae,
- text-decoration:none; }
- #paginationb a:hover {
- text-align:center;
- color:#8a8e91;
- width:40px;
- -moz-transition-duration:.9s;
- -webkit-transition-duration:.9s;
- -o-transition-duration:.9s; }
- /* --------------------ASKS------------------ */
- .ask {
- margin-top:10px;
- background-image:url('https://static.tumblr.com/w5acv5l/nKtp5xa0p/veradero_bg.png'); /* ASK BACKGROUND */
- background-repeat:repeat;
- background-attachment: fixed;
- border-top:solid 1px #aeaeae; }
- .askerurl {
- height:15px;
- text-align:right;
- margin-top:-20px;}
- .askerurl a {
- font-family: 'Lovers Quarrel', cursive;
- font-size:40px;
- text-transform:bold;
- letter-spacing:1px;
- color:#00aac4;
- text-align:right;
- text-shadow:1px 1px 3px #aeaeae, }
- .askerurl a:hover {
- color:#000;
- text-shadow: #000 2px 0px 2px;
- letter-spacing: 1px;
- -moz-transition-duration:.9s;
- -webkit-transition-duration:.9s;
- -o-transition-duration:.9s; }
- .question {
- text-align:right;
- height:35px;
- overflow-y:scroll;
- background-color:transparent;
- padding:5px 5px;
- letter-spacing: 2px;
- color:#fff; /* COLOR OF TEXT INSIDE ASK */
- text-shadow:1px 1px 1px #000;
- opacity: 1;
- padding-top:5px;
- margin-top:10px;
- margin-bottom:20px;
- border-bottom:solid center 1px #fff; }
- /* --------------------QUOTES------------------ */
- .quote {
- font-size:14px;
- letter-spacing:2px;
- text-align:center;
- border-bottom:solid 1px transparent;
- border-radius:25px;
- margin-bottom:5px;
- padding-bottom:5px; }
- .quotesource {
- font-size:12px;
- letter-spacing:4px;
- text-align:right;
- margin-top:5px;
- margin-bottom:5px;
- text-transform:uppercase;
- font-style:bold;
- font-family: 'Karma', serif; }
- /* --------------------TABBED NAVIATION------------------ */
- #tabbedpop {
- position:fixed;
- font-family: 'Abel', sans-serif;
- font-size:9px;
- margin-top:75px;
- margin-left:330px;
- width:200px;
- height:200px;
- color:#aeaeae;
- text-align:justify;
- opacity:1;
- padding: 5px 5px 5px;
- opacity:1;}
- /* --------------------INFORMATION BOX------------------ */
- #descriptionbox {
- background:transparent;
- top:54px;
- left:635px;
- position:fixed;
- font-family:'Abel', serif;
- font-size:12px;
- width:338px;
- height:62px;
- color:#aeaeae;
- text-align:center;
- opacity:1;
- overflow-y:scroll;
- padding: 5px 5px 5px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;}
- #descriptionbox:hover {
- opacity:1;}
- .descoutline {
- background:#fff;
- margin-top:40px;
- margin-left:40px;
- width:212px;
- height:162;
- padding:2px 2px;
- border:1px dashed #aeaeae;
- background:#fff;
- background-attachment:fixed;
- background-color:transparent;
- background-repeat:repeat;
- font-style:normal;
- line-height:120%;
- font-size:10px;
- opacity:1;
- text-align:right;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;}
- .descoutline:hover {
- opacity:1; }
- /* --------------------TITLES------------------ */
- #titles {
- font-family: 'Abel', sans-serif;
- height:auto;
- font-size:14px;
- padding: 3px 3px;
- margin: 5px 0px 0px;
- letter-spacing: 1px;
- text-shadow: 1px 1px 1px #000;
- background: url('https://static.tumblr.com/w5acv5l/nKtp5xa0p/veradero_bg.png');
- background-repeat:repeat;
- background-attachment:fixed;
- border:1px solid #aeaeae;
- line-height: normal;
- text-transform: uppercase;
- color: #fff;
- text-align: center;
- width:auto; }
- #asktitle {
- font-family: 'Abel', sans-serif;
- font-size: 16px;
- padding: 3px 3px;
- margin: 5px 0px 0px;
- letter-spacing: 1px;
- text-shadow: 1px 1px 1px #000;
- background: url('https://static.tumblr.com/w5acv5l/nKtp5xa0p/veradero_bg.png');
- background-repeat:repeat;
- background-attachment:fixed;
- border:1px solid #aeaeae;
- line-height: normal;
- text-transform: uppercase;
- color:#fff;
- text-align: center;
- width:auto; }
- /* --------------------PRE WRAP------------------ */
- pre {
- font-family: 'Karma', serif;
- text-transform:uppercase;
- font-style:normal;
- white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
- word-wrap: break-word;
- }
- /* --------------------TOOL TIP------------------ */
- #s-m-t-tooltip {
- max-width: 500px;
- padding: 5px 8px;
- margin: 10px;
- font-size: 10px;
- letter-spacing: 1px;
- font-family: 'Nightingale';
- text-transform:lowercase;
- background-repeat:repeat;
- background-attachment:fixed;
- color:#fff;
- z-index:9999999;
- transition: 0.5s ease-in-out;
- -webkit-transition: 0.5s ease-in-out;
- -moz-transition: 0.5s ease-in-out;
- -ms-transition: 0.5s ease-in-out;
- -o-transition: 0.5s ease-in-out; }
- /* --------------------POP UP BLOCK------------------ */
- .popup_block{
- display:none;
- background:#000000;
- padding:20px;
- height:426px;
- width:288px;
- position:fixed;
- z-index:99999;
- top:401px;
- left:561px;
- overflow-y:scroll;
- overflow-x:hidden;
- font-family:'Karma', serif;
- font-size:12px;
- text-transform:lowercase;
- padding:10px;
- overflow-x:hidden;
- overflow-x:hidden; }
- *html #fade {position: absolute;}
- *html .popup_block {position: absolute;}
- #fade {
- display:none;
- position:fixed;
- left:0px;
- top:0px;
- width:100%;
- height:100%; }
- /* --------------------TABBED TITLES ON POP UP------------------ */
- ul#tabs {
- list-style-type: none;
- text-align:justify;
- font-size:11px;
- font-family: 'Abel', sans-serif;
- letter-spacing:1px; }
- ul#tabs li {
- background:#000;
- background-image:url('');
- background-repeat:repeat;
- background-attachment:fixed;
- border:1px solid #aeaeae;
- width:75px;
- height:15px;
- display:inline-block;
- cursor: pointer;
- padding:5px 5px 5px;
- font-size:9px;
- font-family: 'Abel', sans-serif;
- text-transform:uppercase;
- text-align:center;
- line-height:200%;
- margin-bottom:5px;
- color:#fff;
- text-shadow: 1px 1px 1px #000; }
- ul#tabs li:hover {
- background-color:#00aac4;
- border:1px solid #000;
- color:#fff; }
- ul#tabs li.active {
- background:#00aac4;
- background-repeat:repeat;
- background-attachment:fixed;
- border:1px solid #000;
- color:#fff;
- display: inline-block;
- padding: 5px 5px 5px;
- font-size:9px;
- text-transform:uppercase; }
- ul#tab {
- list-style-type: none;
- margin: 0;
- padding: 0; }
- ul#tab li {
- display: none; }
- ul#tab li.active {
- display: block; }
- /* --------------------NAVIGATION LINKS------------------ */
- .popuptags {
- padding-top:5px;
- text-align:center; }
- .popuptags a {
- display:inline-block;
- width:75px;
- height:15px;
- margin:2px;
- padding:4px 2px 2px;
- text-align:center;
- background:transparent;
- background-position:fixed;
- background-repeat:repeat;
- background-image: url('');
- border:1px solid #aeaeae;
- font-size:9px;
- font-family: 'Abel', sans-serif;
- text-transform:uppercase; }
- .popuptags a:hover {
- background-color:transparent;
- color:#fff; }
- /* --------------------DROP DOWN VERSE------------------ */
- .links_list {
- margin:0px;
- padding:0px;
- width:100%; }
- .links_head {
- font-family: 'Abel', sans-serif;
- height:auto;
- font-size:14px;
- padding: 3px 3px;
- margin: 5px 0px 0px;
- letter-spacing: 1px;
- text-shadow: 1px 1px 1px #000;
- background: url('https://static.tumblr.com/w5acv5l/nKtp5xa0p/veradero_bg.png');
- background-repeat:repeat;
- background-attachment:fixed;
- border:1px solid #aeaeae;
- line-height: normal;
- text-transform: uppercase;
- color:#fff;
- text-align: center;
- width:auto; }
- .links_body {
- padding:10px;
- text-align:left;
- display:none; }
- /* --------------------FONT FACE------------------ */
- @font-face {
- font-family: 'Nightingale';
- src: url('https://static.tumblr.com/b2tj7wo/77Dp47rtw/nightingale_sample.ttf');
- }
- @font-face {
- font-family: 'fontface';
- src: url(data:font/ttf;base64,[https://static.tumblr.com/b2tj7wo/VPWp47rsw/nightingale.css]) format('truetype');
- font-weight: normal;
- font-style: normal;
- }
- </style>
- <body>
- <!-- THIS IS THE INFORMATION IN THE HOVER TEXT BOX -->
- <div id="descriptionbox">
- selective & private<br>
- <b>STARLORD</b><br>
- of <small><i>guardians of the galaxy.</i></small><br>mcu based with comic influences.<br>
- cherished by eli.<br>
- please read <b>RULES & ABOUT</b> before interracting.<p>
- </div></div></div>
- <div id="askbox" class="popup_block">
- <div id="asktitle">ASK PHRASE HERE</div><p>
- <iframe frameborder="0" height="270" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
- </div>
- <div id="rules" class="popup_block">
- <div id="titles">RULES</div><p>
- RULES CAN BE WRITTEN IN HERE
- </div></div>
- <!-- NAVIGATION / OR SECOND POP UP W/ TABS -->
- <div id="navigation" class="popup_block">
- <div id="tabbedpop"><p>
- <ul id="tabs">
- <li class="active">ABOUT.</li>
- <li>VERSES.</li>
- <li>LINKS.</li>
- <li>MAINS.</li>
- <li>MUN.</li>
- </ul>
- </div>
- <ul id="tab">
- <li class="active">
- <!-- THIRD/ABOUT TAB STARTS HERE -->
- <div id="titles">BASICS</div><p>
- <p><strong>FULL NAME: </strong>NAME</br>
- <strong>NICKNAME[S]:</strong></b>NICKNAME <br>
- <strong>BIRTH DATE:</strong> DATE<br>
- <strong>ZODIAC:</strong>ZODIAC<br>
- <strong>AGE:</strong> AGE</br>
- <strong>ETHNICITY:</strong> ETHNICITY</br>
- <strong>SPECIES: </strong>SPECIES</br>
- <strong>GENDER:</strong> GENDER</br>
- <strong>SEXUAL ORIENTATION:</strong> SEXUAL ORIENTATION</br>
- <strong>ROMANTIC ORIENTATION:</strong> ROMANTIC ORIENTATION</br>
- <strong>SPOKEN LANGUAGE:</strong> LANGUAGE </br>
- <strong>OCCUPATION:</strong> JOB</br>
- <strong>AFFILIATIONS:</strong> CLUBS</br>
- <p><div id="titles">RELATIONSHIPS</div><p>
- <p><strong>PARENTS: </strong>NAME (Mother), NAME </br>
- <strong>SIBLINGS: </strong>NAMES</br>
- <strong>SIGNIFICANT OTHER:</strong> VERSE DEPENDENT</br>
- <p><div id="titles">PHYSICAL TRAITS</div><p>
- <strong>EYE COLOUR: </strong>COLOUR</br>
- <strong>HAIR COLOUR:</strong> COLOUR</br>
- <strong>HEIGHT:</strong> HEIGHT</br>
- <p><div id="titles">BIOGRAPHY</div><p>
- <h1>CHILDHOOD</h1><p>
- <p>whatever you want here
- <h1>YOU CAN DO MULTIPLE THINGS</h1><p>
- <p>to make your bio more organized </p>
- <div id="titles">SKILLS && ABILITIES</div><p>
- <center>
- skills can be written</br>
- here or any abilities</br>
- </center>
- <p>
- <div id="titles">PERSONALITY</div><p>
- write about your characters personality!!</p>
- </li>
- <!-- THIRD/ABOUT TAB ENDS HERE -->
- <!--FIFTH TAB/VERSES STARTS HERE -->
- <li>
- <p><p><p>
- <div class="links_list">
- <div class="links_head">MAIN VERSE</div>
- <div class="links_body">
- <center>
- <a href="/VERSE TAG"><big>NAME OF VERSE.</big></a></center><p><blockquote>
- GIVE YOUR VERSE A DESCRIPTION
- </blockquote><br>
- <p><p><p></div>
- <p>
- <p>
- </li>
- <!--FIFTH TAB/VERSES ENDS HERE -->
- <!--SIXTH TAB/LINKS STARTS HERE -->
- <li>
- <div class="popuptags">
- <div class="popuptags">
- <div id="titles">LINKS</div><p><p><p>
- <a href="LINK">LINK.</a>
- <a href="LINK">LINK.</a>
- <a href="LINK">LINK.</a></br>
- <a href="LINK">LINK.</a>
- <a href="LINK">LINK.</a>
- <a href="LINK">LINK.</a><br>
- </li>
- <!-- SIXTH TAB/LINKS ENDS HERE -->
- <!-- SEVENTH TAB / MUN PAGE STARTS HERE -->
- <li>
- <div id="titles">MAINS</div>
- <p><p>
- <img src="https://78.media.tumblr.com/db9afbec73ed6b5c5354c6b0695db7bd/tumblr_inline_p57hec1unw1vdv5k7_540.png" align="left" style="height:70px;width:70px;padding-right:5px;padding-bottom:0px;">
- <big><a href="LINK HERE">NAME.</a></big>
- <br><br>
- <b>RELATIONSHIP:</b>TBA <br>
- <b>VERSE:</b> TBA
- <br><br><br>
- <div id="titles">EXCLUSIVES</div>
- <p><p>
- <img src="https://78.media.tumblr.com/db9afbec73ed6b5c5354c6b0695db7bd/tumblr_inline_p57hec1unw1vdv5k7_540.png" align="left" style="height:70px;width:70px;padding-right:5px;padding-bottom:0px;">
- <big><a href="/tagged/YOUR-VERSE-TAG-HERE">TBA.</a></big>
- <br><br>
- woah hey look an empy spot....maybe you can fill it ;)
- <br><br>
- <div id="titles">SHIP EXCLUSIVE</div>
- <p><p>
- <img src="https://78.media.tumblr.com/db9afbec73ed6b5c5354c6b0695db7bd/tumblr_inline_p57hec1unw1vdv5k7_540.png" align="left" style="height:70px;width:70px;padding-right:5px;padding-bottom:0px;">
- <big><a href="/tagged/YOUR-VERSE-TAG-HERE">TBA.</a></big>
- <br><br>
- woah hey look an empy spot....maybe you can fill it ;)
- <br><br>
- </li>
- <!--SEVENTH TAB / MUN PAGE ENDS HERE -->
- <li>
- <div id="titles">MUN</div><p><p>
- HERE YOU CAN WRITE A LITTLE ABOUT YOURSELF
- <p>
- </li>
- </div></div></div></div></div></div></div></div></div></div>
- <div id="home"><a href="/" title="refresh.">★</a></div>
- <div id="asklink"><div class="link2animated"><a href="#?w=328" rel="askbox" class="poplight" title="comms.">★️</a></div></div>
- <div id="law"><div class="link3animated"><a href="#?w=328" rel="rules" class="poplight" title="laws.">★️</a></div></div>
- <div id="nav"><div class="link4animated"><a href="#?w=328" rel="navigation" class="poplight" title="atlas.">★</a></div></div>
- <div id="credit"><a href="http://awokenhope.tumblr.com/" title="THEME BY AWOKENHOPE.">『C』
- </a></div>
- <div id="pagination">{block:Pagination}
- {block:NextPage}<a class="forward"> <a href="{NextPage}" title="Next Page">⇲</a>{/block:NextPage}{/block:Pagination}
- </div>
- <div id="paginationb">{block:Pagination}
- {block:PreviousPage}<a class="back"> <a href="{PreviousPage}" title"Previous Page">⇱</a>{/block:PreviousPage}{/block:Pagination}</a></a>
- </div>
- <div id="container">
- {block:Posts}
- <div class="posts">
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="270px">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}<div class="quote">❛ {Quote} ❜</div>{block:Source}<div class="quotesource">-{Source}</div>{/block:Source}{/block:Quote}
- {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}{block:Title}{Title}</a>{/block:Title}
- {block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
- {block:Answer}
- <div class="askpost">
- <div class="ask">
- <div class="askerurl">
- <a href="{AskerURL}">{AskerName}</a>
- </div>
- <div class="question">
- {Question}
- </div>
- </div>
- {Answer}
- </div>
- {/block:Answer}
- {block:Date}
- <p>
- <div class="infooutline">
- <div id="info">
- <a href="{Permalink}" title="{ShortMonth} {DayOfMonth}"> ★ </a>
- <a href="{Permalink}" title="{NoteCount} notes"> ★ </a>
- <a href='{ReblogParentURL}' title="via{ReblogParentURL}"> ★ </a>
- <a href='{ReblogRootURL}' title="source{ReblogRootURL}"> ★ </a>
- <a href='{ReblogURL}' title="Reblog"> ★ </a>
- <div class="tags">
- {block:HasTags}
- {block:Tags} <a href="{TagURL}" title="{Tag}" data-tooltip="{Tag}" > {Tag} </a> {/block:Tags}
- {/block:HasTags}</div></div>
- {/block:Date}
- </div>
- </div>
- <!-- {block:NoRebloggedFrom}
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- {/block:NoRebloggedFrom} -->
- {block:ContentSource}<!-- {SourceURL}
- {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:Posts}
- </body>
- </html>
Add Comment
Please, Sign In to add comment