Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <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>
- <!-- W I N T E R I S C O M I N G T H E M E
- ~ code created by AWOKENHOPE.TUMBLR.COM
- ~ do not steal this code
- ~ do not use as a base code -->
- <!--------------------------- POP UP -------------------------------->
- <script type="text/javascript"
- src="https://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 - DON'T TOUCH THIS IF YOU WANT TO USE 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="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="https://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 TITLES ---------------------->
- <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. IF YOU DON'T WANT DROP DOWN VERSES THEN DELETE UNTIL "END." -->
- <script type="text/javascript" src="https://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>
- <!-- END. -->
- <!------------------------- GOOGLE STYLE FONTS -------------------------->
- <!--font-family: 'Karma', serif; -->
- <link href="https://fonts.googleapis.com/css?family=Karma" rel="stylesheet">
- <!--font-family: 'Oranienbaum', sans-serif; -->
- <link href="https://fonts.googleapis.com/css?family=Oranienbaum" rel="stylesheet">
- <!--font-family: 'Abel', sans-serif; -->
- <link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet">
- <!--font-family: 'Parisienne', cursive; -->
- <link href="https://fonts.googleapis.com/css?family=Parisienne" rel="stylesheet">
- <!--font-family: 'Arapey', serif; -->
- <link href="https://fonts.googleapis.com/css?family=Arapey" rel="stylesheet">
- <!--font-family: 'Montez', cursive; -->
- <link href="https://fonts.googleapis.com/css?family=Montez" rel="stylesheet">
- <style type="text/css">
- /* ------------------------- SMALL TUMBLR CONTROLS ---------------------- */
- iframe.tmblr-iframe {
- z-index:99999999999999!important;
- margin-right:20px;
- margin-top:10px;
- top:0!important;
- right:0!important;
- opacity:0.4;
- transform:scale(0.65);
- transform-origin:100% 0;
- -webkit-transform:scale(0.65);
- -webkit-transform-origin:100% 0;
- -o-transform:scale(0.65);
- -o-transform-origin:100% 0;
- -moz-transform:scale(0.65);
- -moz-transform-origin:100% 0;
- -ms-transform:scale(0.65);
- -ms-transform-origin:100% 0;}
- iframe.tmblr-iframe:hover {
- opacity:0.6!important;}
- /*----------------------------- 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:#131313; /*BACKGROUND COLOR */
- background-image:url('https://static.tumblr.com/b2tj7wo/HWYpajpu5/winter_is_coming.png'); /* BACKGROUND IMAGE. DELETE IF YOU DON'T WANT */
- background-repeat:no-repeat;
- background-position:fixed;
- background-attachment:fixed;
- font-family:'Arapey', serif;
- text-align:justify;
- font-size:12px;
- color:#dbdbdb; /* FONT COLOR */
- font-weight:100%; }
- /* ------------------------ DON'T TOUCH FROM HERE ---------------------*/
- small, sub, sup {
- font-size:100%;}
- /* ------------------------ TO HERE ---------------------*/
- /*---------------------------- CONTAINER -------------------- */
- #container {
- position:absolute;
- background:transparent; /* BACKGROUND COLOR OF CONTAINER */
- left:578px; /* POSITIONING FROM LEFT */
- top:121px; /* POSITIONING FROM TOP */
- height:414px;
- width:305px; /* MAKE SURE YOU EDIT THE WIDTH IN POSTS TOO */
- text-align:justify;
- line-height:175%;
- word-spacing:1px;
- margin:auto;
- position:fixed;
- overflow-y:scroll;
- overflow-x:hidden;
- z-index:999; }
- /*------------------------------ POSTS ------------------------------*/
- .posts {
- width:284.5px; /*MAKE SURE THIS IS 20.5 PIXELS BELOW YOUR CONTAINER WIDTH */
- background-color:transparent;
- padding:10px;
- padding-top:20px;
- margin-bottom:30px; }
- /* ---- DO NOT TOUCH FROM HERE ----- */
- img {
- max-width:100%;
- border:none; }
- .caption img {
- max-width:100%;
- height:auto; }
- .posts img {
- max-width:100%;
- margin-top:5px;
- margin-bottom:5px;}
- /* ---- TO HERE ---- */
- /* ----------------------- LINKS IN POSTS ------------------------- */
- a {
- text-decoration:none;
- font-size:12px;
- text-transform:uppercase;
- outline:none;
- -moz-outline-style:none;
- color:#881313; /* LINK COLOR */
- text-shadow:#000 0.1em 0.1em 0.1em; /* LINK SHADOW COLOR */
- -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:#fff; /* LINK COLOR UPON HOVER */
- text-shadow: #fff 0 0 3px; /* LINK SHADOW COLOR UPON HOVER */
- text-decoration:none; }
- /*------------------------- BOLD / ITALICS / BIG ----------------------- */
- b, strong, u {
- font-size:14px; /* BOLD FONT SIZE */
- font-family: 'Oranienbaum', serif;
- text-transform:uppercase;
- color:#881313; /* BOLD COLOR */
- text-shadow:#000 0.1em 0.1em 0.1em; /* BOLD SHADOW COLOR */}
- i, em {
- color:#fff; /* ITALICS COLOR */
- text-transform:lowercase;
- font-family: 'Nightingale';
- font-size:8px; /* ITALICS FONT SIZE */
- line-height:100%;
- text-shadow:#000 0.1em 0.1em 0.1em; /* ITALICS SHADOW COLOR */ }
- big {
- font-size:14px; /* BIG TEXT FONT SIZE */
- text-transform:uppercase;
- letter-spacing:2px;
- font-family: 'Oranienbaum', serif;
- font-weight:bold;
- color:#881313; /* BIG TEXT COLOR */ }
- /* --------------------------- BLOCKQUOTE -------------------------------- */
- blockquote {
- padding:5px;
- margin:1px 1px 1px 1px;
- border-left:solid 1px #2a2a2a; /*BLOCKQUOTE COLOR*/ }
- blockquote img {
- max-width:100%;
- height:auto; }
- /* ----------------------------- HEADERS ---------------------------- */
- h1 {
- font-weight:normal;
- font-size:22px; /* HEADER FONT SIZE */
- text-align:center;
- font-family: 'Arapey', serif;
- color:#dbdbdb; /* HEADER FONT COLOR */
- line-height:18px;
- text-transform:uppercase;
- line-height:110%;
- text-shadow: 1px 1px 1px #000; /* HEADER SHADOW COLOR */ }
- h2 {
- font-weight:normal;
- font-size:15px; /* HEADER 2 FONT SIZE */
- text-align:center;
- font-family: 'Arapey', sans-serif;
- line-height:18px;
- text-transform:uppercase;}
- /* --------------------------- BREAK & INFO ---------------------------*/
- #break {
- width:auto;
- height:3px; /* HEIGHT OF POST BREAK */
- background-image:url('https://static.tumblr.com/b2tj7wo/CHUpajqgc/winter_is_coming_break.png'); /* INFO BACKGROUND */
- background-repeat:repeat;
- background-attachment:fixed;
- text-transform:uppercase; }
- #info {
- width:auto;
- height:20px;
- padding:2px;
- font-family: 'Arapey', serif;
- background-color:transparent;
- text-transform:uppercase;
- text-align:center;
- overflow-y:scroll;
- word-spacing:10px;
- font-size:12px;
- position:relative;, }
- #info a {
- color:#2a2a2a; /* INFO DOTS COLOR */
- font-style:normal;}
- #info a:hover {
- color:#000; /* INFO DOTS COLOR UPON HOVER */
- transition-duration:0.9s;
- -webkit-transition-duration:0.9s;
- -o-transition-duration:0.9s;}
- /* -------------------------------- TAGS ----------------------------- */
- .tags {
- background:transparent
- text-align:right;
- font-family: 'Arapey', serif;
- padding-bottom:5px;
- height:auto;
- width:auto;
- overflow-y:scroll;
- opacity:1;}
- .tags a{
- font-size:10px; /* TAGS FONT SIZE */
- font-family: 'Arapey', serif;
- text-transform:none;
- color:#696969; /* TAGS COLOR */
- text-shadow: 1px 1px 1px #000; /* TAGS SHADOW COLOR */
- -moz-transition-duration:0.2s;
- -webkit-transition-duration:0.2s;
- -o-transition-duration:0.2s;
- opacity:1; }
- .tags a:hover{
- text-decoration:none;
- color:#fff; /* TAGS COLOR UPON HOVER */
- -moz-transition-duration:0.2s;
- -webkit-transition-duration:0.2s;
- -o-transition-duration:0.2s;
- opacity:1; }
- /* --------------------------- HOME LINK --------------------------- */
- #home {
- position:fixed;
- top:108px; /* POSITIONING FROM TOP*/
- left:585px; /* POSITIONING FROM LEFT*/
- text-align:none;
- font-style:none;
- font-family: 'Nightingale';
- z-index:9999;
- line-height:0%;}
- #home a{
- margin-right:0px;
- color:#fff; /* HOME FONT COLOR */
- text-shadow:2px 1px 2px #000000; /* HOME SHADOW */
- text-transform:lowercase;
- font-size:20px; /* HOME FONT SIZE */
- -webkit-filter:blur(0px);
- -moz-transition-duration:.7s;
- -webkit-transition-duration:.7s;
- -o-transition-duration:.7s;
- }
- #home a:hover {
- color: transparent; /* HOME COLOR UPON HOVER */
- text-shadow: #fff 0 0 0px; /* HOME SHADOW UPON HOVER */
- -webkit-filter:blur(0px);
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s; }
- /* ---------------------------- ASK LINK ------------------------- */
- #asklink {
- position:fixed;
- top:375px; /* POSITIONING TOP */
- left:240px; /* POSITIONING FROM LEFT */
- background:transparent; /* BACKGROUND COLOR OF BOX */
- text-transform:uppercase; /* BORDER COLOR */
- height:20px;
- width:20px;
- text-align:center;
- font-style:none;
- font-family:'Karma', serif;
- font-size:35px; /* FONT SIZE */
- line-height:35%;}
- #asklink a{
- margin-right:0px;
- color:#dbdbdb; /* FONT COLOR */
- -webkit-filter:blur(0px);
- -moz-transition-duration:.7s;
- -webkit-transition-duration:.7s;
- -o-transition-duration:.7s; }
- #asklink a:hover {
- color: transparent; /* COLOR UPON HOVER */
- text-shadow: #d0d0d0 0 0 0px; /* SHADOW COLOR UPON HOVER */
- -webkit-filter:blur(0px);
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s; }
- /* ---------------------------- RULES LINK ------------------------ */
- #law {
- position:fixed;
- top:375px; /* POSITIONING FROM TOP */
- left:270px; /* POSITIONING FROM LEFT */
- background:transparent; /* BACKGROUND COLOR OF BOX */
- text-transform:uppercase;
- height:20px;
- width:20px;
- text-align:center;
- font-style:none;
- font-family:'Karma', serif;
- font-size:35px; /* FONT SIZE */
- line-height:35%;}
- #law a{
- margin-right:0px;
- color:#dbdbdb; /* FONT COLOR */
- -webkit-filter:blur(0px);
- -moz-transition-duration:.7s;
- -webkit-transition-duration:.7s;
- -o-transition-duration:.7s; }
- #law a:hover {
- color: transparent; /* COLOR UPON HOVER */
- text-shadow: #d0d0d0 0 0 0px; /* SHADOW COLOR UPON HOVER */
- -webkit-filter:blur(0px);
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s; }
- /* ---------------------------- VERSES LINK ----------------------- */
- #verses {
- position:fixed;
- top:375px; /* POSITIONING FROM TOP */
- left:300px; /* POSITIONING FROM LEFT */
- background:transparent; /* BACKGROUND COLOR OF BOX */
- text-transform:uppercase;
- height:20px;
- width:20px;
- text-align:center;
- font-style:none;
- font-family:'Karma', serif;
- font-size:35px; /* FONT SIZE */
- line-height:35%;}
- #verses a{
- margin-right:0px;
- color:#dbdbdb; /* TEXT COLOR */
- -webkit-filter:blur(0px);
- -moz-transition-duration:.7s;
- -webkit-transition-duration:.7s;
- -o-transition-duration:.7s; }
- #verses a:hover {
- color: transparent; /* COLOR UPON HOVER */
- text-shadow: #d0d0d0 0 0 0px; /* SHADOW COLOR UPON HOVER */
- -webkit-filter:blur(0px);
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s; }
- /* -------------------------- NAVIGATION LINK -------------------- */
- #nav {
- position:fixed;
- top:375px; /* POSITIONING FROM TOP */
- left:330px; /* POSITIONING FROM LEFT */
- background:transparent; /* BACKGROUND COLOR OF BOX */
- text-transform:uppercase;
- height:20px;
- width:20px;
- text-align:center;
- font-style:none;
- font-family:'Karma', serif;
- font-size:35px; /* FONT SIZE */
- line-height:35%;}
- #nav a{
- margin-right:0px;
- color:#dbdbdb; /* TEXT COLOR */
- -webkit-filter:blur(0px);
- -moz-transition-duration:.7s;
- -webkit-transition-duration:.7s;
- -o-transition-duration:.7s; }
- #nav a:hover {
- color: transparent; /* COLOR UPON HOVERING */
- text-shadow: #d0d0d0 0 0 0px; /* SHADOW COLOR UPON HOVER */
- -webkit-filter:blur(0px);
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s; }
- /* -------------------- CREDIT - DO NOT ERASE -------------------------- */
- #credit {
- position:absolute;
- position:fixed;
- font-family: 'Karma', sans-serif;
- text-transform:bold;
- width:auto;
- height:auto;
- bottom:10px; /* POSITIONING FROM BOTTOM */
- right:10px; /* POSITIONING FROM RIGHT */
- padding: 2px 2px 2px;
- font-size:20px;
- line-height:100%;
- z-index:99999999;
- letter-spacing: 1px; }
- #credit a {
- width:30px;
- line-height:100%;
- margin-bottom:10px;
- opacity:1;
- color:#dbdbdb; /* TEXT COLOR */
- letter-spacing:0px;
- text-decoration:none; }
- #credit a:hover {
- color: #696969; /* COLOR UPON HOVER */
- width:60px;
- text-shadow: 0 0 5px #eee; /* SHADOW COLOR UPON HOVER */
- -webkit-filter: blur(1px) ;
- -webkit-transition: 0.7s ease-in;
- -moz-transition: }
- /* ---------------------------- PAGINATION -------------------------- */
- #pagination {
- position:fixed;
- font-size:40px;
- top:460px; /* POSITIONING TOP */
- left:440px; /* POSITIONING LEFT */
- -webkit-transform: rotate(-80deg);}
- #pagination a {
- width:140px;
- line-height:100%;
- color:#fff; /* TEXT COLOR */
- font-size:30px; /* PAGINATION SIZE /*
- text-shadow:1px 1px 3px #dbdbdb; /* SHADOW COLOR */
- text-decoration:none; }
- #pagination a:hover {
- text-align:center;
- color:#8a8e91; /* COLOR UPON HOVER */
- width:40px;
- -moz-transition-duration:.9s;
- -webkit-transition-duration:.9s;
- -o-transition-duration:.9s; }
- #paginationb {
- position:fixed;
- font-size:30px;
- top:445px; /* POSITIONING TOP */
- left:60px; /* POSITIONING LEFT */
- -webkit-transform: rotate(-15deg);}
- #paginationb a {
- width:140px;
- line-height:100%;
- color:#fff; /* TEXT COLOR */
- font-size:30px; /* PAGINATION SIZE */
- text-shadow:1px 1px 3px #dbdbdb; /* SHADOW COLOR */
- text-decoration:none; }
- #paginationb a:hover {
- text-align:center;
- color:#8a8e91; /* COLOR UPON HOVER */
- width:40px;
- -moz-transition-duration:.9s;
- -webkit-transition-duration:.9s;
- -o-transition-duration:.9s; }
- /* ----------------------------- ASKS --------------------------------- */
- .askimg {
- background-position:absolute;
- background-repeat:no-repeat;
- margin-top:-15px;}
- .ask {
- background-repeat:repeat;
- background-attachment:absolute;
- border-bottom:solid 1px #2a2a2a; /* ASK BORDER COLOR */}
- .askerurl {
- height:15px;
- text-align:center;}
- .askerurl a {
- font-family: 'Arapey', sans-serif;
- font-size:12px; /* ASKER URL FONT SIZE */
- text-transform:uppercase;
- letter-spacing:1px;
- color:#881313; /* ASKER URL FONT COLOR */
- text-align:right;
- border-bottom:solid 1px #2a2a2a; /* AKSER URL BOTTOM BORDER COLOR */
- text-shadow:0.1em 0.1em 0.1em #000; /* SHADOW COLOR */ }
- .askerurl a:hover {
- color: #fff; /* COLOR UPON HOVER */
- text-shadow: #000 2px 0px 2px; /* SHADOW COLOR UPON HOVER */
- letter-spacing:1px;
- -moz-transition-duration:.9s;
- -webkit-transition-duration:.9s;
- -o-transition-duration:.9s; }
- .question {
- text-align:right;
- background-color:transparent;
- font-family:'Arapey', sans-serif;
- padding:5px 5px 5px;
- letter-spacing:1px;
- color:#dbdbdb; /* QUESTION TEXT COLOR */
- padding-top:5px;
- padding-bottom:20px; }
- /* -------------------------------- QUOTES ------------------------------*/
- .quote {
- font-size:12px;
- letter-spacing:1px;
- text-align:right;
- border-bottom:solid 1px #2a2a2a; /* BORDER COLOR */
- margin-bottom:5px;
- padding-bottom:5px; }
- .quotesource {
- font-size:9px;
- letter-spacing:1px;
- text-align:right;
- color:#dbdbdb; /* QUOTE SOURCE COLOR */
- text-shadow: #000 0.1em 0.1em 0.1em; /* QUOTE SOURCE TEXT SHADOW */
- margin-top:5px;
- margin-bottom:5px;
- text-transform:uppercase;
- font-family:'Oranienbaum', serif; }
- /* -------------------------TABBED NAVIGATION -------------------------- */
- #tabbedpop {
- position:fixed;
- font-family: 'Arapey', serif;
- font-size:9px; /* FONT SIZE */
- margin-top:55px; /* POSITIONING TOP */
- margin-left:220px; /* POSITIONING LEFT */
- width:200px;
- height:200px;
- color:#dbdbdb; /* FONT COLOR */
- text-align:justify;
- opacity:1;
- padding: 5px 5px 5px;
- opacity:1;}
- /* ---------------------------- DESCRIPTION BOX ------------------------- */
- #descriptionbox {
- position:fixed;
- background-color:transparent; /* BACKGROUND COLOR */
- width:184px; /* WIDTH */
- height:97px; /* HEIGHT */
- top:408px; /* POSITIONING TOP */
- margin-left:188px; /* POSITIONING LEFT */
- font-family:'Arapey', serif;
- font-size:12px; /* FONT SIZE */
- text-align:justify;
- line-height:175%;
- color:#dbdbdb; /* FONT COLOR */
- overflow:scroll;
- padding: 5px 5px 5px 5px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;}
- /* ----------------------------- TITLES ------------------------------ */
- #descriptiontitles {
- font-family:'Arapey', sans-serif;
- font-size:12px; /* FONT SIZE */
- padding: 3px 3px;
- margin: 5px 5px 5px 5px;
- letter-spacing: 1px;
- text-shadow: #696969 1px 1px 1px; /* TEXT SHADOW */
- background: url('https://static.tumblr.com/b2tj7wo/CHUpajqgc/winter_is_coming_break.png'); /* BACKGROUND IMAGE */
- background-repeat:repeat;
- background-attachment:fixed;
- border:double 3px #2a2a2a; /* BORDER */
- line-height: normal;
- text-transform: uppercase;
- color: #fff; /* FONT COLOR */
- text-align: center;
- width:auto;
- z-index:9999;}
- #titles {
- font-family:'Arapey', sans-serif;
- font-size:10px;
- padding: 3px 3px;
- margin: 5px 5px 5px 5px;
- letter-spacing: 1px;
- text-shadow: #696969 1px 1px 1px; /*TEXT SHADOW */
- background: url(''); /* BACKGROUND IMAGE */
- background-repeat:repeat;
- background-attachment:fixed;
- border:double 3px #2a2a2a; /* BORDER */
- line-height: normal;
- text-transform: uppercase;
- color: #fff; /* FONT COLOR */
- text-align: center;
- width:auto;
- z-index:9999;}
- /* ------------------------- PRE WRAP - DO NOT TOUCH -------------------- */
- pre {
- font-family: 'Oranienbaum', 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; }
- /* ----------------------------- TOOLTIP -------------------------------- */
- #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; /* TEXT COLOR */
- 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; }
- /* ------------------------------ POPUPS ------------------------ */
- .popup_block{
- display:none;
- height:500px;
- width:500px;
- background-image:url('https://static.tumblr.com/b2tj7wo/H5bpajs8r/winter_is_coming_pop_up.png'); /* POP UP BLOCK IMAGE */
- float:left;
- position:fixed;
- top:50%;
- left:50%;
- z-index: 99999;
- -webkit-box-shadow: 0px 0px 20px #000;
- -moz-box-shadow: 0px 0px 20px #000;
- box-shadow: 0px 0px 20px #000; }
- *html #fade {position: absolute;}
- *html .popup_block {position: absolute;}
- #fade {
- display:none;
- position:fixed;
- left:0px;
- top:0px;
- background:transparent; /* SAME COLOR AS BACKGROUND OR TRANSPARENT*/
- width:100%;
- height:100%;
- z-index:999;
- -webkit-box-shadow: 0px 0px 0px #000;
- -moz-box-shadow: 0px 0px 0px #000;
- box-shadow: 0px 0px 0px #000;
- }
- .popupcontent {
- position:absolute;
- text-align:justify;
- padding:5px;
- width:235px; /* WIDTH */
- height:296px; /* HEIGHT */
- line-height:175%;
- word-spacing:1px;
- overflow-y:scroll;
- margin-left:45px; /* POSITIONING LEFT */
- margin-top:88px; /* POSITIONING TOP */}
- .popupnavcontent {
- position:absolute;
- text-align:justify;
- padding:5px;
- width:235px;
- height:296px;
- line-height:175%;
- word-spacing:1px;
- background:transparent;
- overflow-y:scroll;
- margin-left:45px;
- margin-top:88px;}
- /*----------------------- TABBED TITLES ON POP UP --------------------- */
- ul#tabs {
- list-style-type: none;
- text-align:justify;
- font-family: 'Arapey', serif;
- letter-spacing:1px; }
- ul#tabs li {
- background:#131313; /* BACKGROUND COLOR */
- background-image:url(''); /* BACKGROUND IMAGE */
- background-repeat:repeat;
- background-attachment:fixed;
- border:double 3px #2a2a2a; /* BORDER COLOR */
- width:75px; /* WIDTH */
- height:15px; /* HEIGHT */
- display:inline-block;
- cursor: pointer;
- padding:1px 5px 5px;
- font-size:9px; /* FONT SIZE */
- font-family: 'Arapey', serif;
- text-transform:uppercase;
- text-align:center;
- line-height:200%;
- margin-bottom:5px;
- color:#dbdbdb; /* FONT COLOR */
- text-shadow: 1px 1px 1px #000; /* TEXT SHADOW */ }
- ul#tabs li:hover {
- background-color:#131313; /* COLOR UPON HOVER */
- border:double 3px #2a2a2a; /* BORDER UPON HOVER */
- color:#fff; /* TEXT COLOR UPON HOVER */ }
- ul#tabs li.active {
- background:#131313; /* BACKGROUND COLOR OF ACTIVE TAB */
- background-repeat:repeat;
- background-attachment:fixed;
- border:double 3px #2a2a2a; /* BORDER OF ACTIVE TAB */
- color:#fff; /* FONT COLOR OF ACTIVE TAB */
- display: inline-block;
- padding: 1px 5px 5px;
- font-size:9px; /* TEXT SIZE OF ACTIVE TAB */
- text-transform:uppercase;}
- ul#tab {
- list-style-type: none;
- margin: 0;
- padding: 0; }
- ul#tab li {
- display: none; }
- ul#tab li.active {
- display: block; }
- /* ------------------------- POP UP LINKS -----------------------------*/
- .popuptags {
- padding-top:5px;
- text-align:center; }
- .popuptags a {
- display:inline-block;
- width:60px;
- height:15px;
- margin:2px;
- padding:1px 2px 4px;
- text-align:center;
- background:transparent; /* BACKGROUND */
- border:double 3px #2a2a2a; /* BORDER*/
- font-size:9px; /* FONT SIZE */
- color:#dbdbdb; /* TEXT COLOR */
- font-family: 'Arapey', serif;
- text-transform:uppercase;}
- .popuptags a:hover {
- background-color:transparent; /* BACKGROUND COLOR UPON HOVER */
- color:#fff; /* TEXT COLOR UPON HOVER */ }
- /* ---------------------- DROP DOWN VERSES ----------------------------- */
- .links_list {
- margin:0px;
- padding:0px;
- width:100%; }
- .links_head {
- font-family: 'Arapey', serif;
- height:auto;
- font-size:12px; /* FONT SIZE */
- padding: 3px 3px;
- margin: 5px 0px 0px;
- letter-spacing: 1px;
- text-shadow: 1px 1px 1px #000; /* TEXT SHADOW */
- background:transparent; /* BACKGROUND COLOR */
- border:3px double #2a2a2a; /* BORDER COLOR */
- line-height: normal;
- text-transform: uppercase;
- color:#fff; /* TEXT COLOR */
- 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>
- <!----------------------- DESCRIPTION BOX ------------------------->
- <div id="descriptionbox">
- {description}
- </div></div></div>
- <!---------------------------- ASK BOX -------------------------->
- <div id="askbox" class="popup_block">
- <div class="popupcontent">
- <div id="titles">ASK PHRASE HERE</div><p>
- <iframe frameborder="0" height="270" id="ask_form" scrolling="yes" src="https://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
- </div></div>
- <!-------------------------- RULES ------------------------------>
- <div id="rules" class="popup_block">
- <div class="popupcontent">
- <div id="titles">Rules</div><p>
- <center> you can put your rules here</center>
- </div></div></div>
- <!------------------------ VERSES TAB ------------------------------>
- <div id="universes" class="popup_block">
- <div class="popupnavcontent">
- <div id="tabbedpop">
- <p>
- <ul id="tabs">
- <li class="active">MAIN.</li>
- <li>ALTERNATE.</li>
- <li>CROSSOVER.</li>
- <li>PRIVATE.</li>
- </ul>
- </div>
- <ul id="tab">
- <li class="active">
- <!----------------------------- MAIN VERSES ----------------------->
- <img src="https://78.media.tumblr.com/a4a4e99864e12ce1ec7c5c9ebdca66a6/tumblr_inline_pajtaosY2a1vv4j7q_540.png" align="left" style="height:70px;width:70px;padding-right:5px;padding-bottom:0px;">
- <big><a href="/verse-tag">VERSE NAME.</a></big><br>
- verse description
- <br><br><br><p>
- </li>
- <!------------------------- ALTERNATE VERSES ------------------->
- <li>
- <img src="https://78.media.tumblr.com/c027ac83ad16783f84164f3b49bbb9ff/tumblr_inline_pajtirZPWh1vv4j7q_540.png" align="left" style="height:70px;width:70px;padding-right:5px;padding-bottom:0px;">
- <big><a href="/verse-tag">VERSE NAME.</a></big><br>
- verse description
- <br><br><br><p>
- </li>
- <!------------------------- CROSSOVER VERSES ------------------->
- <li>
- <img src="https://78.media.tumblr.com/2995ab8cc3bd807b1579415e7bd29730/tumblr_inline_pajtirBzGd1vv4j7q_540.png" align="left" style="height:70px;width:70px;padding-right:5px;padding-bottom:0px;">
- <big><a href="/verse-tag">VERSE NAME.</a></big><br>
- verse description
- <br><br><br><p>
- </li>
- <!------------------------- PRIVATE VERSES ------------------------->
- <li>
- <img src="https://78.media.tumblr.com/86421993bd2c142a0c6af5776278fb84/tumblr_inline_pajtirqWyM1vv4j7q_540.png" align="left" style="height:70px;width:70px;padding-right:5px;padding-bottom:0px;">
- <big><a href="/verse-tag">VERSE NAME.</a></big><br>
- verse description
- <br><br><br><p>
- </li>
- </div></div></div>
- <!------------------------ NAVIGATION POP UP ------------------->
- <div id="navigation" class="popup_block">
- <div class="popupnavcontent">
- <div id="tabbedpop">
- <p>
- <ul id="tabs">
- <li class="active">ABOUT.</li>
- <li>LINKS.</li>
- <li>MAINS.</li>
- <li>MUN.</li>
- </ul>
- </div>
- <ul id="tab">
- <li class="active">
- <!----------------------- ABOUT TAB STARTS HERE ------------------------->
- <center>character's about can be written here</center>
- </li>
- <!------------------------ ABOUT TAB ENDS HERE ----------------------->
- <!---------------------- LINKS TAB STARTS HERE ------------------------->
- <li>
- <div class="popuptags">
- <div id="titles">TAGS</div><p><p><p>
- <a href="/">LINK.</a>
- <a href="/">LINK.</a>
- <a href="/">LINK.</a>
- </br>
- <a href="/">LINK.</a>
- <a href="/">LINK.</a>
- <a href="/">LINK.</a>
- <br>
- <a href="/">LINK.</a>
- <a href="/">LINK.</a>
- <a href="/">LINK.</a><p>
- <div id="titles">TAGS</div><p>
- <a href="/">LINK.</a>
- <a href="/">LINK.</a>
- <a href="/">LINK.</a>
- <br>
- <a href="/">LINK.</a>
- <a href="/">LINK.</a>
- <a href="/">LINK.</a>
- <br>
- </li>
- <!------------------------ LINKS TAB ENDS HERE ------------------------->
- <!------------------------ MAINS TAB STARTS HERE ----------------------->
- <li>
- <p><p><p>
- <div class="links_list">
- <div class="links_head">Mains</div>
- <div class="links_body">
- <center>
- <p><p>
- <img src="https://78.media.tumblr.com/c027ac83ad16783f84164f3b49bbb9ff/tumblr_inline_pajtirZPWh1vv4j7q_540.png" align="left" style="height:70px;width:70px;padding-right:5px;padding-bottom:0px;">
- <big><a href="/">character name here.</a></big>
- <br>
- <b>RELATIONSHIP:</b> - <br>
- <b>VERSE:</b> -
- <br><br><br>
- </div>
- <div class="links_list">
- <div class="links_head">Exclusives</div>
- <div class="links_body">
- <center>
- <img src="https://78.media.tumblr.com/c027ac83ad16783f84164f3b49bbb9ff/tumblr_inline_pajtirZPWh1vv4j7q_540.png" align="left" style="height:70px;width:70px;padding-right:5px;padding-bottom:0px;">
- <big><a href="/">character name here.</a></big>
- <br>
- <b>RELATIONSHIP:</b> - <br>
- <b>VERSE:</b> -
- <br><br><br><p></div>
- <div class="links_list">
- <div class="links_head">Ship Exclusive</div>
- <div class="links_body">
- <center>
- <img src="https://78.media.tumblr.com/c027ac83ad16783f84164f3b49bbb9ff/tumblr_inline_pajtirZPWh1vv4j7q_540.png" align="left" style="height:70px;width:70px;padding-right:5px;padding-bottom:0px;">
- <big><a href="/">character name here.</a></big>
- <br>
- <b>RELATIONSHIP:</b> - <br>
- <b>VERSE:</b> -
- <br><br><br><p></div>
- </li>
- <!-----------------------MAINS TAB ENDS HERE --------------------------->
- <!--------------------- MUN TAB STARTS HERE --------------------------->
- <li>
- <div id="titles">MUN</div><p><p>
- <center> here you can write a little something about yourself for your mutuals and followers</center>
- <p>
- </li>
- <!-------------------------- MUN TAB ENDS HERE ------------------------->
- </div></div>
- <!-------------------------- END OF NAVIGATION -------------------------->
- <!--------------------------- LINKS IN DESCRIPTION ---------------------->
- <div id="home"><a href="/" title="the lone wolf dies.">winter is coming</a></div>
- <div id="asklink"><a href="#?w=700" rel="askbox" class="poplight" title="ravens.">I</a></div>
- <div id="law"><a href="#?w=700" rel="rules" class="poplight" title="laws.">II</a></div>
- <div id="verses"><a href="#?w=700" rel="universes" class="poplight" title="worlds.">III</a></div>
- <div id="nav"><a href="#?w=700" rel="navigation" class="poplight" title="map.">IV</a></div>
- <!-------------------- CREDIT IN CORNER - DO NOT TOUCH ----------------->
- <div id="credit"><a href="https://awokenhope.tumblr.com/" title="THEME BY AWOKENHOPE.">𝒶</a></div>
- <!-------------------------- PAGINATION ----------------------------->
- <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><img src="{PhotoURL-HighRes}" width="284.5px" alt="{PhotoAlt}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
- {block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}<div class="quote"><b>❛</b> {Quote} <b> ❜</b></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"> <!-------- ASK IMAGE ------------------->
- <div class="askimg"><img src="https://78.media.tumblr.com/fb8ce0d58dc2f5d6c9ccce0abc7e5753/tumblr_inline_paju50ZYvt1vv4j7q_540.png" align="left" style="height:70px;width:70px;padding-right:5px;padding-bottom:0px;"></div>
- <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 id="break">
- </div>
- <div id="info">
- <a href="{Permalink}" title="{ShortMonth} {DayOfMonth}"> ● </a>
- <a href="{Permalink}" title="{NoteCount} notes"> ● </a>
- <a href='{ReblogParentURL}' title="via"> ● </a>
- <a href='{ReblogRootURL}' title="source"> ● </a>
- <a href='{ReblogURL}' title="Reblog"> ● </a></div>
- {/block:date}
- {block:HasTags}
- <div class="tags">
- {block:Tags} <a href="{TagURL}" title="{Tag}" data-tooltip="{Tag}" > {Tag} </a> {/block:Tags}
- </div>
- {/block:HasTags}
- </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