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:#6bebf5;
- background-image:url('https://static.tumblr.com/pk9eqxj/Y20p1us2w/background.png');
- background-attachment: fixed;
- background-repeat: no-repeat;
- background-position: left top;
- color:#33a8b6;
- font-family: calibri;
- text-align:justify;
- font-size: 11px;
- 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 #19707b,
- 1px -1px 0px #19707b,
- -1px -1px 0px #19707b,
- -1px 1px 0px #19707b,
- 0px 1px 0px #19707b,
- 0px -1px 0px #19707b,
- 1px 0px 0px #19707b,
- -1px 0px 0px #19707b;
- }
- ul#tabs li {
- background-image: url('https://static.tumblr.com/pk9eqxj/QyDp1useb/header.png');
- background-repeat:repeat;
- background-attachment:fixed;
- border-left: double 3px #19707b;
- border-top: double 3px #19707b;
- border-right: double 3px #19707b;
- border-bottom: double 3px #19707b;
- color:#d4fafd;
- text-shadow:1px 1px 0px #19707b,
- 1px -1px 0px #19707b,
- -1px -1px 0px #19707b,
- -1px 1px 0px #19707b,
- 0px 1px 0px #19707b,
- 0px -1px 0px #19707b,
- 1px 0px 0px #19707b,
- -1px 0px 0px #19707b;
- 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:#6bebf5;
- background-repeat:repeat;
- background-attachment:fixed;
- border-left: double 3px #19707b;
- border-top: double 3px #19707b;
- border-right: double 3px #19707b;
- border-bottom: double 3px #19707b;
- color:#fff;
- text-shadow:1px 1px 0px #19707b,
- 1px -1px 0px #19707b,
- -1px -1px 0px #19707b,
- -1px 1px 0px #19707b,
- 0px 1px 0px #19707b,
- 0px -1px 0px #19707b,
- 1px 0px 0px #19707b,
- -1px 0px 0px #19707b;
- 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: #19707b;
- -moz-transition-duration:.6s;
- -webkit-transition-duration:.6s;
- -o-transition-duration:.6s;
- -webkit-filter: blur(0px);}
- a:hover {
- color: #33a8b6;
- -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 #19707b;
- }
- #links a:hover {
- padding:5px;
- margin-right:0px;
- text-shadow: 2px 0px 10px #19707b;
- -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: #33a8b6;
- }
- 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: #33a8b6;
- }
- h3 {
- background-image: url('https://static.tumblr.com/pk9eqxj/QyDp1useb/header.png');
- background-repeat:repeat;
- background-attachment:fixed;
- border-left: double 3px #19707b;
- border-top: double 3px #19707b;
- border-right: double 3px #19707b;
- border-bottom: double 3px #19707b;
- padding:2px;
- color:#d4fafd;
- text-shadow:1px 1px 0px #19707b,
- 1px -1px 0px #19707b,
- -1px -1px 0px #19707b,
- -1px 1px 0px #19707b,
- 0px 1px 0px #19707b,
- 0px -1px 0px #19707b,
- 1px 0px 0px #19707b,
- -1px 0px 0px #19707b;
- font-size:12px;
- font-family:calibri;
- text-transform:uppercase;
- letter-spacing:1px;
- text-align:center;}
- h4 {
- background-image: url('https://static.tumblr.com/pk9eqxj/QyDp1useb/header.png');
- background-repeat:repeat;
- background-attachment:fixed;
- border-left: double 3px #19707b;
- border-top: double 3px #19707b;
- border-right: double 3px #19707b;
- border-bottom: double 3px #19707b;
- padding:2px;
- color:#d4fafd;
- text-shadow:1px 1px 0px #19707b,
- 1px -1px 0px #19707b,
- -1px -1px 0px #19707b,
- -1px 1px 0px #19707b,
- 0px 1px 0px #19707b,
- 0px -1px 0px #19707b,
- 1px 0px 0px #19707b,
- -1px 0px 0px #19707b;
- 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: #33a8b6;
- }
- 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, strong {
- font-size:10px;
- text-transform:none;
- letter-spacing:1px;
- font-family: 'Josefin Sans', sans-serif;
- color: #d4fafd;
- text-shadow:1px 1px 0 #19707b;
- }
- i, italic, em {
- font-size:13px;
- color: #33a8b6;
- font-family: 'Bad Script', cursive;
- text-shadow: 0px 0px 2px #19707b;
- letter-spacing:1px;
- text-transform:none;
- }
- p {
- margin-top:5px;
- margin-bottom:5px;}
- ol {
- list-style:normal;}
- ul {
- list-style:square;}
- small {
- font-size:90%}
- sup,sub {
- font-size:90%}
- pre {
- font-size: 11px;
- 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: #33a8b6;
- text-shadow: 0px 0px 2px #19707b;
- }
- /* 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: 355px;
- 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: 130px;
- 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: #33a8b6;
- width:165px;
- height:420px;
- padding-top:3px;
- border:0px solid #19707b;
- left: 230px;
- 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: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;
- }
- #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:#33a8b6;
- text-shadow: 0px 0px 2px #19707b;
- 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 #19707b;
- left:225px;
- top:230px;
- transform: rotate(0deg);
- text-align: right;
- line-height:20px;
- font-family: 'Josefin Sans', sans-serif;
- font-size: 17px;}
- .alinks a {
- padding:10px;
- color:#d4fafd;
- 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: #d4fafd;
- text-shadow: 7px 7px 3px #19707b;
- }
- .blinks {
- position:fixed;
- text-shadow: 0px 0px 11px #19707b;
- left:570px;
- top:380px;
- transform: rotate(90deg);
- text-align: center;
- font-family: 'Josefin Sans', sans-serif;
- line-height:20px;
- font-size: 19px;}
- .blinks a {
- padding:10px;
- color:#d4fafd;
- 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: #d4fafd;
- text-shadow: 7px 7px 3px #19707b;
- }
- .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:210px;
- margin-top:270px;
- }
- .clinks a {
- text-shadow:0px 0px 7px #19707b;
- text-decoration:none;
- color:#d4fafd;
- -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:140px;
- margin-top:340px;
- }
- .dlinks a {
- text-shadow:0px 0px 7px #19707b;
- text-decoration:none;
- color:#d4fafd;
- -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:150px;
- margin-top:290px;
- }
- .elinks a {
- text-shadow:0px 0px 7px #19707b;
- text-decoration:none;
- color:#d4fafd;
- -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:270px;
- margin-top:270px;
- }
- .flinks a {
- text-shadow:0px 0px 7px #19707b;
- text-decoration:none;
- color:#d4fafd;
- -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:#d4fafd;
- 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: #33a8b6;
- text-shadow: 7px 7px 3px #19707b;
- }
- /* 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:#d4fafd;
- -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:#33a8b6;
- -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:#19707b};}
- .albumart {
- float:left;
- padding:0px 10px 10px 0px;}
- .albumart img {
- width:65px;
- height:65px;}
- .playercontainer {
- text-align:left;
- padding:10px;
- background-color:#6bebf5;
- width:300px;}
- .audioinfo {
- padding:10px;
- color:#33a8b6;}
- /* QUESTIONS & ANSWERS DETAILS */
- #asker {
- font-family: 'Raleway', sans-serif;
- text-align:center;
- padding-top: 10px;
- margin-left:0px;
- text-transform:uppercase;
- color: #d4fafd;
- font-size:20px;
- padding:5px;
- letter-spacing:0px
- text-shadow:0 0 2px #19707b;
- }
- #asker a{
- font-family: 'Raleway', sans-serif;
- text-transform:uppercase;
- font-size:20px;
- letter-spacing: 0px;
- text-shadow: none;
- color: #d4fafd;
- text-shadow:0 0 2px #19707b;
- -webkit-filter: blur(0.5px);
- }
- #asker a:hover {
- color: #33a8b6;
- letter-spacing: 2px;
- text-shadow:0 0 2px #19707b;
- -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 #19707b;
- border-top: double 3px #19707b;
- border-right: double 3px #19707b;
- border-bottom: double 3px #19707b;
- padding:2px;
- color:#33a8b6;
- text-shadow:1px 1px 0px #19707b,
- 1px -1px 0px #19707b,
- -1px -1px 0px #19707b,
- -1px 1px 0px #19707b,
- 0px 1px 0px #19707b,
- 0px -1px 0px #19707b,
- 1px 0px 0px #19707b,
- -1px 0px 0px #19707b;
- font-size:7px;
- text-align:center;
- padding-top: 5px;
- margin-left:0px;
- text-transform:auto;
- letter-spacing:3px
- margin-top:-10px;
- padding:5px;
- background: #6bebf5;
- background: url("https://static.tumblr.com/pk9eqxj/QyDp1useb/header.png");
- background-repeat:repeat;
- padding:2px;
- color:#33a8b6;
- text-transform: uppercase;
- border-bottom-left-radius: 20px;
- border-top-right-radius: 20px;
- padding:10px;
- letter-spacing:2px;
- border-bottom:solid 1px #19707b;
- border-top:solid 1px #19707b;
- }
- .ans {
- text-align:center;
- padding:10px;
- }
- /* POST INFO DETAILS */
- #info {
- width:255px;
- padding-top:4px;
- padding-bottom:1px;
- font-size:12px;
- color:#33a8b6;
- text-transform:uppercase;
- letter-spacing:1px;
- font-style:normal;
- text-align:center;
- padding:5px;
- border-top:1px solid #19707b;
- -moz-transition-duration:0.2s;
- -webkit-transition-duration:0.2s;
- -o-transition-duration:0.2s;}
- #info a {
- font-family:calibri;
- font-size:8px;
- color:#33a8b6;
- text-shadow: 0px 0px 3px #19707b;
- padding:5px;
- font-style:normal;}
- #info a:hover {
- color:#d4fafd;
- -webkit-filter: blur(0px);
- -moz-transition-duration:0.2s;
- -webkit-transition-duration:0.2s;
- -o-transition-duration:0.2s;}
- #tags {
- color:#33a8b6;
- margin-top:5px;
- padding-left:15px;
- text-align:right;
- line-height:9px;
- text-transform:uppercase;
- font-size:9px;
- padding-right:10px;}
- #tags a {
- font-family:calibri;
- color:#33a8b6;}
- #tags a:hover {
- color:#d4fafd;}
- /* 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:#fff;
- padding:20px;
- border:0px solid #19707b; /* if you want a solid white pop-up, delete this */
- float:left;
- height: 350px;
- top:415px; left:590px;
- position:fixed;
- z-index: 99999;
- -webkit-box-shadow: 0px 0px 0px #19707b; /* delete for solid white */
- -moz-box-shadow: 0px 0px 0px #19707b; /* delete for solid white */
- box-shadow: 0px 0px 0px #19707b; /* 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:#fff; /* 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:#6bebf5;
- background-repeat:repeat;
- background-attachment:fixed;
- border-left: double 3px #19707b;
- border-top: double 3px #19707b;
- border-right: double 3px #19707b;
- border-bottom: double 3px #19707b;
- color:#d4fafd;
- font-size:9px;
- font-family:calibri;
- text-shadow:1px 1px 0px #19707b,
- 1px -1px 0px #19707b,
- -1px -1px 0px #19707b,
- -1px 1px 0px #19707b,
- 0px 1px 0px #19707b,
- 0px -1px 0px #19707b,
- 1px 0px 0px #19707b,
- -1px 0px 0px #19707b;
- 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:#33a8b6 }
- /* TOOLTIP DETAILS */
- #s-m-t-tooltip{
- max-width:400px;
- margin:15px;
- padding:2px 8px;
- background: #6bebf5;
- background-image:url('https://static.tumblr.com/pk9eqxj/QyDp1useb/header.png');
- background-repeat:repeat;
- background-attachment:fixed;
- border-left: double 3px #19707b;
- border-top: double 3px #19707b;
- border-right: double 3px #19707b;
- border-bottom: double 3px #19707b;
- color:#d4fafd;
- text-shadow:1px 1px 0px #19707b,
- 1px -1px 0px #19707b,
- -1px -1px 0px #19707b,
- -1px 1px 0px #19707b,
- 0px 1px 0px #19707b,
- 0px -1px 0px #19707b,
- 1px 0px 0px #19707b,
- -1px 0px 0px #19707b;
- 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="PRINCESS ZELDA.">
- DAUGHTER OF<br>THE ROYAL FAMILY;<br>SPIRIT OF WISDOM
- </a>
- </div>
- <div class="blinks">
- <a href="#?w=255" rel="box1" class="poplight" title="ASK.">
- AND STILL THE HOLY POWERS HAVE<br>
- PROVEN DEAF TO MY DEVOTION.
- </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">
- {block:Date}
- <a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero} - {TimeAgo}" style="position:absolute; font-size:12px; margin-left:-90px; margin-top:-5px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;"> ▲ </a> {/block:Date}
- {block:RebloggedFrom}
- <a title="via. {ReblogParentName}" href="{ReblogParentURL}" style="position:absolute; font-size:12px; margin-left:-55px; margin-top:-5px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;"> ▲ </a>
- {/block:RebloggedFrom}
- {block:ContentSource}
- <a title="src. {SourceTitle}" href="{SourceURL}" style="position:absolute; font-size:12px; margin-left:-20px; margin-top:-5px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;"> △ </a>
- {/block:ContentSource}
- {block:NoteCount}
- <a href="{Permalink}" title="{NoteCount} notes" style="position:absolute; font-size:12px; margin-left:15px; margin-top:-5px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;"> △ </a>
- {/block:NoteCount}
- <a href="{ReblogURL}"target="_blank" title="reblog" style="position:absolute; font-size:12px; margin-left:50px; margin-top:-5px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;"> △ </a></br>
- {/block:RebloggedFrom}
- <br>
- <!--
- ♛ INFO AND SYMBOLS ENDS
- -->
- <div id="tags" style="margin-bottom:50px">{block:HasTags}{block:Tags} ▸ <a href="{TagURL}" title="{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</div></div>
- <div class="note">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
- {/block:Posts}
- </div>
- </div>
- </div>
- </body>
- <!--
- ♛ POP UP PAGES !!!
- -->
- <div id="box1" class="popup_block">
- <h3>
- MAIL
- </h3>
- <center>
- Submit inquiries here.
- <br>
- <p><iframe frameborder="0" height="250" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/wisdomlost.tumblr.com" width="100%"></iframe></p>
- </div>
- </center>
- <div id="box2" class="popup_block">
- <div style="width:auto;height:350px;overflow:scroll;padding:5px;">
- Write your rules here.
- </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="https://78.media.tumblr.com/f20f4019e66f38f7c648889eaa742f75/tumblr_inline_p4nuuzA00B1sfzs3x_100.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
- <big><a href="/tagged/YOUR-VERSE-TAG-HERE">SILENT PRINCESS.</a></big>
- <br><br>
- Pre-Calamity. Zelda distracts herself from her own <em>shortcomings</em> by studying Guardians and other ancient Sheikah technology.
- <br><br><br>
- <img src="https://78.media.tumblr.com/188af73d8e9dadd5e03f7c0671dc02ac/tumblr_inline_p4nuuwrxMy1sfzs3x_100.png" 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>
- Verse info here.
- </li>
- <li>
- <img src="https://78.media.tumblr.com/6ce8fe5b2144a3341487a09c879ec2c9/tumblr_inline_p4nuv22BLe1sfzs3x_100.png" 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>
- Verse info here.
- <br><br><br>
- <img src="https://78.media.tumblr.com/453706e8f9e1a83b60ef287824e9919e/tumblr_inline_p4nuv4SqLC1sfzs3x_100.png" 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>
- Verse info here.
- </li>
- <li>
- <img src="https://78.media.tumblr.com/ef199ad6e1bfea0e371e4dc1c79108ea/tumblr_inline_p4nuv8gwtS1sfzs3x_100.png" 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>
- Verse info here.
- <br><br><br>
- <img src="https://78.media.tumblr.com/4fecddcba274e5dfb41cbbe4e3382cc6/tumblr_inline_p4nuykrdwP1sfzs3x_540.png" 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>
- Verse info here.
- </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">
- "What is it?<br>
- What is <b>WRONG</b> with me?"
- <br><br>
- </center>
- <h3>ABOUT</h3>
- Write your about here.
- </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/whatever">LINK</a>
- <a href="/tagged/whatever">LINK</a>
- <br>
- <a href="/tagged/whatever">LINK</a>
- <a href="/tagged/whatever">LINK</a>
- <br>
- <a href="/tagged/whatever">LINK</a>
- <a href="/tagged/whatever">LINK</a>
- <br>
- <a href="/tagged/whatever">LINK</a>
- <a href="/tagged/whatever">LINK</a>
- <br>
- <a href="/tagged/whatever">LINK</a>
- <a href="/tagged/whatever">LINK</a>
- <br>
- <a href="/tagged/whatever">LINK</a>
- <a href="/tagged/whatever">LINK</a>
- <br>
- <a href="/tagged/whatever">LINK</a>
- <a href="/tagged/whatever">LINK</a>
- <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>
- HEIR TO A THRONE OF NOTHING;
- </h4>
- <em>Princess Zelda</em><br>
- of Nintendo's<br>
- <b>BREATH OF THE WILD</b>
- <embed src="https://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=http://k003.kiwi6.com/hotlink/byxogovz63/Life_in_Ruins.mp3&t0=Life in Ruins&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
- <h4>
- OF NOTHING BUT FAILURE.
- </h4>
- "Grandmother heard them—<br>
- the voices from the<br>
- <b>spirit realm</b>.<br>
- Mother said her own power would develop within me.<br>
- But I don't hear... or feel <em>anything!</em>"
- <h4>
- IT IS WOVEN INTO YOUR DESTINY
- </h4>
- Put some tidbits here?
- <h4>THAT YOU PROVE THEM WRONG.</h4>
- And here?
- <br>
- </center>
- </div>
- </div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement