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">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head><title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:sidebar}<meta name="sidebar" content="{Metasidebar}" />{/block:sidebar}
- <!--
- ▐ ▀ ▄ICCONSRP ▀ ▄▐
- // DO NOT USE AS BASE OR CLAIM AS YOUR OWN
- // DO NOT EDIT AND CLAIM AS YOUR OWN
- // PLEASE ASK FOR PERMISSION IF WANTING TO REUSE OR EDIT.
- SOURCES:CODEPEN / HEREISTHELIE / WS3 SCHOOL / ENTERPRIZER -->
- <head>
- <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>
- <script>$(function() {
- // Get main parts of the slider
- var leftContainer = $('#left'),
- rightContainer = $('#right');
- // Slide count
- var slides = $('.image').length;
- // Prepare the right part 'mirror' sliding
- function init() {
- rightContainer.css('top', slides * (-100) + '%');
- }
- function slide() {
- // Slide left side
- leftContainer.animate({
- top: '-100%'
- }, 600, function() {
- $('#left>div:first-child').appendTo(leftContainer);
- leftContainer.css('top', '');
- });
- // Slide right side
- rightContainer.animate({
- top: (slides - 1) * (-100) + '%'
- }, 600, function() {
- $('#right>div:last-child').prependTo(rightContainer);
- rightContainer.css('top', slides * (-100) + '%');
- });
- }
- $(window).click(slide);
- init();
- });
- </script>
- <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js">
- </script>
- <script type="text/javascript">
- $(document).ready(function(){
- $(".links_body").hide();
- $(".links_head").click(function(){
- $(this).next(".links_body").slideToggle('fast');
- }); }); </script>
- <style type="text/css">
- .links_list {
- margin:0px; padding:0px; width:266px;}
- .links_head {
- padding-top:10px; padding-bottom:10px; cursor:pointer; position:relative; margin:1px; text-align:center; color:#eee; font-family: 'Montserrat', sans-serif;text-shadow:0px 0px 4px #fff; font-size:16px; background-image:url('http://imgur.com/cK5Yoy9.png.png');border:3px double #111;}
- .links_body {
- padding:20px; text-align:left; color:#111;
- text-shadow: 2px 2px 4px #111; display:none;}
- </style>
- <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet">
- <!-- verses script -->
- <script type="text/javascript">
- jQuery(document).ready(function(){
- jQuery("ul#tabs li").click(function(e){
- if (!jQuery(this).hasClass("active")) {
- var tabNum = jQuery(this).index();
- var nthChild = tabNum+1;
- jQuery("ul#tabs li.active").removeClass("active");
- jQuery(this).addClass("active");
- jQuery("ul#tab li.active").removeClass("active");
- jQuery("ul#tab li:nth-child("+nthChild+")").addClass("active");
- }
- });
- });
- </script>
- <style type="text/css">
- /* ---------------ANIMATION 1 -- BOUNCE EFFECT---------------*/
- /* the first two sections of css are just setting up our object. you can set the positioning and any colours, backgrounds etc as usual! */
- .moose-animation{
- position:fixed;
- margin-left:650px;
- margin-top:300px;
- /* this is where we set up the animation for the object, there are several lines which seem to repeat the same information, but this is just for cross browser compatibility */
- /* the next section picks apart the 3 lines needed to set up the animation and explains each. this is the duration, the iteration and the origin */
- animation: bbounce linear 2.5s; /* this line links us to the keyframe name we set up. it also gives the total duration of the animation, if you want to make the animation slower, increase the time, for a quicker animation, decrease the time */
- animation-iteration-count: infinite; /* this makes sure the animation will continue to play, you can change this to a number if you only want the animation to play a certain number of times ( or to 1 if you only want it to play on page loading for example ) */
- transform-origin: 50% 50%; /* this just specifies that we want all transformations or effects to be centered on the object. you can change this if you want to pin the transition effect to a corner of your object */
- /* Safari 4+, Android, Chrome */
- -webkit-animation: bbounce linear 2.5s;
- -webkit-animation-iteration-count: infinite;
- -webkit-transform-origin: 50% 50%;
- /* Fx 5+ */
- -moz-animation: bbounce linear 2.5s;
- -moz-animation-iteration-count: infinite;
- -moz-transform-origin: 50% 50%;
- /* Opera 12+ */
- -o-animation: bbounce linear 2.5s;
- -o-animation-iteration-count: infinite;
- -o-transform-origin: 50% 50%;
- /* IE 10+, Fx 29+ */
- -ms-animation: bbounce linear 2.5s;
- -ms-animation-iteration-count: infinite;
- -ms-transform-origin: 50% 50%;}
- /* in these examples i'm going to animate an image. this image could also be a link or the trigger for a hoverbox. you can animate pretty much any object, a piece of text, a whole block, a title, etc.*/
- .moose-animation img {
- height:45px;
- width:45px;
- border-radius:0%;
- padding:5px;
- border:2px solid #fff;
- outline:1px dashed #fff;
- background:#111;}
- /* this is my keyframe setup. i need to give it a name, in this case it's 'bbounce' - the name that is referred to in the css section above. i need to make sure that all of the browser extensions have the same name. we use percentages to specify at which point in the animation certain states have to be achieved. in the first css section above we specified the duration as 2.5 seconds. so at 0 seconds ( 0% ) the animation will begin. by 50% ( halfway through ) the object will have moved 10px down and by 100% ( the 2.5 second point ) it will have returned to the starting position. you can also use negative values to get things to move to the left or up. try out different settings to see how things move! the command 'transform:translate' will change position. */
- @keyframes bbounce{
- 0% {transform:translate(0px,0px);}
- 50% {transform:translate(0px,10px);}
- 100% {transform:translate(0px, 0px);}
- }
- @-moz-keyframes bbounce{
- 0% {-moz-transform:translate(0px,0px);}
- 50% {-moz-transform:translate(0px,10px);}
- 100% {-moz-transform:translate(0px,0px);}
- }
- @-webkit-keyframes bbounce {
- 0% {-webkit-transform:translate(0px,0px);}
- 50% {-webkit-transform:translate(0px,10px);}
- 100% {-webkit-transform:translate(0px,0px);}
- }
- @-o-keyframes bbounce {
- 0% {-o-transform:translate(0px,0px);}
- 50% {-o-transform:translate(0px,10px);}
- 100% {-o-transform:translate(0px,0px);}
- }
- @-ms-keyframes bbounce {
- 0% {-ms-transform:translate(0px,0px);}
- 50% {-ms-transform:translate(0px,10px);}
- 100% {-ms-transform:translate(0px,0px);}
- }
- /* ---------------ANIMATION 1 -- BOUNCE EFFECT---------------*/
- /* the first two sections of css are just setting up our object. you can set the positioning and any colours, backgrounds etc as usual! */
- .moose-animation1{
- position:fixed;
- margin-left:650px;
- margin-top:390px;
- /* this is where we set up the animation for the object, there are several lines which seem to repeat the same information, but this is just for cross browser compatibility */
- /* the next section picks apart the 3 lines needed to set up the animation and explains each. this is the duration, the iteration and the origin */
- animation: bbounce linear 2.5s; /* this line links us to the keyframe name we set up. it also gives the total duration of the animation, if you want to make the animation slower, increase the time, for a quicker animation, decrease the time */
- animation-iteration-count: infinite; /* this makes sure the animation will continue to play, you can change this to a number if you only want the animation to play a certain number of times ( or to 1 if you only want it to play on page loading for example ) */
- transform-origin: 50% 50%; /* this just specifies that we want all transformations or effects to be centered on the object. you can change this if you want to pin the transition effect to a corner of your object */
- /* Safari 4+, Android, Chrome */
- -webkit-animation: bbounce linear 2.5s;
- -webkit-animation-iteration-count: infinite;
- -webkit-transform-origin: 50% 50%;
- /* Fx 5+ */
- -moz-animation: bbounce linear 2.5s;
- -moz-animation-iteration-count: infinite;
- -moz-transform-origin: 50% 50%;
- /* Opera 12+ */
- -o-animation: bbounce linear 2.5s;
- -o-animation-iteration-count: infinite;
- -o-transform-origin: 50% 50%;
- /* IE 10+, Fx 29+ */
- -ms-animation: bbounce linear 2.5s;
- -ms-animation-iteration-count: infinite;
- -ms-transform-origin: 50% 50%;}
- /* in these examples i'm going to animate an image. this image could also be a link or the trigger for a hoverbox. you can animate pretty much any object, a piece of text, a whole block, a title, etc.*/
- .moose-animation1 img {
- height:45px;
- width:45px;
- border-radius:0%;
- padding:5px;
- border:2px solid #fff;
- outline:1px dashed #fff;
- background:#111;}
- /* this is my keyframe setup. i need to give it a name, in this case it's 'bbounce' - the name that is referred to in the css section above. i need to make sure that all of the browser extensions have the same name. we use percentages to specify at which point in the animation certain states have to be achieved. in the first css section above we specified the duration as 2.5 seconds. so at 0 seconds ( 0% ) the animation will begin. by 50% ( halfway through ) the object will have moved 10px down and by 100% ( the 2.5 second point ) it will have returned to the starting position. you can also use negative values to get things to move to the left or up. try out different settings to see how things move! the command 'transform:translate' will change position. */
- @keyframes bbounce{
- 0% {transform:translate(0px,0px);}
- 50% {transform:translate(0px,10px);}
- 100% {transform:translate(0px, 0px);}
- }
- @-moz-keyframes bbounce{
- 0% {-moz-transform:translate(0px,0px);}
- 50% {-moz-transform:translate(0px,10px);}
- 100% {-moz-transform:translate(0px,0px);}
- }
- @-webkit-keyframes bbounce {
- 0% {-webkit-transform:translate(0px,0px);}
- 50% {-webkit-transform:translate(0px,10px);}
- 100% {-webkit-transform:translate(0px,0px);}
- }
- @-o-keyframes bbounce {
- 0% {-o-transform:translate(0px,0px);}
- 50% {-o-transform:translate(0px,10px);}
- 100% {-o-transform:translate(0px,0px);}
- }
- @-ms-keyframes bbounce {
- 0% {-ms-transform:translate(0px,0px);}
- 50% {-ms-transform:translate(0px,10px);}
- 100% {-ms-transform:translate(0px,0px);}
- }
- ::-webkit-scrollbar-thumb {
- height:auto;
- background-color:transparent;
- }
- ::-webkit-scrollbar {
- height:9px;
- width:2px;
- background-color:transparent;
- }
- body {
- background:url('http://static.tumblr.com/i8vvbk7/zjYozxq4y/maggie.png');
- margin:0px;
- color:#141211;
- background-repeat:no-repeat;
- background-color:#111;
- font-family:Calibri;
- font-size:10px;
- line-height:100%;
- }
- small,sub,sup {
- font-size: 9px;
- }
- small {
- color:#fff;
- text-align:justify;
- font-family:arial;
- font-size: 10px;
- letter-spacing:2px;
- line-height:100%;
- text-shadow: 0px 0px 4px #fff;
- }
- a {
- text-decoration:none;
- letter-spacing:2px;
- color:#eee;
- text-shadow:0px 0px 5px #eee;
- font-weight:bold;
- font-family:arial;
- text-transform:uppercase;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- a:hover {
- color:#fff;
- text-shadow: 2px 2px 5px #fff;
- }
- b,strong{
- font-family: arial;
- text-transform:uppercase;
- font-weight:bold;
- color: #ccc;
- text-shadow:0px 0px 3px #111;
- letter-spacing:2px;
- }
- i, em {
- font-family: arial;
- text-transform:uppercase;
- font-weight:bold;
- color:#fff;
- text-shadow:0px 0px 3px #fff;
- line-height:10px;
- }
- img {
- border:none;
- }
- blockquote {
- border-left: 2px solid #ccc;
- margin-left:3px;
- padding-left:4px;
- text-align:justify;
- width:230px;
- }
- blockquote img {
- max-width:100%;
- height:auto;
- margin-left:5px;
- }
- h1 {
- text-shadow: -1px 0 #0f0f0f, 0 1px #0f0f0f,
- 1px 0 #0f0f0f, 0 -1px #0f0f0f, 0px 0px 5px #fff;
- font-family:times;
- font-size:8px;
- font-style:italic;
- text-transform:uppercase;
- text-align:center;
- letter-spacing:3px;
- word-spacing:2px;
- padding:0px;
- }
- h2 {
- border:1px solid #ccc;
- font-family:times;
- color:#fff;
- background-image:url('http://imgur.com/cK5Yoy9.png.png');
- text-shadow: -1px 0 #0f0f0f, 0 1px #0f0f0f,
- 1px 0 #0f0f0f, 0 -1px #0f0f0f, 0px 0px 5px #fff;
- font-size:8px;
- font-style:italic;
- text-transform:uppercase;
- text-align:center;
- letter-spacing:3px;
- word-spacing:2px;
- padding:6px;
- }
- h3 {
- border:1px solid #ccc;
- font-family:times;
- text-shadow: -1px 0 #0f0f0f, 0 1px #0f0f0f,
- 1px 0 #0f0f0f, 0 -1px #0f0f0f, 0px 0px 5px #fff;
- font-size:8px;
- font-style:italic;
- text-transform:uppercase;
- text-align:center;
- letter-spacing:3px;
- word-spacing:2px;
- padding:6px;
- }
- #entries {
- position: absolute;
- width:260px;
- height:450px;
- margin-left:350px;
- margin-top:-20px;
- padding-bottom:30px;
- overflow-y:scroll;
- overflow-x:hidden;
- background-color:transparent;
- -webkit-mask-image: -webkit-gradient(linear, left 60%, left bottom, from(rgba(0,0,0,3)), to(rgba(0,0,0,0)));
- opacity:.4;
- -moz-transition:all ease-in-out 0.5s;
- -webkit-transition:all ease-in-out 0.5s;
- -o-transition:all ease-in-out 0.5s;
- transition:all ease-in-out 0.5s;
- -webkit-filter: grayscale(60%);
- -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;
- }
- #entries:hover {
- opacity:1;
- -webkit-filter: blur(0px);
- -moz-transition:all ease-in-out 0.5s;
- -webkit-transition:all ease-in-out 0.5s;
- -o-transition:all ease-in-out 0.5s;
- transition:all ease-in-out 0.5s;
- }
- #post {
- width:260px;
- padding:10px;
- line-height:100%;
- z-index: 9999;
- position:relative;
- overflow-x: hidden
- margin-top:0px;
- margin-bottom:20px;
- -webkit-filter: blur(0px);
- -webkit-transition-duration: 0.8s;
- -moz-transition-duration:0.8s;
- transition-duration:0.8s;
- -o-transition-duration:0.8s;
- opacity:.9;
- -webkit-transition: 0.8s ease-in;
- >-moz-transition: 1s ease-in;
- transition: 1s ease-in;
- }
- #posts:hover{
- -webkit-filter:none;
- -webkit-transition: all 0.6s ease-in-out;
- }
- #sidebar {
- font-size:8px;
- color:#ccc;
- height:195px;
- position:fixed;
- width:125px;
- z-index:9999;
- overflow-y:scroll;
- padding:5px;
- text-align:center;
- background:transparent;
- margin-left:170px;
- margin-top:245px;
- -webkit-mask-image: -webkit-gradient(linear, left 60%, left bottom, from(rgba(0,0,0,3)), to(rgba(0,0,0,0)));
- opacity:.2;
- -moz-transition:all ease-in-out 0.5s;
- -webkit-transition:all ease-in-out 0.5s;
- -o-transition:all ease-in-out 0.5s;
- transition:all ease-in-out 0.5s;
- -webkit-filter: grayscale(20%);
- -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;
- }
- #sidebar:hover{
- opacity:1;
- -webkit-transition: all 1s ease-in-out;
- -webkit-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;
- -ms-transition: all 1s ease-in-out;
- transition: all 1s ease-in-out;
- }
- #s-m-t-tooltip {
- width:70px;
- padding:3px;
- background-image:url('http://imgur.com/cK5Yoy9.png.png');
- background-repeat:repeat;
- background-attachment:fixed;
- font-weight:bold;
- text-align:justify;
- font-size:8px;
- text-transform:uppercase;
- border-radius:6px;
- border:1px solid #ccc;
- color:#ccc;
- font-family: 'Montserrat', sans-serif;
- text-shadow: -1px 0 #0f0f0f, 0 1px #0f0f0f,
- 1px 0 #0f0f0f, 0 -1px #0f0f0f, 0px 0px 5px #fff;
- z-index:1;
- margin:10px 0px 0px 10px;
- text-shadow: -1px 0 #0f0f0f, 0 1px #0f0f0f,
- 1px 0 #0f0f0f, 0 -1px #0f0f0f;
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #links{
- position:absolute;
- background:transparent;
- opacity:0.8;
- padding:0px;
- left:50%;
- padding:10px;
- margin-left:280px;
- margin-top:60px;
- }
- #links a {
- display:block;
- color:#716a68;
- line-height:20px;
- margin-right:0px;
- padding-right:10px;
- letter-spacing:0px;
- text-shadow:1px 1px 10px #716a68;
- -webkit-filter: blur(0px);
- -webkit-transition:all .5s ease-in-out;
- -moz-transition:all .5s ease-in-out;
- transition:all .5s ease-in-out;
- }
- #links a:hover{
- color:#fff;
- text-shadow: 1px 1px 10px #fff;
- -webkit-filter: blur(3px);
- -webkit-transition:all .5s ease-in-out;
- -moz-transition:all .5s ease-in-out;
- transition:all .5s ease-in-out;
- }
- .link1 {
- position:fixed;
- text-shadow: 0px 0px 5px #000;
- left:180px;
- top:220px;
- text-align: right;
- font-family: 'Mate SC', serif;
- font-size: 10px;}
- .link1 a {
- padding:10px;
- margin-right:0px;
- -webkit-filter: blur(0px);
- -webkit-transition: 1s ease-in;
- -moz-transition: 1s ease-in;
- transition: 1s ease-in;
- }
- .link1:hover {
- -webkit-filter:blur(1px);
- -webkit-transition: all 1s ease-out;
- -moz-transition: all 1s ease-out;
- transition: all 1s ease-out;
- }
- .link2 {
- position:fixed;
- text-shadow: 0px 0px 5px #000;
- left:100px;
- top:230px;
- text-align: right;
- font-family: 'Amatic SC', cursive;
- font-size: 30px;}
- .link2 a {
- padding:10px;
- margin-right:0px;
- -webkit-filter: blur(0px);
- -webkit-transition: 1s ease-in;
- -moz-transition: 1s ease-in;
- transition: 1s ease-in;
- }
- .link2:hover {
- -webkit-filter:blur(1px);
- -webkit-transition: all 1s ease-out;
- -moz-transition: all 1s ease-out;
- transition: all 1s ease-out;
- }
- .link3 {
- position:fixed;
- text-shadow: 0px 0px 5px #000;
- left:110px;
- top:370px;
- text-align: right;
- font-family: 'Amatic SC', cursive;
- font-size: 30px;}
- .link3 a {
- padding:10px;
- margin-right:0px;
- -webkit-filter: blur(0px);
- -webkit-transition: 1s ease-in;
- -moz-transition: 1s ease-in;
- transition: 1s ease-in;
- }
- .link3:hover {
- -webkit-filter:blur(1px);
- -webkit-transition: all 1s ease-out;
- -moz-transition: all 1s ease-out;
- transition: all 1s ease-out;
- }
- .link4 {
- position:fixed;
- text-shadow: 0px 0px 5px #000;
- left:640px;
- top:80px;
- text-align: right;
- font-family: 'Amatic SC', cursive;
- font-size: 40px;}
- .link4 a {
- padding:10px;
- margin-right:0px;
- -webkit-filter: blur(0px);
- -webkit-transition: 1s ease-in;
- -moz-transition: 1s ease-in;
- transition: 1s ease-in;
- }
- .link4:hover {
- -webkit-filter:blur(1px);
- -webkit-transition: all 1s ease-out;
- -moz-transition: all 1s ease-out;
- transition: all 1s ease-out;
- }
- .link5 {
- position:fixed;
- text-shadow: 0px 0px 5px #000;
- left:680px;
- top:150px;
- text-align: right;
- font-family: 'Amatic SC', cursive;
- font-size: 40px;}
- .link5 a {
- padding:10px;
- margin-right:0px;
- -webkit-filter: blur(0px);
- -webkit-transition: 1s ease-in;
- -moz-transition: 1s ease-in;
- transition: 1s ease-in;
- }
- .link5:hover {
- -webkit-filter:blur(1px);
- -webkit-transition: all 1s ease-out;
- -moz-transition: all 1s ease-out;
- transition: all 1s ease-out;
- }
- #pagination {
- position:fixed;
- top:500px;
- left:1070px;
- -webkit-transform: rotate(20deg)
- }
- #pagination a {
- color:#dc71aa;
- font-size:60px;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- #pagination a:hover {
- color:#fff;
- text-shadow: 1px 1px 6px #fff;
- }
- hr {
- width: 100px;
- color: #ddd;
- }
- #slider,
- #left,
- #right {
- height: 100%;
- }
- #left,
- #right {
- position: relative;
- width: 50%;
- }
- #slider {
- overflow: hidden;
- }
- #left {
- left: 0;
- }
- #right {
- top: 0;
- left: 50%;
- }
- .image {
- height: 100%;
- background-size: cover;
- background-position: center;
- }
- .slideslide {
- height: 100%;
- box-sizing: border-box;
- overflow: hidden;
- overflow: scroll;
- background:transparent;
- padding:7px;
- }
- .hero {
- text-align:left;
- font-family: 'Impact', Arial;
- font-size:20px;
- color: #333;
- text-transform: uppercase;
- letter-spacing: 0.2em;
- }
- .description {
- padding:7px;
- width:100px;
- text-align: justify;
- font-family: sans-serif;
- letter-spacing: 0.15em;
- }
- .minion {
- background-image: url(http://imgur.com/fAwxewc.png);
- }
- .minion1 {
- background-image: url(http://imgur.com/We25xGQ.png);
- }
- .minion3 {
- background-image: url(http://imgur.com/jdZFBqt.png);
- }
- .minion2 {
- background-image: url(http://imgur.com/wA0zRFw.png);
- }
- .ghost,
- .content {
- display: inline-block;
- vertical-align: middle;
- margin-right: -4px;
- }
- .popup_block{
- display:none;
- background: url('http://static.tumblr.com/i8vvbk7/Ltuozxu1y/untitled-2.png');
- padding:20px;
- float:left;
- height:560px;
- position:fixed;
- top:50%;
- left:50%;
- z-index: 9999999999;}
- #popupcontent{
- margin-left:138px;
- margin-top: 110px;
- width:258px;
- overflow: scroll;
- left:50%;
- top:50%;
- height:320px;
- padding:10px;
- text-align:justify;
- color:#666;
- font-family:calibri;
- font-size:10px;
- -webkit-mask-image: -webkit-gradient(linear, center 60%, center bottom, from(rgba(0,0,0,20)), to(rgba(20,0,0,0)));
- opacity:1;
- -webkit-filter: grayscale(70%);
- -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;
- }
- *html #fade {position: absolute;}
- *html .popup_block {position: absolute;}
- #fade {
- display:none;
- position:fixed;
- left:0px;
- top:0px;
- width:100%;
- height:100%;
- z-index:99999999;
- background:#000;
- opacity:1;
- }
- ul#tabs {
- list-style-type: none;
- padding: 0;
- font-size:6px;
- font-family: arial;
- font-weight:bold;
- color: #986fd3;
- text-shadow:0px 0px 3px #663737;
- letter-spacing:2px;
- text-align:center;
- }
- ul#tabs li {
- background-color:transparent;
- border:double 3px #000;
- color:#eee;
- display:inline-block;
- width:40px;
- padding:5px 10px;
- margin-bottom: 4px;
- cursor: pointer;
- }
- ul#tabs li:hover {
- background-color: transparent;
- font-family: arial;
- color:#eee;
- text-shadow: 0px 0px 10px #fff, 0px 0px 20px #fff, 6px 6px 3px #fff;
- }
- ul#tabs li.active {
- background:transparent;
- border: double 3px #000;
- color:#eee;
- display:inline-block;
- width:40px;
- padding:5px 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;
- }
- .extra {
- display: inline-block;
- background:transparent;
- font-size:8px;
- border: double 3px #000;
- text-align:center;
- color:#eee;
- display:inline-block;
- width:100px;
- padding:8px;
- cursor: pointer;
- }
- .extra:hover {
- background:transparent;
- text-align:center;
- border: double 3px #000;
- color:#eee;
- padding:8px;
- display:inline-block;
- cursor: pointer;
- }
- .shake-slow {
- display: inline-block;
- transform-origin: center center; }
- .shake-freeze,
- .shake-constant.shake-constant--hover:hover,
- .shake-trigger:hover .shake-constant.shake-constant--hover {
- animation-play-state: paused; }
- .shake-freeze:hover,
- .shake-trigger:hover .shake-freeze, .shake-slow:hover,
- .shake-trigger:hover .shake-slow {
- animation-play-state: running; }
- @keyframes shake-slow {
- 2% {
- transform: translate(0px, -3px) rotate(3.5deg); }
- 4% {
- transform: translate(-9px, -3px) rotate(0.5deg); }
- 6% {
- transform: translate(-7px, 4px) rotate(-0.5deg); }
- 8% {
- transform: translate(7px, 5px) rotate(2.5deg); }
- 10% {
- transform: translate(-1px, -3px) rotate(-1.5deg); }
- 12% {
- transform: translate(-3px, 8px) rotate(1.5deg); }
- 14% {
- transform: translate(9px, -7px) rotate(2.5deg); }
- 16% {
- transform: translate(1px, -9px) rotate(3.5deg); }
- 18% {
- transform: translate(-4px, 7px) rotate(-1.5deg); }
- 20% {
- transform: translate(6px, 3px) rotate(0.5deg); }
- 22% {
- transform: translate(4px, -2px) rotate(-1.5deg); }
- 24% {
- transform: translate(-7px, -8px) rotate(3.5deg); }
- 26% {
- transform: translate(-5px, 9px) rotate(2.5deg); }
- 28% {
- transform: translate(0px, -2px) rotate(-1.5deg); }
- 30% {
- transform: translate(5px, 9px) rotate(1.5deg); }
- 32% {
- transform: translate(6px, 2px) rotate(-1.5deg); }
- 34% {
- transform: translate(-9px, 9px) rotate(2.5deg); }
- 36% {
- transform: translate(-8px, 10px) rotate(3.5deg); }
- 38% {
- transform: translate(2px, -4px) rotate(-2.5deg); }
- 40% {
- transform: translate(2px, 7px) rotate(-2.5deg); }
- 42% {
- transform: translate(2px, 4px) rotate(3.5deg); }
- 44% {
- transform: translate(-8px, -3px) rotate(2.5deg); }
- 46% {
- transform: translate(5px, -3px) rotate(1.5deg); }
- 48% {
- transform: translate(9px, 4px) rotate(3.5deg); }
- 50% {
- transform: translate(-1px, 2px) rotate(-1.5deg); }
- 52% {
- transform: translate(-9px, 4px) rotate(-1.5deg); }
- 54% {
- transform: translate(-1px, -6px) rotate(-2.5deg); }
- 56% {
- transform: translate(4px, -6px) rotate(0.5deg); }
- 58% {
- transform: translate(-8px, 2px) rotate(2.5deg); }
- 60% {
- transform: translate(2px, 10px) rotate(3.5deg); }
- 62% {
- transform: translate(5px, 5px) rotate(1.5deg); }
- 64% {
- transform: translate(5px, 7px) rotate(-0.5deg); }
- 66% {
- transform: translate(-6px, 9px) rotate(-0.5deg); }
- 68% {
- transform: translate(4px, -2px) rotate(0.5deg); }
- 70% {
- transform: translate(-5px, -3px) rotate(3.5deg); }
- 72% {
- transform: translate(2px, 5px) rotate(-0.5deg); }
- 74% {
- transform: translate(-9px, 4px) rotate(3.5deg); }
- 76% {
- transform: translate(3px, -7px) rotate(1.5deg); }
- 78% {
- transform: translate(0px, 4px) rotate(2.5deg); }
- 80% {
- transform: translate(-1px, 4px) rotate(1.5deg); }
- 82% {
- transform: translate(8px, 2px) rotate(1.5deg); }
- 84% {
- transform: translate(7px, -6px) rotate(-0.5deg); }
- 86% {
- transform: translate(3px, 0px) rotate(0.5deg); }
- 88% {
- transform: translate(7px, -9px) rotate(-1.5deg); }
- 90% {
- transform: translate(1px, 3px) rotate(0.5deg); }
- 92% {
- transform: translate(10px, 3px) rotate(-0.5deg); }
- 94% {
- transform: translate(4px, 1px) rotate(1.5deg); }
- 96% {
- transform: translate(3px, 9px) rotate(2.5deg); }
- 98% {
- transform: translate(4px, -7px) rotate(0.5deg); }
- 0%, 100% {
- transform: translate(0, 0) rotate(0); } }
- .shake-slow:hover,
- .shake-trigger:hover .shake-slow, .shake-slow.shake-freeze, .shake-slow.shake-constant {
- animation-name: shake-slow;
- animation-duration: 25s;
- animation-timing-function: ease-in-out;
- animation-iteration-count: infinite; }
- #info {
- text-align:center;
- margin-top:10px;
- }
- #info a {
- font-size:10px;
- color:#ccc;
- text-shadow: 1px 1px 6px #fff;
- }
- #info a:hover {
- color:#fff;
- text-shadow: 1px 1px 6px #fff;
- -webkit-transform: rotate(360deg)
- }
- #asker {
- float:left;
- margin-right:5px;
- text-shadow:0px 0px 2px #ccc;
- }
- #credit {
- font-family: 'Anton', sans-serif;
- font-size:16px;
- font-weight:700;
- letter-spacing:0.5px;
- color:#a4a4a4;
- text-shadow: 1px 1px 10px #ccc;
- text-transform:uppercase;
- -webkit-filter: grayscale(80%);
- z-index: -9999999999999999999999999px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- #credit a {
- background-color:transparent;
- color:#ababab;
- text-shadow: 1px 1px 10px #ababab;
- padding:5px;
- position:fixed;
- right:15px;
- bottom:10px
- }
- #credit a:hover {
- color:#fff;
- text-shadow: 0px 0px 10px #fff, 0px 0px 20px #fff;
- background-color:transparent;
- }
- {CustomCSS}</style></head><body>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:50,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <div class="moose-animation"><img src="http://static.tumblr.com/i8vvbk7/jLCozxtag/untitled-1.png"></div>
- <div class="moose-animation1"><img src="http://static.tumblr.com/i8vvbk7/R83ozxtbk/untitled-2.png"></div>
- <div id="sidebar"><br>
- <h2>STAND </h2>
- we need to keep our <b>faith</b> in each other.
- If we can <i>hold</i> onto that with everything that we have, the <b>FUTURE</b> is ours,
- the <i>world</i> is ours.
- <p> <marquee behavior="scroll" direction="left" scrollamount="5">current status: online / replying. </marquee> </p>
- <h2>STRONG.</h2>
- penned by skye. <br>
- 22, female, & central time.<br><br>
- thread-tracker coming soonish. <br><br>
- <i>READ RULES BEFORE FOLLOWING.</i>
- </div>
- <div id="links">
- <div class="link1"><div class="shake-slow shake-constant shake-constant--hover"><a href="/" title="home."> ★</a></div></div>
- <div class="link2"><div class="shake-slow shake-constant shake-constant--hover"><a href="#?w=560" rel="box1" class="poplight" title="messages."> ★</a></div></div>
- <div class="link3"><div class="shake-slow shake-constant shake-constant--hover"><a href="#?w=560" rel="box2" class="poplight" title="rules."> ★</a></div></div>
- <div class="link4"><div class="shake-slow shake-constant shake-constant--hover"><a href="#?w=560" rel="box3" class="poplight" title="verses."> ★</a></div></div>
- <div class="link5"><div class="shake-slow shake-constant shake-constant--hover"><a href="#?w=560" rel="box4" class="poplight" title="doisser"> ★</a></div></div>
- </div>
- </div>
- <div id="box1" class="popup_block"><div id="popupcontent"><div style="width: 255px; height: 480px; overflow-y: scroll; overflow-x: hidden;">
- <h2>LEAVE A MESSAGE,</h2>
- <iframe frameborder="0" height="380" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/knifetwirled.tumblr.com" width="100%"></iframe>
- </div></div>
- </div></div></div></div></div></div></div></div></div></div>
- <div id="box2" class="popup_block">
- <div id="popupcontent">
- <ul id="tabs">
- <li class="active">RULES</li>
- <li>MAINS</li>
- <li>ABOUT</li>
- </ul>
- <ul id="tab">
- <li class="active">
- <div class="product-attributes">
- <h2>BASICS.</h2>
- GUIDELINES HERE.
- -
- </div>
- </li>
- <li>
- <center>
- <h2> FAMILY DONT END IN BLOOD.</h2>
- <a href="/tagged/URL FOR THE LINK" class="extra">NAME</a>
- <a href="/tagged/URL FOR THE LINK" class="extra">NAME</a><br>
- <a href="/tagged/URL FOR THE LINK" class="extra">NAME</a>
- <a href="/tagged/URL FOR THE LINK" class="extra">NAME</a><br>
- <a href="/tagged/URL FOR THE LINK" class="extra">NAME</a>
- <a href="/tagged/URL FOR THE LINK" class="extra">NAME</a><br>
- <a href="/tagged/URL FOR THE LINK" class="extra">NAME</a>
- <a href="/tagged/URL FOR THE LINK" class="extra">NAME</a><br>
- <a href="/tagged/URL FOR THE LINK" class="extra">NAME</a>
- <a href="/tagged/URL FOR THE LINK" class="extra">NAME</a><br>
- <a href="/tagged/URL FOR THE LINK" class="extra">NAME</a>
- <a href="/tagged/URL FOR THE LINK" class="extra">NAME</a><br>
- </center>
- </li>
- <li>
- <div class="support_box">
- <h2>COOL GIRL</h2>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
- <h2>COOL GIRL</h2>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
- <h2>COOL GIRL</h2>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
- </div>
- </li>
- </ul>
- </div>
- <br><br><br>
- </div>
- <div id="box3" class="popup_block">
- <div id="popupcontent">
- <!--- SAFE HOUSE 1 --->
- <div class="links_list">
- <p class="links_head">TITLE </p>
- <div class="links_body">
- SEASON<hr><div class = "pic"><img src = "http://imgur.com/NjkpICO.png" align="left" style="margin-right:10px;"></div><p>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
- <hr>
- </div> </div>
- <!--- SAFE HOUSE 2 --->
- <div class="links_list">
- <p class="links_head"> TITLE </p>
- <div class="links_body">
- SEASON<hr>
- <div class = "pic"><img src = "http://imgur.com/NjkpICO.png"align="left" style="margin-right:10px;"> </div>
- <p>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum<hr>
- </div> </div>
- <!--- SAFE HOUSE 3 --->
- <div class="links_list">
- <p class="links_head"> TITLE </p>
- <div class="links_body">
- SEASON<hr>
- <div class = "pic"><img src = "http://imgur.com/NjkpICO.png"align="left" style="margin-right:10px;"> </div>
- <p>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum<hr>
- </div> </div>
- <!--- SAFE HOUSE 4 --->
- <div class="links_list">
- <p class="links_head"> TITLE </p>
- <div class="links_body">
- SEASON<hr><div class = "pic"><hr><img src = "http://imgur.com/NjkpICO.png"align="left" style="margin-right:10px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum<<hr>
- </div> </div>
- <!--- SAFE HOUSE 5 --->
- <div class="links_list">
- <p class="links_head"> TITLE </p>
- <div class="links_body">
- SEASON<hr>
- <div class = "pic"><img src = "http://imgur.com/NjkpICO.png"align="left" style="margin-right:10px;"> </div>
- <p>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum<hr>
- </div> </div>
- <!--- SAFE HOUSE 6 --->
- <div class="links_list">
- <p class="links_head"> TITLE </p>
- <div class="links_body">
- SEASON<hr>
- <div class = "pic"><img src = "http://imgur.com/NjkpICO.png"align="left" style="margin-right:10px;"> </div>
- <p>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum<hr>
- </div> </div> </li>
- <!-- do not edit below here -->
- <p><br><p><br></div>
- </div></div></div>
- </div></div>
- <div id="box4" class="popup_block">
- <div id="popupcontent">
- <h1>CLICK</h1>
- <div id="slider">
- <div id="left">
- <div class="image minion1"></div>
- <div class="slideslide">
- <div class="ghost"></div>
- <div class="content">
- <p class="hero">minion1</p>
- <hr />
- <div class="description">
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laboru
- </div>
- </div>
- </div>
- <div class="image minion3"></div>
- <div class="slideslide">
- <div class="ghost"></div>
- <div class="content">
- <p class="hero">minion2</p>
- <hr />
- <div class="description">
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laboru
- </div>
- </div>
- </div>
- </div>
- <div id="right">
- <div class="image minion2"></div>
- <div class="slideslide">
- <div class="ghost"></div>
- <div class="content">
- <p class="hero">minion3</p>
- <hr />
- <div class="description">
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laboru
- </div>
- </div>
- </div>
- <div class="image minion "></div>
- <div class="slideslide">
- <div class="ghost"></div>
- <div class="content">
- <p class="hero">minion</p>
- <hr />
- <div class="description">
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laboru
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- do not edit below here -->
- <p><br><p><br></div>
- </div></div>
- </div></div></div></div></div></div></div></div></div></div>
- <div id="credit"><a href="http://icconsrp.tumblr.com/" title=""> ☆ </a></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>
- <div id="entries">{block:Posts}<div id="post">
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:sidebar}{sidebar}{/block:sidebar}{/block:Link}
- {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
- {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<b><span style ="font-size:13px;background:{color:transparent};color:#404040;padding:2px;text-transform:lowercase;color:{color:text}">{Asker} left stardust, </span></b> <div id="ask" style="background: url('http://imgur.com/cK5Yoy9.png.png');text-shadow: -1px 0 #0f0f0f, 0 1px #0f0f0f,1px 0 #0f0f0f, 0 -1px #0f0f0f, 0px 0px 5px #fff;border-radius:9px; text-align:left;margin-left:0px;margin-top:0px;font-style:italic;padding:15px;font-size:14px;font-color:#ccc;text-transform:lowercase;letter-spacing:0px;border:0px solid {color:border}; margin-top:2px;">{Question}</span></div>{Answer}{/block:Answer}
- <div id="info">
- <a href="{Permalink}" title="{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {12Hour}:{Minutes}" style="position:absolute; margin-left:60px; font-size:25px; margin-top:-2px; -webkit-transform: rotate(-80deg); -ms-transform: rotate(-80deg); transform: rotate(30deg);">☆</a>
- {block:NoteCount}<a href="{Permalink}" title="{NoteCount}" style="position:absolute; margin-left:80px; margin-top:10px; font-size:15px; -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg);">✧</a>{/block:NoteCount}
- {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}" style="position:absolute; margin-left:90px; font-size:22px; margin-top:-3px; -webkit-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg);">✦</a>
- {block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}" style="position:absolute; margin-left:56px; margin-top:10px; -webkit-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-60deg);">✦</a>
- {/block:ContentSource}{/block:RebloggedFrom}
- {/block:Date}
- </div>
- </div>
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement