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:#787878;
- background-image:url('http://i.imgur.com/BrAmZPf.gif');
- background-attachment: fixed;
- background-repeat: no-repeat;
- background-position: left top;
- color:#060606; /*this is the text color for popup font && normal text
- 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://66.media.tumblr.com/2c197e62689eac4fbb4c730663c0bd14/tumblr_oc4aa3bqcg1ud4mdwo2_r1_400.gif');
- 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('');
- 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: #93a7aa;
- -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: #91a3ac;
- }
- 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: #91a3ac;
- }
- h3 {
- background-image: url('https://66.media.tumblr.com/2c197e62689eac4fbb4c730663c0bd14/tumblr_oc4aa3bqcg1ud4mdwo2_r1_400.gif');
- 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:#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;
- font-size:12px;
- font-family:calibri;
- text-transform:uppercase;
- letter-spacing:1px;
- text-align:center;}
- h4 {
- background-image: url('https://66.media.tumblr.com/2c197e62689eac4fbb4c730663c0bd14/tumblr_oc4aa3bqcg1ud4mdwo2_r1_400.gif');
- 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:#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;
- font-size:9px;
- font-family:calibri;
- text-transform:uppercase;
- letter-spacing:1px;
- text-align:center;}
- hr {
- color:#818181;
- 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: #000;
- }
- 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:10px;
- text-transform:uppercase;
- letter-spacing:1px;
- font-family: 'Josefin Sans', sans-serif;
- color: #9cb4c0;
- text-shadow:1px 1px 0 #000;
- }
- i, italic {
- font-size:13px;
- color: #c2cbcc;
- font-family: 'Bad Script', 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:#000;
- 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: #91a3ac;
- 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:210px;
- padding: 20px;
- top:520px;
- 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: #000;
- width:165px;
- height:420px;
- padding-top:3px;
- border:0px solid #131313;
- left: 480px;
- top: 455px;
- 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 #FFF;
- left:820px;
- top:490px;
- transform: rotate(90deg);
- text-align: right;
- line-height:20px;
- font-family: 'Josefin Sans', sans-serif;
- font-size: 10px;}
- .alinks a {
- padding:10px;
- color:#0d0d0d;
- 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 #0f0f0f;
- left:640px;
- top:380px;
- transform: rotate(0deg);
- text-align: center;
- font-family: 'Josefin Sans', sans-serif;
- line-height:20px;
- font-size: 19px;}
- .blinks a {
- padding:10px;
- color:#0d0d0d;
- 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: #7f7f7f;
- text-shadow: 7px 7px 3px #000000;
- }
- .clinks {
- position:fixed;
- font-size:35px;
- text-decoration:none;
- transform: rotate(-30deg);
- -ms-transform: rotate(-30deg);
- -webkit-transform: rotate(-30deg);
- -o-transform: rotate(-30deg);
- -moz-transform: rotate(-30deg);
- margin-left:770px;
- margin-top:370px;
- }
- .clinks a {
- text-shadow:0px 0px 7px #7f7f7f;
- text-decoration:none;
- color:#000;
- -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:17px;
- text-decoration:none;
- transform: rotate(30deg);
- -ms-transform: rotate(30deg);
- -webkit-transform: rotate(30deg);
- -o-transform: rotate(30deg);
- -moz-transform: rotate(30deg);
- margin-left:740px;
- margin-top:370px;
- }
- .dlinks a {
- text-shadow:0px 0px 7px #7f7f7f;
- text-decoration:none;
- color:#000;
- -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:22px;
- text-decoration:none;
- transform: rotate(-90deg);
- -ms-transform: rotate(-90deg);
- -webkit-transform: rotate(-90deg);
- -o-transform: rotate(-90deg);
- -moz-transform: rotate(-90deg);
- margin-left:750px;
- margin-top:390px;
- }
- .elinks a {
- text-shadow:0px 0px 7px #7f7f7f;
- text-decoration:none;
- color:#000;
- -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:17px;
- text-decoration:none;
- transform: rotate(10deg);
- -ms-transform: rotate(10deg);
- -webkit-transform: rotate(10deg);
- -o-transform: rotate(10deg);
- -moz-transform: rotate(10deg);
- margin-left:780px;
- margin-top:400px;
- }
- .flinks a {
- text-shadow:0px 0px 7px #7f7f7f;
- text-decoration:none;
- color:#000;
- -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:#6e6e6e;
- 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:170px;
- left:430px;
- letter-spacing:3px;
- text-align:center;
- z-index:999999999999;
- }
- #pagination a {
- text-transform:uppercase;
- color:#b3b3b3;
- -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: #91a3ac;
- 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: #91a3ac;
- 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:#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;
- 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://66.media.tumblr.com/2c197e62689eac4fbb4c730663c0bd14/tumblr_oc4aa3bqcg1ud4mdwo2_r1_400.gif");
- background-repeat:repeat;
- background-attachment:fixed;
- border-left: double 5px #000;
- border-top: double 5px #000;
- border-right: double 5px #000;
- border-bottom: double 5px #000;
- 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://66.media.tumblr.com/2c197e62689eac4fbb4c730663c0bd14/tumblr_oc4aa3bqcg1ud4mdwo2_r1_400.gif');
- 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:#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;
- 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:#dcdcdc;}
- #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:#000;
- 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:#757575;
- padding:20px;
- border:1px solid #000; /* if you want a solid white pop-up, delete this */
- float:left;
- height: 350px;
- top:485px; left:600px;
- 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:#0d0d0d;
- 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('https://66.media.tumblr.com/2c197e62689eac4fbb4c730663c0bd14/tumblr_oc4aa3bqcg1ud4mdwo2_r1_400.gif');
- 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="it is the gods that have woven our destinies, not ourselves.">
- TRAGEDY IS SEWN INTO YOUR SOUL, DARLING</P>
- </a>
- </div>
- <div class="blinks">
- <a href="#?w=255" rel="box1" class="poplight" title="messages.">
- YOU ARE NOT YOUR WOUNDS
- </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>
- MARRED BOY
- </h3>
- <center>
- please read my rules beforehand !
- <br>
- <p><iframe frameborder="0" height="250" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/ofteme.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>g u i d e l i n e s</h3>
- <BLOCKQUOTE>• be sweet & kind<em>!!</em></strong><strong><br />•</strong> please don't steal things 'cause i'll fight u.<br /><strong>•</strong> oc & crossover friendly.<br /><strong>•</strong> mutuals only.<br /><strong>•</strong> you don't need to match my length.<br /><strong>•</strong> will not reply to non-mutuals unless messaged otherwise.<br /><strong>•</strong> pls tag irl gore / blood.<br /><strong>•</strong> multiship & multiverse.<br /><strong>•</strong> i don't send in guideline passwords or like rule posts to prove they have been but if its some thing you really feel bothered by i'll do it.<br /><strong>•</strong> keep your drama to yourself, kiddos, im not ur gossip dump.<br /><strong>•</strong> nsfw threads will be tagged accordingly.<br /><strong>•</strong> i'm not my character like please don't ever pull this on me i beg of you.</p></BLOCKQUOTE>
- <br><br>
- <h3>wr i t i n g</h3>
- <blockquote>this blog is <em>mutuals only</em>, meaning i'll only being writing with people that are in mutual follow with me. please <strong>don't</strong> attempt to send me anything <strong>ic</strong> if I have not returned your follow. i just like keeping my dash clean, & with a busy schedule i have to be <strong>selective</strong>. please don't think this is something against you, it's just for my own sanity.<br /><br />regarding this, please <strong>don't follow / refollow</strong> me in an attempt to get my attention, it's a little irritating.</blockquote>
- <h3>shipping ft nsfw</h3>
- <blockquote>this blog is <em>multiverse & multiship</em>, though it won't be the main priority of the blog. all ships will be based off <strong>chemistry</strong> or <strong>plot</strong>, none of which will simply be because we want them together. <em>don't force</em> any ships on me, i'll hold the same respect for you. if you would like to ship our characters, don't be too nervous to speak up about it. if it happens, it happens.<br /><br /><strong>note:</strong> nsfw themes such as gore, violence or smut will be tagged accordingly & probably be placed under 'read more' </blockquote>
- <h3>E X C L U S I V I T Y</h3>
- <blockquote>okay so i know the voltron fandom is huge and all but i'll happily become <em>exclusive</em> with someone if they <strong>ask</strong>. meaning that i'll only roleplay with that version of their character.<br /><br /><strong>note:</strong> if you see me writing with the same muse as you, please don't ask me to choose between you two. it makes me uncomfortable & it makes things awkward. i also prefer mains should that be more simpler to discuss.</blockquote>
- </div>
- </div>
- <div id="box3" class="popup_block">
- <h3>verses</h3>
- <ul id="tabs">
- <li class="active">MAIN.</li>
-
- <li>AU.</li>
-
- <li>GROUP.</li>
- </ul>
- <div style="width:auto;height:270px;overflow:scroll;padding:5px;">
- <ul id="tab">
- <li class="active">
- <img src="http://i.imgur.com/ELji4fN.gif" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
- <big><a href="/tagged/YOUR-VERSE-TAG-HERE">before the storm.</a></big>
- <br><br>
- tba;<p>
- tba.<p>
- tba.
- <br><br><br>
- <img src="http://i.imgur.com/LmRtKCI.gif" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
- <big><a href="/tagged/YOUR-VERSE-TAG-HERE">protector.</a></big>
- <br><br>
- main verse;<p>
- tba;<p>
- tba
- </li>
- <li>
- <img src="http://i.imgur.com/4xEVmly.gif" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
- <big><a href="/tagged/YOUR-VERSE-TAG-HERE">VERSE NAME.</a></big>
- <br><br>
- smt here. tba.
- <br><br><br>
- <img src="http://i.imgur.com/xVyO1mq.gif" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
- <big><a href="/tagged/YOUR-VERSE-TAG-HERE">VERSE NAME.</a></big>
- <br><br>
- rip. tba.
- </li>
- <li>
- <img src="http://i.imgur.com/8RjgBZN.gif" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
- <big><a href="/tagged/YOUR-VERSE-TAG-HERE">VERSE NAME.</a></big>
- <br><br>
- wh. tba.
- <br><br><br>
- <img src="http://i.imgur.com/PQDDdR4.gif" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
- <big><a href="/tagged/YOUR-VERSE-TAG-HERE">VERSE NAME.</a></big>
- <br><br>
- squints. tba.
- </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 SECTION</h3>
- soon
- <br><br>
- rip
- <h3>OR ANYTHING ELSE YOU WANT, REALLY</h3>
- ugh
- <br><br>
- omg
- </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">
- <a href="/tagged/inquiries. ⁽ ᵃˢᵏˢ⋅ ⁾">answered asks</a>
- <a href="/tagged/crack. ⁽ ˢʰᵘᵗ ʸᵒᵘʳ ᑫᵘᶦᶻᶰᵃᵏ⋅ ⁾">crack</a>
- <br>
- <a href="/tagged/memes. ⁽ ᵗʰᵉ ᵈᵃᶰᵏᵉˢᵗ ᵐᵉᵐᵉˢ⋅ ⁾">memes</a>
- <a href="/tagged/ic. ⁽ ᶦᶰ ᶜʰᵃʳᵃ⋅ ⁾">ic posts</a>
- <br>
- <a href="/tagged/ooc. ⁽ ˢʰᵘᵗ ᵘᵖ ᵇᵃᵐᵇᶦ⋅ ⁾">ooc posts</a>
- <a href="/tagged/hc.">headcanons</a>
- <br>
- <a href="/tagged/musings. ⁽ ᵗʰʳᵉᵃᵈᵉᵈ ᶰᵉᵉᵈᶫᵉ⋅ ⁾">musings</a>
- <a href="/tagged/whatever">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>
- you were born into war.
- </h4>
- you inhale <b>determination</b>
- <p> && exhale <b>vigor</b>
- <h4>
- you were raised in a war.
- </h4>
- selective <b>ISUZU SOHMA</b><p>
- from <em><b>FRUITS BASKET</b></em>
- <p>written by <em><b>BAMBI</b></em>
- <h4>
- it’s all you’ve ever known.
- </h4>
- <br>
- </center>
- </div>
- </div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement