Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <!--
- WINTER'S LADY THEMES
- ♛ this code was made by AGIRLINGREY@TUMBLR.
- ♛ do not remove credit or claim as your own.
- -->
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <!--
- POP UP SCRIPT
- -->
- <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>
- <!--
- VERSE TABS SCRIPT
- -->
- <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>
- <!--
- TOOLTIP STYLING SCRIPT
- -->
- <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:200,
- tip_fade_speed:500
- });
- });
- })(jQuery);
- </script>
- <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}
- <!--
- CUSTOM FONTS
- -->
- <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Bad+Script" rel="stylesheet">
- <style type="text/css">
- /* THE CUSTOM SIDEBAR THING */
- #bite
- #bite a{
- display:block
- }
- #bite .death {
- margin-top:0px;filter: alpha(opacity = 1.0);
- opacity:1.0;-webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #bite:hover .death {
- margin-top:0px;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- filter: alpha(opacity = 100);
- filter: alpha(opacity = 100);
- opacity:100;
- }
- /* SELECTION FONT AND BACKGROUND */
- ::selection {
- background: #c2c2c2;
- color:#fff; }
- ::-moz-selection {
- background: #c2c2c2;
- color:#fff; }
- /* SCROLLBAR DETAILS */
- ::-webkit-scrollbar {
- height: 0px;
- width: 2px;
- background:transparent;
- border-left:0px solid transparent;
- border-right:0px solid transparent;}
- ::-webkit-scrollbar-thumb {
- background:transparent;}
- /* THE CURSOR */
- {block:iftinycursor}
- body, a, a:hover{
- cursor: url('http://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png'), progress;}
- {/block:iftinycursor}
- iframe#tumblr_controls {
- right:3px !important;
- position: fixed !important;
- -webkit-transition: opacity 0.7s
- linear;opacity: 0.2;
- -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.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;}
- /* GENERAL LOOK AND BACKGROUND */
- body {
- background:#18121e;
- background-image:url('http://static.tumblr.com/jp3otle/gK8oncr2l/chase-eternally-young-bg1.png');
- background-attachment: fixed;
- background-repeat: no-repeat;
- background-position: left top;
- color:#fff;
- font-family: calibri;
- text-align:justify;
- font-size: 10px;
- letter-spacing:1px;
- line-height:135%;
- }
- /* THE VERSES TABS */
- ul#tabs {
- list-style-type: none;
- padding: 0;
- text-align: center;
- font-size:8px;
- letter-spacing:1px;
- text-shadow:1px 1px 0px #4c4c4c,
- 1px -1px 0px #4c4c4c,
- -1px -1px 0px #4c4c4c,
- -1px 1px 0px #4c4c4c,
- 0px 1px 0px #4c4c4c,
- 0px -1px 0px #4c4c4c,
- 1px 0px 0px #4c4c4c,
- -1px 0px 0px #4c4c4c;
- }
- ul#tabs li {
- background-image: url('https://68.media.tumblr.com/a3c4a50cbf178d54db6c5e980e113a39/tumblr_ona31pshjA1w7pmk5o1_400.png');
- background-repeat:repeat;
- background-attachment:fixed;
- border-left: double 3px #000;
- border-top: double 3px #000;
- border-right: double 3px #000;
- border-bottom: double 3px #000;
- color:#e6e6e6;
- text-shadow:1px 1px 0px #000,
- 1px -1px 0px #000,
- -1px -1px 0px #000,
- -1px 1px 0px #000,
- 0px 1px 0px #000,
- 0px -1px 0px #000,
- 1px 0px 0px #000,
- -1px 0px 0px #000;
- display: inline-block;
- padding: 4px 10px;
- margin-bottom: 4px;
- cursor: pointer;
- }
- ul#tabs li:hover {
- background-color: transparent;
- color: #eaeaea;
- }
- ul#tabs li.active {
- background-image: url('https://68.media.tumblr.com/a3c4a50cbf178d54db6c5e980e113a39/tumblr_ona31pshjA1w7pmk5o1_400.png');
- background:#151515;
- background-repeat:repeat;
- background-attachment:fixed;
- border-left: double 3px #000;
- border-top: double 3px #000;
- border-right: double 3px #000;
- border-bottom: double 3px #000;
- color:#e6e6e6;
- text-shadow:1px 1px 0px #000,
- 1px -1px 0px #000,
- -1px -1px 0px #000,
- -1px 1px 0px #000,
- 0px 1px 0px #000,
- 0px -1px 0px #000,
- 1px 0px 0px #000,
- -1px 0px 0px #000;
- display: inline-block;
- padding: 4px 10px;
- margin-bottom: 4px;
- cursor: pointer;
- }
- ul#tab {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
- ul#tab li {
- display: none;
- }
- ul#tab li.active {
- display: block;
- }
- /* LINKS */
- a:link, a:active, a:visited {
- text-decoration: none;
- color: #05852f;
- -moz-transition-duration:.6s;
- -webkit-transition-duration:.6s;
- -o-transition-duration:.6s;
- -webkit-filter: blur(0px);}
- a:hover {
- color: #8f8f8f;
- -moz-transition-duration:.6s;
- -webkit-transition-duration:.6s;
- -o-transition-duration:.6s;
- -webkit-filter: blur(1px);}
- #links a {
- padding:5px;
- margin-right:0px;
- text-shadow: 1px 0px 1px #7a7a7a;
- }
- #links a:hover {
- padding:5px;
- margin-right:0px;
- text-shadow: 2px 0px 10px #7a7a7a;
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- }
- /* OTHER TEXT STUFF */
- h1 {
- background-color: transparent;
- font-family: 'Josefin Sans', sans-serif;
- font-size: 16px;
- line-height: 20px;
- letter-spacing: 2px;
- text-align: center;
- text-transform:uppercase;
- color: #05852f;
- }
- h2 {
- background-color: transparent;
- font-family: 'Josefin Sans', sans-serif;
- font-size: 15px;
- line-height: 16px;
- letter-spacing: 2px;
- text-align: left;
- text-transform:uppercase;
- color: #05852f;
- }
- h3 {
- background-image: url('https://68.media.tumblr.com/a3c4a50cbf178d54db6c5e980e113a39/tumblr_ona31pshjA1w7pmk5o1_400.png');
- background-repeat:repeat;
- background-attachment:fixed;
- border-left: double 3px #000;
- border-top: double 3px #000;
- border-right: double 3px #000;
- border-bottom: double 3px #000;
- padding:2px;
- color:#fff;
- text-shadow:1px 1px 0px #000,
- 1px -1px 0px #000,
- -1px -1px 0px #000,
- -1px 1px 0px #000,
- 0px 1px 0px #000,
- 0px -1px 0px #000,
- 1px 0px 0px #000,
- -1px 0px 0px #000;
- font-size:12px;
- font-family:calibri;
- text-transform:uppercase;
- letter-spacing:1px;
- text-align:center;}
- h4 {
- background-image: url('https://68.media.tumblr.com/a3c4a50cbf178d54db6c5e980e113a39/tumblr_ona31pshjA1w7pmk5o1_400.png');
- background-repeat:repeat;
- background-attachment:fixed;
- border-left: double 3px #000;
- border-top: double 3px #000;
- border-right: double 3px #000;
- border-bottom: double 3px #000;
- padding:2px;
- color:#fff;
- text-shadow:1px 1px 0px #000,
- 1px -1px 0px #000,
- -1px -1px 0px #000,
- -1px 1px 0px #000,
- 0px 1px 0px #000,
- 0px -1px 0px #000,
- 1px 0px 0px #000,
- -1px 0px 0px #000;
- font-size:9px;
- font-family:calibri;
- text-transform:uppercase;
- letter-spacing:1px;
- text-align:center;}
- hr {
- color:#05852f;
- display: block;
- margin-top: 0.5em;
- margin-bottom: 0.5em;
- margin-left: auto;
- margin-right: auto;
- border-style: inset;
- border-width: 1px;
- }
- quotetext {
- background-color: transparent;
- font-family: times;
- font-size: 16px;
- line-height: 20px;
- letter-spacing: 2px;
- text-align: center;
- text-transform:uppercase;
- color: #05852f;
- }
- blockquote {
- word-wrap: break-word;
- padding:2px 7px;
- margin:3px 0 3px 10px;
- border-left:1px solid {color:border};
- background-color:transparent;}
- blockquote img{
- max-width:100%;
- height:auto;
- }
- blockquote blockquote img{
- max-width:100%;
- height:auto;
- }
- b, bold {
- font-size:12px;
- text-transform:uppercase;
- letter-spacing:1px;
- font-family: 'Cambria', sans-serif;
- color: #05852f;
- text-shadow:1px 1px 0 #000;
- }
- i, italic {
- font-size:13px;
- color: #05852f;
- font-family: 'Calibri', cursive;
- text-shadow: 0px 0px 2px #5a5a5a;
- letter-spacing:1px;
- text-transform:lowercase;
- }
- p {
- margin-top:5px;
- margin-bottom:5px;}
- ol {
- list-style:normal;}
- ul {
- list-style:square;}
- small {
- font-size:10px}
- sup,sub {
- font-size:11px}
- pre {
- font-size: 10px;
- letter-spacing:3px;
- background-color:#fff;
- font-family: "Times New Roman", Times, serif;
- font-style: none;
- text-align:center;
- white-space: pre-wrap; /* css-3 */
- white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
- white-space: -pre-wrap; /* Opera 4-6 */
- white-space: -o-pre-wrap; /* Opera 7 */
- word-wrap: break-word; /* Internet Explorer 5.5+ */ }
- big {
- font-size:14px;
- text-transform:uppercase;
- letter-spacing:2px;
- font-family: "Times New Roman", Times, serif;
- color: #05852f;
- text-shadow: 0px 0px 2px #383838;
- }
- /* IMAGES, PHOTOSETS AND WHATNOT */
- {block:IfGreyscale}
- img {
- -webkit-filter:grayscale(100%);
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out;
- -ms-transition: all 0.9s ease-in-out;
- transition: all 0.9s ease-in-out;}
- img:hover {
- -webkit-filter:none;}
- .html_photoset {
- -webkit-filter: grayscale(100%);
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out;
- -ms-transition: all 0.9s ease-in-out;
- transition: all 0.9s ease-in-out;}
- .html_photoset:hover {
- -webkit-filter: none;}
- {/block:IfGreyscale}
- /* CONTAINER AND POSTS */
- #container {
- background-color:transparent;
- width:255px;
- height:350px;
- padding: 20px;
- top:305px;
- margin-left: 580px;
- position:relative;
- overflow-y:scroll;
- overflow-x:hidden;
- -webkit-mask-image: -webkit-gradient(
- linear, center 75%, center bottom,
- from(rgba(0,0,0,20)),
- to(rgba(20,0,0,0)));
- border:1px solid transparent;}
- #container img {
- height:auto;
- max-width:100%;
- }
- #content {
- margin-left:62px;
- width:310px;
- margin-top: -110px;
- }
- #posts {
- width:255px;
- padding:10px;
- margin-top: 90px;
- margin-left:-72px;
- padding-bottom:0px;
- overflow-y:scroll;
- overflow-x:hidden;
- }
- #description {
- margin-left: 0px;
- margin-top: -50px;
- width:180px;
- color:transparent;}
- /* CUSTOM SIDEBAR SETTINGS */
- #actualnews {
- font-family: calibri;
- font-size:10px;
- background:transparent;
- color: #fff;
- width:205px;
- height:420px;
- padding-top:3px;
- border:0px solid #131313;
- left: 1040px;
- top: 295px;
- text-align:center;
- position:fixed;
- -webkit-filter: blur(0px);
- -webkit-transition: 0.8s ease-in;
- -moz-transition: 1s ease-in;
- transition: 1s ease-in;
- opacity:0.5;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- #actualnews:hover {
- -webkit-filter:none;
- -webkit-transition: all 0.6s ease-in-out;
- opacity:1;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- #thekey {
- position:fixed;
- color:#7c7470;
- text-shadow: 0px 0px 2px #fff;
- margin-top:175px;
- margin-left:55px;
- width:710px;
- padding:9px;
- letter-spacing:2px;
- word-spacing:5px; /*this defines the separation of each word of the links*/
- font-family: helvetica;
- font-size:12px;
- text-align:center;
- background:transparent;
- text-transform:uppercase;
- -webkit-transform: rotate(-90deg);
- -moz-transform: rotate(-90deg);
- -o-transform: rotate(-90deg);
- }
- /* JUMBLED LINKS */
- .alinks {
- position:fixed;
- text-shadow: 0px 0px 0px #000;
- left:500px;
- top:40px;
- transform: rotate(0deg);
- text-align: right;
- line-height:21px;
- font-family: 'Josefin Sans', sans-serif;
- font-size: 30px;}
- .alinks a {
- padding:10px;
- color:#fff;
- margin-right:0px;
- -webkit-filter: blur(0px);
- -webkit-transition: 0.8s ease-in;
- -moz-transition: 1s ease-in;
- transition: 1s ease-in;
- }
- .alinks a:hover {
- -webkit-filter: blur(1px);
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- color: #7f7f7f;
- text-shadow: 7px 7px 3px #000000;
- }
- .blinks {
- position:fixed;
- text-shadow: 0px 0px 11px #7C6868;
- left:800px;
- top:420px;
- transform: rotate(90deg);
- text-align: center;
- font-family: 'Josefin Sans', sans-serif;
- line-height:20px;
- font-size: 19px;}
- .blinks a {
- padding:10px;
- color:#fff;
- margin-right:0px;
- -webkit-filter: blur(0px);
- -webkit-transition: 0.8s ease-in;
- -moz-transition: 1s ease-in;
- transition: 1s ease-in;
- }
- .blinks a:hover {
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- color: #fff;
- text-shadow: 7px 7px 3px #000000;
- }
- .clinks {
- position:fixed;
- font-size:75px;
- text-decoration:none;
- transform: rotate(-30deg);
- -ms-transform: rotate(-30deg);
- -webkit-transform: rotate(-30deg);
- -o-transform: rotate(-30deg);
- -moz-transform: rotate(-30deg);
- margin-left:230px;
- margin-top:500px;
- }
- .clinks a {
- text-shadow:0px 0px 7px #7f7f7f;
- text-decoration:none;
- color:#fff;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- .clinks:hover {
- -webkit-filter:blur(1px);
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- transform: rotate(110deg);
- -ms-transform: rotate(110deg);
- -webkit-transform: rotate(110deg);
- -o-transform: rotate(110deg);
- -moz-transform: rotate(110deg);
- }
- .dlinks {
- position:fixed;
- font-size:45px;
- text-decoration:none;
- transform: rotate(30deg);
- -ms-transform: rotate(30deg);
- -webkit-transform: rotate(30deg);
- -o-transform: rotate(30deg);
- -moz-transform: rotate(30deg);
- margin-left:060px;
- margin-top:340px;
- }
- .dlinks a {
- text-shadow:0px 0px 7px #7f7f7f;
- text-decoration:none;
- color:#fff;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- .dlinks:hover {
- -webkit-filter:blur(1px);
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- transform: rotate(-60deg);
- -ms-transform: rotate(-60deg);
- -webkit-transform: rotate(-60deg);
- -o-transform: rotate(-60deg);
- -moz-transform: rotate(-60deg);
- }
- .elinks {
- position:fixed;
- font-size:47px;
- text-decoration:none;
- transform: rotate(-90deg);
- -ms-transform: rotate(-90deg);
- -webkit-transform: rotate(-90deg);
- -o-transform: rotate(-90deg);
- -moz-transform: rotate(-90deg);
- margin-left:100px;
- margin-top:400px;
- }
- .elinks a {
- text-shadow:0px 0px 7px #7f7f7f;
- text-decoration:none;
- color:#fff;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- .elinks:hover {
- -webkit-filter:blur(1px);
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- transform: rotate(70deg);
- -ms-transform: rotate(70deg);
- -webkit-transform: rotate(70deg);
- -o-transform: rotate(70deg);
- -moz-transform: rotate(70deg);
- }
- .flinks {
- position:fixed;
- font-size:47px;
- text-decoration:none;
- transform: rotate(10deg);
- -ms-transform: rotate(10deg);
- -webkit-transform: rotate(10deg);
- -o-transform: rotate(10deg);
- -moz-transform: rotate(10deg);
- margin-left:155px;
- margin-top:470px;
- }
- .flinks a {
- text-shadow:0px 0px 7px #7f7f7f;
- text-decoration:none;
- color:#fff;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- .flinks:hover {
- -webkit-filter:blur(1px);
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- transform: rotate(-60deg);
- -ms-transform: rotate(-60deg);
- -webkit-transform: rotate(-60deg);
- -o-transform: rotate(-60deg);
- -moz-transform: rotate(-60deg);
- }
- .credit {
- position:fixed;
- text-shadow: 0px 0px 11px #7C6868;
- right:15px;
- bottom:15px;
- transform: rotate(0deg);
- font-family: 'Josefin Sans', sans-serif;
- font-size: 17px; }
- .credit a {
- padding:10px;
- color:#fff;
- margin-right:0px;
- -webkit-filter: blur(1px);
- -webkit-transition: 0.8s ease-in;
- -moz-transition: 1s ease-in;
- transition: 1s ease-in;
- }
- .credit a:hover {
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- color: #000000;
- text-shadow: 7px 7px 3px #000000;
- }
- /* PAGINATION */
- #pagination {
- position:fixed;
- font-family: 'Josefin Sans', sans-serif;
- width:300px;
- font-size:35px;
- top:540px;
- left:450px;
- letter-spacing:3px;
- text-align:center;
- z-index:999999999999;
- }
- #pagination a {
- text-transform:uppercase;
- color:#fff;
- -webkit-filter: blur(0px);
- -webkit-transition: 0.8s ease-in;
- -moz-transition: 1s ease-in;
- transition: 1s ease-in;
- z-index:999999999999;
- }
- #pagination a:hover {
- color:#fff;
- -webkit-filter: blur(1px);
- -webkit-transition: 0.2s ease-in;
- -moz-transition: 1s ease-in;
- transition: 1s ease-in;
- }
- /* MISC */
- .audio {
- width:300px;
- padding-bottom:10px;
- background-color:{color:#0b0b0b};}
- .albumart {
- float:left;
- padding:0px 10px 10px 0px;}
- .albumart img {
- width:65px;
- height:65px;}
- .playercontainer {
- text-align:left;
- padding:10px;
- background-color:#0b0b0b;
- width:300px;}
- .audioinfo {
- padding:10px;
- color:#a1a0a0;}
- /* QUESTIONS & ANSWERS DETAILS */
- #asker {
- font-family: 'Raleway', sans-serif;
- text-align:center;
- padding-top: 10px;
- margin-left:0px;
- text-transform:uppercase;
- color: #fff;
- font-size:20px;
- padding:5px;
- letter-spacing:0px
- text-shadow:0 0 2px #aeaeae;
- }
- #asker a{
- font-family: 'Raleway', sans-serif;
- text-transform:uppercase;
- font-size:20px;
- letter-spacing: 0px;
- text-shadow: none;
- color: #fff;
- text-shadow:0 0 2px #1a1a1a;
- -webkit-filter: blur(0.5px);
- }
- #asker a:hover {
- color: #656565;
- letter-spacing: 2px;
- text-shadow:0 0 2px #000;
- -webkit-filter: blur(1px);
- -webkit-transition:all .5s ease-in-out;
- -moz-transition:all .5s ease-in-out;
- transition:all .5s ease-in-out;
- }
- #ask {
- border-left: double 3px #000;
- border-top: double 3px #000;
- border-right: double 3px #000;
- border-bottom: double 3px #000;
- padding:2px;
- color:#fff;
- text-shadow:1px 1px 0px #000,
- 1px -1px 0px #000,
- -1px -1px 0px #000,
- -1px 1px 0px #000,
- 0px 1px 0px #000,
- 0px -1px 0px #000,
- 1px 0px 0px #000,
- -1px 0px 0px #000;
- font-size:7px;
- text-align:center;
- padding-top: 5px;
- margin-left:0px;
- text-transform:auto;
- letter-spacing:3px
- margin-top:-10px;
- padding:5px;
- background: #000;
- background: url("https://68.media.tumblr.com/a3c4a50cbf178d54db6c5e980e113a39/tumblr_ona31pshjA1w7pmk5o1_400.png");
- background-repeat:repeat;
- padding:2px;
- color:#cacaca;
- text-transform: uppercase;
- border-bottom-left-radius: 20px;
- border-top-right-radius: 20px;
- padding:10px;
- letter-spacing:2px;
- border-bottom:solid 1px #1e1e1e;
- border-top:solid 1px #1e1e1e;
- }
- .ans {
- text-align:center;
- padding:10px;
- }
- /* POST INFO DETAILS */
- #info {
- background-image: url('https://68.media.tumblr.com/a3c4a50cbf178d54db6c5e980e113a39/tumblr_ona31pshjA1w7pmk5o1_400.png');
- background-repeat:repeat;
- background-attachment:fixed;
- border-left: double 3px #000;
- border-top: double 3px #000;
- border-right: double 3px #000;
- border-bottom: double 3px #000;
- padding:2px;
- color:#fff;
- text-shadow:1px 1px 0px #000,
- 1px -1px 0px #000,
- -1px -1px 0px #000,
- -1px 1px 0px #000,
- 0px 1px 0px #000,
- 0px -1px 0px #000,
- 1px 0px 0px #000,
- -1px 0px 0px #000;
- width:255px;
- height:25px;
- text-align:center;
- letter-spacing:10px;
- margin-top:8px;
- margin-bottom:50px;
- text-transform:uppercase;
- font-size:15px;
- font-style:none;
- }
- #info a {
- color:#fff;}
- #info a:hover {
- color:#000;}
- #tags {
- width:255px;
- padding:10px;
- font-size:7px;
- text-align:center;
- font-family:arial;
- text-transform:uppercase;
- background:transparent;
- border-bottom:1px solid #474747;
- }
- #tags a {
- color:#838383;
- margin-bottom:20px;
- letter-spacing:1px;
- text-shadow:0px 0px 1px #999; }
- #tags a:hover {
- color:#555;
- text-shadow:0px 0px 1px #777;
- -webkit-filter:none;
- -webkit-transition: all 0.6s ease-in-out;
- opacity:1;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- /* MISC 02. */
- .note {
- text-transform:uppercase;
- font-style:normal;
- letter-spacing:0px;
- font-size: 10px;
- text-align:left;
- line-height:90%;
- margin-left:-40px;}
- .note li {
- list-style-type:none;
- border-bottom:0px solid {color:border};
- padding:10px 25px 10px 25px;
- text-align:left;
- margin:0px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;}
- .note img.avatar {
- margin-right: 10px;
- width: 16px;
- height: 16px;}
- /* BASIC POP-UP DETAILS */
- .popup_block{
- display:none;
- background:#18121e;
- padding:20px;
- border:0px solid #eee; /* if you want a solid white pop-up, delete this */
- float:left;
- height: 350px;
- top:415px; left:810px;
- position:fixed;
- z-index: 99999;
- -webkit-box-shadow: 0px 0px 0px #818081; /* delete for solid white */
- -moz-box-shadow: 0px 0px 0px #818081; /* delete for solid white */
- box-shadow: 0px 0px 0px #818081; /* delete for solid white */
- }
- *html #fade {position: absolute;}
- *html .popup_block {position: absolute;}
- #fade {
- display:none;
- position:fixed;
- left:0px;
- top:0px;
- width:100%;
- height:100%;
- z-index:9999;
- background:#000; /* change to #fff for solid white */
- opacity:0; /* change to opacity:1; */
- }
- .popupnavlinks {
- padding-top:5px;
- text-align:center; }
- .popupnavlinks a {
- display:inline-block;
- width:90px; height:4px;
- margin:2px; padding:3px 6px 10px;
- text-align:center;
- background-image: url('');
- background:#18121e;
- background-repeat:repeat;
- background-attachment:fixed;
- border-left: double 3px #000;
- border-top: double 3px #000;
- border-right: double 3px #000;
- border-bottom: double 3px #000;
- color:#e6e6e6;
- font-size:9px;
- font-family:calibri;
- text-shadow:1px 1px 0px #000,
- 1px -1px 0px #000,
- -1px -1px 0px #000,
- -1px 1px 0px #000,
- 0px 1px 0px #000,
- 0px -1px 0px #000,
- 1px 0px 0px #000,
- -1px 0px 0px #000;
- display: inline-block;
- cursor: pointer;
- }
- .popupnavlinks a:hover {
- display:inline-block;
- letter-spacing:2px; }
- .popupclose {
- float:right; top:0px; right:0px;
- margin-top:-10px; margin-right:-10px;
- font-family:'Scada', sans serif;
- font-size:10px;
- font-weight:bold }
- .popupclose a {
- color:#aaa }
- /* TOOLTIP DETAILS */
- #s-m-t-tooltip{
- max-width:400px;
- margin:15px;
- padding:2px 8px;
- background: #0b0b0b;
- background-image:url('');
- background-repeat:repeat;
- background-attachment:fixed;
- border-left: double 3px #000;
- border-top: double 3px #000;
- border-right: double 3px #000;
- border-bottom: double 3px #000;
- color:#e6e6e6;
- text-shadow:1px 1px 0px #000,
- 1px -1px 0px #000,
- -1px -1px 0px #000,
- -1px 1px 0px #000,
- 0px 1px 0px #000,
- 0px -1px 0px #000,
- 1px 0px 0px #000,
- -1px 0px 0px #000;
- z-index:99999999999999999999;
- font-size:9px;
- letter-spacing:2px;
- font-style:bold;
- letter-spacing:2px;
- font-family: calibri;
- text-transform:uppercase;
- box-shadow:1px 1px 3px rgba(0,0,0,.1);}
- </style>
- </head>
- <body>
- <!--
- ♛ The part below is basically the 'skeleton' of the theme, if that makes sense? I wouldn't recommend editing these parts ( EXCEPT THE CUSTOM LINKS AND POP UPS !!! ) unless you know what you're doing. If you spot a glitch in this part of the code, please let me know.
- -->
- <div id="content">
- <div id="sidebar">
- <img src="{image:Sidebar}" />
- <div id="description">{description}</div>
- </div>
- <div id="pagination">
- {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}{block:NextPage} <a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
- </div>
- <!--
- ♛ CUSTOM LINKS
- -->
- <div id="links">
- <div class="alinks">
- <a href="/" title="FOREVER YOUNG"><figure class="tmblr-full" data-orig-height="202" data-orig-width="776"><img src="https://68.media.tumblr.com/9a34109c44d28ebb42b9a7354929a06b/tumblr_inline_ona3k2EGEI1uu5iq8_540.png" data-orig-height="202" data-orig-width="776"></figure>
- </a>
- </div>
- <div class="blinks">
- <a href="#?w=255" rel="box1" class="poplight" title="messages.">
- HUMANS <strong>DO NOT</strong> DESERVE THIS
- </a>
- </div>
- <div class="clinks">
- <a href="#?w=255" rel="box2" class="poplight" title="laws."> ✧ </a>
- </div>
- <div class="dlinks">
- <a href="#?w=255" rel="box3" class="poplight" title="verses."> ✦ </a>
- </div>
- <div class="elinks">
- <a href="#?w=255" rel="box4" class="poplight" title="about."> ✶ </a>
- </div>
- <div class="flinks">
- <a href="#?w=255" rel="box5" class="poplight" title="the map."> ✦ </a>
- </div>
- <div class="credit">
- <a href="http://agirlingrey.tumblr.com/" title="theme by agirlingrey.">A.</a>
- </div>
- </div>
- <!--
- ♛ CUSTOM LINKS ENDS
- -->
- <div id="container">
- <div id="content"><div id="posts">
- {block:Posts}
- {block:Quote}<quotetext>"{Quote}"</quotetext> <br><br> — {Source} {/block:Quote}
- {block:Title}<h1>{Title} </h1>{/block:Title}
- {block:Text}{Body}{/block:Text}
- {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name} </h1></a>
- {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
- {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="360px">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Chat}<ul class="chat"><BR>{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li><BR>{/block:Lines}</ul>{/block:Chat}
- {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<div id="asker" style="margin-left:-5px;width:250px; color:#91a3ac; text-shadow:0 0 2px #000; ">{Asker} <div id="ask"> <p><p><p><p><p>{Question}</div></span></div><font face="calibri"><span style="font-family:calibri;font-size:10px; marging-left:0px;">{Answer}</span>{/block:Answer}
- {block:Audio}<div class="audio">
- {block:AlbumArt}
- {/block:AlbumArt}
- <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
- {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
- <br><div class="playercontainer">{AudioPlayerBlack}</div></div>
- {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
- <!--
- ♛ INFO AND SYMBOLS
- -->
- <div id="info">
- <br>
-
- {block:Date}
- <a href="{Permalink}" style="position:absolute; margin-left:-100px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title=" {ShortMonth} {DayOfMonthWithZero} - {TimeAgo} "> ✦ </a>
- {/block:Date}
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}" style="position:absolute; margin-left:-65px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title=" via. {ReblogParentName} "> ✧ </a>
- {/block:RebloggedFrom}
- {block:ContentSource}
- <a href="{SourceURL}" style="position:absolute; margin-left:-30px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title=" source. {SourceTitle} "> ✦ </a>
- {/block:ContentSource}
- <a href="{Permalink}" style="position:absolute; margin-left:5px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title=" {NoteCount} notes "> ✶ </a>
- <a href="{ReblogURL}" style="position:absolute; margin-left:40px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title="reblog"> ✧ </a>
- <br>
- <!--
- ♛ INFO AND SYMBOLS ENDS
- -->
- {block:HasTags}<div id="tags">{block:Tags} <a href="{TagURL}" title="{Tag}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
- <br><br><br><br>
- {/block:Posts}
- <div class="note">
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>
- {/block:Posts}</div></div>
- </div> </div> </div> </div> </div> </div>
- </body>
- <!--
- ♛ POP UP PAGES !!!
- -->
- <div id="box1" class="popup_block">
- <h3>
- Yes?
- </h3>
- <center>
- ( READ THE RULES BEFORE INTERACTION )
- <br>
- <p><iframe frameborder="0" height="250" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/ USERNAME .tumblr.com" width="100%"></iframe></p>
- </div>
- </center>
- <div id="box2" class="popup_block">
- <div style="width:auto;height:350px;overflow:scroll;padding:5px;">
- <h3>THE LAW</h3>
- </div>
- </div>
- <div id="box3" class="popup_block">
- <h3>verses</h3>
- <h2>NOT YET</h2>
- </li>
- </ul>
- </div>
- </div>
- <div id="box4" class="popup_block">
- <div style="width:auto;height:350px;overflow:scroll;padding:5px;">
- <center>
- <span style="line-height:5px">
- <br><br>
- </center>
- <h3>ABOUT</h3>
- None of the art belongs to me unless I say it.</b></h2></p>
- </div>
- </div>
- <div id="box5" class="popup_block">
- <div style="width:auto;height:350px;overflow:scroll;padding:5px;">
- <center>
- <h3>NAVIGATION</h3>
- <div class="popupnavlinks">
- <tr>
- <td><a href="/tagged/link">IC</a></td>
- <td><a href="/tagged/link">OOC</a></td>
- <td><a href="/tagged/link">CONVO</a></td>
- </tr>
- <td><a href="/tagged/link">ASKS</a></td>
- <td><a href="/tagged/link">HC</a></td>
- <td><a href="/tagged/link">MUN</a></td>
- </tr>
- <br>
- <a href="/tagged/link">SAVE</a>
- <a href="/tagged/link">DRABBLE</a>
- <br>
- <a href="/tagged/link">LINK.</a>
- <a href="/tagged/link">LINK.</a>
- <br>
- <br><br><br>
- </div>
- </div>
- </div>
- <!--
- ♛ CUSTOM SIDEBAR TEXT
- -->
- <div id="bite">
- <div id="thekey"></div>
- <div class="death">
- <div id="actualnews">
- <center>
- <div style="width:auto;height:280px;overflow:scroll;padding:5px;">
- <h4>
- „ IMMORTAL “
- </h4>
- Chase Young<br>From Xiaolin Showdown
- <h4>
- „ HEYLIN DRAGON “
- </h4>
- Indie.<br>Semi.Selective<br>
- written by Cee Jay<br>Est. May 26th 2015
- <h4>
- „ YOUNG “
- </h4>
- <b>READ THE RULES BEFORE INTERACTION</b>
- <br>
- </center>
- </div>
- </div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement