Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!------------------------------ FONTS ------------------------------>
- <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Contrail+One" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Orbitron" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Marck+Script" rel="stylesheet">
- <html>
- <!--
- BASE CODE
- http://fratdadbase.tumblr.com/
- THEME BY ZORRA VIA COMMISSIONSBYZORRA
- This code was made for @damagedtm. Don't lift any parts of the code, please.
- -->
- <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:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <!------------------------------ SCRIPTS ----------------------------->
- <!------------------------------ POPUP ------------------------------>
- <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">');
- 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>
- <!----------------------------- TOOLTLIP ----------------------------->
- <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>
- <!------------------------------ TABS ------------------------------>
- <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>
- <!------------------------------ MUSIC ------------------------------>
- </head>
- <!---------------------------- META DATA ----------------------------->
- <meta name="text:Starters" content="00"/>
- <meta name="text:Drafts" content="00"/>
- <meta name="text:Memes" content="00"/>
- <meta name="color:background" content="#010106" />
- <meta name="color:italic" content="#a82c18" />
- <meta name="color:bold" content="#00939f" />
- <meta name="image:childhood" content="https://i.imgur.com/NB6ca6S.png" />
- <meta name="image:teen" content="https://i.imgur.com/NB6ca6S.png" />
- <meta name="image:academy" content="https://i.imgur.com/NB6ca6S.png" />
- <meta name="image:captain" content="https://i.imgur.com/NB6ca6S.png" />
- <meta name="image:au1" content="https://i.imgur.com/NB6ca6S.png" />
- <meta name="image:au2" content="https://i.imgur.com/NB6ca6S.png" />
- <meta name="image:au3" content="https://i.imgur.com/NB6ca6S.png" />
- <meta name="image:au4" content="https://i.imgur.com/NB6ca6S.png" />
- <style type="text/css">
- @font-face {
- font-family:"big noodle titling";
- src:url(https://dl.dropbox.com/s/j5blixn0eu397vv/big_noodle_titling.ttf');
- }
- /*---------------------------- SCROLL BAR ---------------------------*/
- ::-webkit-scrollbar {
- width: 2px;
- height: 2px;
- }
- ::-webkit-scrollbar-button {
- width: 0px;
- height: 0px;
- }
- ::-webkit-scrollbar-thumb {
- background: transparent;
- border: 0px none #a68b7c;
- border-radius: 50px;
- }
- ::-webkit-scrollbar-thumb:hover {
- background: transparent;
- }
- ::-webkit-scrollbar-thumb:active {
- background: transparent;
- }
- ::-webkit-scrollbar-track {
- background: transparent;
- border: 0px none #a68b7c;
- border-radius: 0px;
- }
- ::-webkit-scrollbar-track:hover {
- background:transparent;
- }
- ::-webkit-scrollbar-track:active {
- background: transparent;
- }
- ::-webkit-scrollbar-corner {
- background: transparent;
- }
- /*---------------------------- SELECTION ---------------------------*/
- ::SELECTION {BACKGROUND: {color:bold}; COLOR:#e7e5d1; }
- ::-MOZ-SELECTION {BACKGROUND: {color:bold}; COLOR:#e7e5d1; }
- /*---------------------------- BODY ---------------------------*/
- body {
- background-color:{color:background};
- background-image:url('https://i.imgur.com/G1gKrEV.png');
- background-repeat: no-repeat;
- font-family: karla;
- font-size: 11px;
- text-align: justify;
- color:#faf9d6;
- }
- /*---------------------- QUESTIONS & ANSWERS ------------------------*/
- #askerurl {
- text-transform:uppercase;
- font-weight:400;
- font-size:20px;
- margin-top:30px;
- margin-left:50px;
- padding-bottom:5px;
- width:250px;
- font-family: 'Orbitron', sans-serif;
- text-align:center;
- }
- #asking img {
- padding: 5px;
- }
- #question {
- background-attachment:auto;
- background-image: url('');
- padding:15px 15px;
- margin:3px 0 3px 10px;
- border-right:1px solid #0cddd3;
- border-radius: 5px;
- background-color:#424141;
- color: #fff;
- font-family: 'Open Sans Condensed';
- text-shadow: 1px 1px 5px #fff;
- -webkit-border-radius: 10px;
- }
- #answer {
- word-spacing: 0px;
- }
- #border {
- border: 1px solid #222222;
- padding: 10px;
- max-width: 220px;
- margin-top: 20px;
- }
- /*------------------------ CONTAINER & POSTS ------------------------*/
- #entries {
- background-color:transparent;
- border: 0px solid #3b3b3b;
- width:250px;
- height:400px;
- top:260px;
- padding: 10px;
- margin-left: 600px;
- 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)))
- }
- #entries img {
- height:auto;
- max-width:100%;
- }
- #post img {
- height: auto;
- max-width: 100%;
- }
- #posts {
- width:250px;
- background-color: #222;
- padding-bottom:0px;
- overflow-y:scroll;
- overflow-x:hidden;
- }
- /*---------------------------- NAVIGATION ---------------------------*/
- .base {
- top: 555px;
- left: 505px;
- position: fixed;
- font-size: 30px;
- }
- .missionreport {
- top: 600px;
- left: 475px;
- position: fixed;
- }
- .starcharts {
- top: 595px;
- left: 525px;
- position: fixed;
- }
- /*---------------------------- SIDEBOX ---------------------------*/
- .sidebox {
- position: fixed;
- background-color: #010106;
- padding: 10px;
- top: 275px;
- left: 150px;
- width: 150px;
- height: 200px;
- overflow: auto;
- z-index: 1;
- opacity:0;
- }
- .sidebox:hover {
- opacity: 1;
- -moz-transition-duration:.6s;
- -webkit-transition-duration:.6s;
- -o-transition-duration:.6s;
- }
- .sideboxtitle {
- position: fixed;
- color: #fff;
- font-family: 'Marck Script', cursive;
- font-size: 12px;
- text-shadow: 1px 1px 5px #fff;
- text-transform: none;
- top: 350px;
- left: 200px;
- }
- .sideboxtitle:hover {
- opacity: 0;
- -moz-transition-duration:.6s;
- -webkit-transition-duration:.6s;
- -o-transition-duration:.6s;
- }
- /*---------------------------- CREDIT ---------------------------*/
- .credit {
- left: 97%;
- top: 95%;
- width: 50px;
- height: 50px;
- position: fixed;
- }
- a.credit, a.credit:link, a.credit:active, a.credit:visited{
- color: #fff;
- font-family: 'Marck Script', cursive;
- font-size: 12px;
- text-shadow: 1px 1px 15px #ffffff;
- text-transform: none;
- opacity: .5;
- letter-spacing: 0px;
- }
- a.credit:hover {
- opacity: 0.5;
- letter-spacing: 2px;
- -moz-transition-duration:.6s;
- -webkit-transition-duration:.6s;
- -o-transition-duration:.6s;
- -webkit-filter: blur(0px);
- }
- /*---------------------------- FANCY FONT ---------------------------*/
- h1 {
- font-size:30px;
- font-family: {select:header font1}
- font-weight:400;
- color:#cb857d;
- border-bottom: 1px solid #cb857d;
- text-shadow: 1px 1px 1px #b2736c;
- display:block;
- margin-top: 20px;
- text-align:right;
- text-transform:uppercase;
- padding:10px;
- letter-spacing:3px;
- }
- h2 {
- font-size:12px;
- font-family: 'Marck Script', cursive;
- font-weight:400;
- color:#e1e0db;
- text-align: center;
- text-transform:lowercase;
- letter-spacing:2px;
- display:block;
- text-shadow: 1px 1px 5px #fff;
- margin:0, 0, 5px, 0;
- padding:5px;
- }
- h3 {
- background-image: url('https://i.imgur.com/IhZPxVf.png');
- background-position:top;
- background-attachment:fixed;
- border: double 3px #000;
- padding:10px;
- color:#ffffff;
- overflow: auto;
- text-shadow:1px 1px 2px #000,
- font-size:15px;
- font-family:calibri;
- text-transform:uppercase;
- letter-spacing:1px;
- text-align:center;
- }
- h4 {
- background-color: #1b1b1f;
- border-left: 3px solid #128585;
- border-right: 3px solid #128585;
- text-align: center;
- padding: 5px;
- font-size: 13px;
- font-family:calibri;
- color: #fff;
- }
- i, italic, em {
- font-family: 'Marck Script', cursive;
- font-size: 12px;
- text-shadow: 1px 1px 5px #a82c18;
- text-transform: italic;
- color:{color:italic};
- text-transform:lowercase;
- letter-spacing:1px;
- }
- b, bold, strong {
- font-size:10px;
- font-family: 'Orbitron', sans-serif;
- color:{color:bold};
- text-transform:lowercase;
- }
- u, underline {font:8px 'Fjalla One'; font-weight:400; color:#79b4a8; text-transform:uppercase; letter-spacing:1px;}
- 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: 12px;
- border-left: 3px solid #00939f;
- padding: 5px;
- font-family: courier new;
- font-style: none;
- text-transform: uppercase;
- text-align:left;
- }
- code {
- text-transform: uppercase;
- }
- blockquote {
- padding:2px 7px;
- padding-right:17px;
- margin:3px 0 3px 10px;
- border-left:1px solid #128585;
- -webkit-border-radius: 10px;
- }
- blockquote img{
- max-width:100%;
- height:auto;
- }
- blockquote blockquote img{
- max-width:100%;
- height:auto;
- }
- t, title {
- size: 15px;
- color: 222;
- letter-spacing: 2px;
- font: times;
- }
- quotetext {
- font-family: times;
- font-size: 20px;
- line-height: 21px;
- letter-spacing: 2px;
- text-align: center;
- text-transform:uppercase;
- color: #fff;
- text-shadow: 3px 1px 1px #79b4a8;
- }
- quotations {
- font: courier;
- font-size: 30px;
- color: {color:bold};
- }
- quote {
- font-size: 13px;
- }
- img {
- max-width:100%;
- }
- hr {
- width:100px;
- border: 0;
- height: 0.5px;
- margin-right:10px;
- background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 255), rgba(255, 255, 255, 0));
- }
- /*---------------------------- LINKS ---------------------------*/
- a:link, a:active, a:visited {
- text-decoration: none;
- color: #d0c7c2;
- text-transform: none;
- font-family: 'Contrail One', cursive;
- font-size: 14px;
- -moz-transition-duration:.6s;
- -webkit-transition-duration:.6s;
- -o-transition-duration:.6s;
- -webkit-filter: blur(0px);}
- a:hover {
- color: #b8ada7;
- font-family: 'Contrail One', cursive;
- letter-spacing: 0px;
- -moz-transition-duration:.6s;
- -webkit-transition-duration:.6s;
- -o-transition-duration:.6s;
- -webkit-filter: blur(0px);}
- a.navi, a.navi:link, a.navi:active, a.navi:visited {
- color: #a68b7c;
- text-shadow: 0px 0px 10px #a68b7c;
- font-family: times;
- font-size: 12px;
- }
- a.navi:hover {
- -moz-transition-duration:.6s;
- -webkit-transition-duration:.6s;
- -o-transition-duration:.6s;
- -webkit-filter: blur(0px);
- }
- a.atlas, a.atlas:link, a.atlas:active, a.atlas:visited {
- color: #fff;
- font-family: 'Marck Script', cursive;
- font-size: 12px;
- text-shadow: 1px 1px 5px #a51615;
- text-transform: none;
- }
- a.atlas:hover {
- opacity: .5;
- -moz-transition-duration:.6s;
- -webkit-transition-duration:.6s;
- -o-transition-duration:.6s;
- -webkit-filter: blur(0px);
- }
- /*---------------------------- PAGINATION ---------------------------*/
- .pag {
- position: fixed;
- left: 890px;
- top: 260px;
- width: auto;
- height: auto;
- }
- a.pag, a.pag:link, a.pag:active, a.pag:visited {
- color: #fff;
- font-family: 'Marck Script', cursive;
- font-size: 12px;
- text-shadow: 1px 1px 5px #fff;
- text-transform: none;
- }
- a.pag:hover {
- opacity: .5;
- -moz-transition-duration:.6s;
- -webkit-transition-duration:.6s;
- -o-transition-duration:.6s;
- -webkit-filter: blur(0px);
- }
- /*--------------------------- TAGS & INFO ---------------------------*/
- #infobox {
- border:1px solid transparent;
- margin-bottom:10px;
- padding-top:10px;
- overflow: auto;
- }
- #info {
- margin-left:20px;
- background-color: #1b1b1f;
- border-left: 3px solid #128585;
- border-right: 3px solid #128585;
- text-align: center;
- padding: 5px;
- font-size: 13px;
- font-family:calibri;
- color: #fff;
- height: 10px;
- margin-left:0px;
- margin-bottom: 75px;
- }
- #info a {
- color:#ffffff;
- text-shadow: 0px 0px 2px #000000;
- opacity: 1;
- font-family: 'big noodle titling';
- text-transform: uppercase;
- }
- #info a:hover {
- color:#222;
- opacity: 1;
- }
- #tags {
- width:225px;
- height: 15px;
- overflow: auto;
- padding:10px;
- font-size:5px;
- text-align:left;
- font-family:courier;
- text-transform:uppercase;
- background: #1b1b1f;
- border-bottom:1px solid #474747;
- margin-bottom: 5px;
- opacity: 1;
- margin-left: -5px;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- transition: all 0.8s ease;
- }
- #tags a {
- font-family:consolas;
- font-size:8px;
- line-height:8pt;
- letter-spacing:0px;
- color:#d4cec3;
- text-shadow:0px 0px 7px #7f7f7f;
- text-decoration:none;
- text-transform:uppercase;
- text-align:center;
- display:inline-block;
- margin:1px 0px 3px 0px;
- -webkit-border-radius: 30px;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- -moz-transition-duration: 0.4s;
- -webkit-transition-duration: 0.4s;
- -o-transition-duration: 0.4s;
- transition-duration: 0.4s; }
- #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;
- }
- /*---------------------------- EXTRA 1 ---------------------------*/
- .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;}
- /*-------------------------- MUSIC PLAYER ---------------------------*/
- .songart{
- float:left;
- margin-right:10px;
- }
- .songart img{
- width:80px;
- height:80px;
- }
- .songtitle{
- margin-bottom:10px;
- margin-left:90px;
- }
- .songauthor{
- margin-bottom:10px;
- font-size:8px;
- margin-left:90px;
- }
- .tumblr_audio_player {
- height: 50px;
- }
- /*---------------------------- TOOLTIP ---------------------------*/
- #s-m-t-tooltip{
- max-width:400px;
- margin:15px;
- padding:2px 8px;
- background: #1c0915;
- background-image:url('https://i.imgur.com/IhZPxVf.png');
- background-repeat:repeat;
- background-attachment:fixed;
- border: double 3px #000;
- color:#fff;
- text-shadow:1px 1px 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);}
- /*--------------------------- POPUP ------------------------------ */
- /*--Making IE6 Understand Fixed Positioning--*/
- *html #fade {
- position: absolute;
- }
- *html .popup_block {
- position: absolute;
- }
- .popup_block{
- background-color:#transparent;
- border: 0px solid #3b3b3b;
- width:250px;
- height:500px;
- top:315px;
- padding: 10px;
- left: 678px;
- display: none; /*--hidden by default--*/
- float: left;
- font-size: 10px; /*font size of the words inside the box */
- position: fixed;
- z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */
- }
- #fade { /*--Transparent background layer--*/
- display: none; /*--hidden by default--*/
- background-color: #010106;
- background-image: url(''); /*if you want to add a background image to go behind your popup */
- position: fixed; left: 0; top: 0;
- width: 100%; height: 100%;
- opacity: 0.7;
- z-index: 9999;
- }
- .importante {
- background-color:transparent;
- left: 450px;
- top:200px;
- height: 380px;
- width: 232px;
- position: fixed;
- font-size:11px;
- overflow: auto;
- padding: 10px;
- z-index:2;
- }
- .regs {
- background-image:url('https://i.imgur.com/lpZD4tf.png');
- background-repeat:no-repeat;
- top:175px;
- left: 400px;
- text-align:justify;
- height:500px;
- width:600px;
- position:fixed;
- transition:0.7s ease-in-out;
- -o-transition:0.7s ease-in-out;
- -ms-transition:0.7s ease-in-out;
- -moz-transition:0.7s ease-in-out;
- -webkit-transition:0.7s ease-in-out;
- transition: all 0.4s ease-out;
- -moz-transition-duration: 0.4s;
- -webkit-transition-duration: 0.4s;
- -o-transition-duration: 0.4s;
- transition-duration: 0.4s;
- }
- .warp {
- background-image:url('https://i.imgur.com/qSg0L2F.png');
- background-repeat:no-repeat;
- top:175px;
- left: 400px;
- text-align:justify;
- height:500px;
- width:600px;
- position:fixed;
- transition:0.7s ease-in-out;
- -o-transition:0.7s ease-in-out;
- -ms-transition:0.7s ease-in-out;
- -moz-transition:0.7s ease-in-out;
- -webkit-transition:0.7s ease-in-out;
- transition: all 0.4s ease-out;
- -moz-transition-duration: 0.4s;
- -webkit-transition-duration: 0.4s;
- -o-transition-duration: 0.4s;
- transition-duration: 0.4s;
- }
- .galaxies {
- background-image:url('https://i.imgur.com/dpvUyQn.png');
- background-repeat:no-repeat;
- top:175px;
- left: 400px;
- text-align:justify;
- height:500px;
- width:600px;
- position:fixed;
- transition:0.7s ease-in-out;
- -o-transition:0.7s ease-in-out;
- -ms-transition:0.7s ease-in-out;
- -moz-transition:0.7s ease-in-out;
- -webkit-transition:0.7s ease-in-out;
- transition: all 0.4s ease-out;
- -moz-transition-duration: 0.4s;
- -webkit-transition-duration: 0.4s;
- -o-transition-duration: 0.4s;
- transition-duration: 0.4s;
- }
- .realities {
- background-image:url('https://i.imgur.com/ZggpvgL.png');
- background-repeat:no-repeat;
- top:175px;
- left: 400px;
- text-align:justify;
- height:500px;
- width:600px;
- position:fixed;
- transition:0.7s ease-in-out;
- -o-transition:0.7s ease-in-out;
- -ms-transition:0.7s ease-in-out;
- -moz-transition:0.7s ease-in-out;
- -webkit-transition:0.7s ease-in-out;
- transition: all 0.4s ease-out;
- -moz-transition-duration: 0.4s;
- -webkit-transition-duration: 0.4s;
- -o-transition-duration: 0.4s;
- transition-duration: 0.4s;
- }
- .mates {
- background-image:url('https://i.imgur.com/u6tHkjc.png');
- background-repeat:no-repeat;
- top:175px;
- left: 400px;
- text-align:justify;
- height:500px;
- width:600px;
- position:fixed;
- transition:0.7s ease-in-out;
- -o-transition:0.7s ease-in-out;
- -ms-transition:0.7s ease-in-out;
- -moz-transition:0.7s ease-in-out;
- -webkit-transition:0.7s ease-in-out;
- transition: all 0.4s ease-out;
- -moz-transition-duration: 0.4s;
- -webkit-transition-duration: 0.4s;
- -o-transition-duration: 0.4s;
- transition-duration: 0.4s;
- }
- .popupnavlinks {
- padding-top:5px;
- text-align:center; }
- .popupnavlinks a {
- display:inline-block;
- background-color: #444444;
- border-top: 1px solid #00939f;
- border-bottom: 1px solid #00939f;
- text-align: center;
- font-size: 9px;
- font-family:courier;
- color: #fff;
- display: inline-block;
- width:90px; height:4px;
- margin:2px; padding:3px 6px 10px;
- -webkit-mask-image: -webkit-linear-gradient(left, rgba(24,24,30,0), rgba(24,24,30,1), rgba(24,24,30,0))
- }
- .popupnavlinks a:hover {
- display:inline-block;
- letter-spacing:2px;
- -moz-transition-duration: 0.4s;
- -webkit-transition-duration: 0.4s;
- -o-transition-duration: 0.4s;
- transition-duration: 0.4s;
- }
- .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 }
- /*--------------------------- POPUP ------------------------------ */
- ul#tabs {
- list-style-type: none;
- padding: 0;
- text-align: justify;
- font-size:8px;
- letter-spacing:1px;
- }
- ul#tabs li {
- background-color: transparent;
- border: 0px solid #222222;
- border-radius: 2px;
- background-repeat:repeat;
- background-attachment:fixed;
- background-image: url('');
- display: inline-block;
- padding: 4px;
- margin-bottom: 4px;
- margin-left: 2px;
- cursor: pointer;
- color: #fff;
- text-align: center;
- }
- ul#tabs li:hover {
- background-color: transparent;
- border-radius: 2px;
- color: #ffffff;
- text-shadow: 1px 1px 3px #fff;
- }
- ul#tabs li.active {
- background-image: url('');
- background:transparent;
- background-repeat:repeat;
- background-attachment:fixed;
- border: 0px solid #222222;
- color:#b5d230;
- display: inline-block;
- padding: 4px;
- margin-bottom: 4px;
- cursor: pointer;
- border-radius: 2px;
- text-align: center;
- }
- ul#tab {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
- ul#tab li {
- display: none;
- }
- ul#tab li.active {
- display: block;
- }
- #esperanza {
- position: fixed;
- background-color: #010106;
- border-bottom: 1px solid #3b3b3b;
- padding: 5px;
- width: 242px;
- height: 25px;
- overflow: auto;
- text-align: center;
- z-index: 1;
- }
- #verses {
- background:#1b1b1f;
- border-right: 1px solid #00939f;
- width: 225px;
- height: 150px;
- padding: 5px;
- text-align: justify;
- overflow: auto;
- }
- /* ----------------------------- CHAT CODE --------------------------- */
- /* chat cred: http://dear-indies.tumblr.com/post/125257866576/animalites-imessage-chat-post-ive-seen-a-lot */
- /* IMESSAGE CHAT POST */
- .answer span,.convo li{margin:0 0 5px;border-radius:1em;padding:.5em 10px;max-width:75%;clear:both;position:relative}.answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{float:left;background:#e5e5ea;color:#000;left:3px}.me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{content:"";position:absolute;left:-.5em;bottom:0;width:.5em;height:1em;border-right:.5em solid #e5e5ea;border-bottom-right-radius:1em .5em}.answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{right:3px;float:right;background-color:#e8f3f9;color:#000}.them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{content:"";position:absolute;right:-.5em;bottom:0;width:.5em;height:1em;border-left:.5em solid #e8f3f9;border-bottom-left-radius:1em .5em}.me p,.answer,.asked span{padding:0;margin:0}.answer{overflow:hidden}
- .asked p {
- text-align: left;
- margin: 0 0px 10px 0px;
- padding: 0;
- color: #666666;
- font-family: 'Inconsolata', Inconsolata;
- font-size: 12px;
- line-height: 0px;
- }
- .footerright .viasrc {
- float: left;
- }
- .asked a {
- margin:0;padding:0;
- }
- .user_4{background-color:#55caff;color:#fff}.user_4::after{border-color:#55caff}.user_6{background-color:#60f246;color:#fff}.user_6::after{border-color:#60f246}.user_5{background-color:#9ff3fc;color:#000}.user_5::after{border-color:#9ff3fc}.user_3{background-color:#25c413;color:#fff}.user_3::after{border-color:#25c413}.user_7{background-color:#9b9b9b;color:#fff}.user_7::after{border-color:#9b9b9b}.user_8{background-color:#0d9321;color:#fff}.user_8::after{border-color:#0d9321}.user_9{background-color:#606060;color:#fff}.user_9::after{border-color:#606060}
- .convo {
- overflow: hidden;
- list-style-type: none;
- padding: 0;
- margin: 0;
- }
- </style>
- <body>
- <!--------------------------- SIDEBOX -------------------------------->
- <div class="sideboxtitle">agent of shield</div>
- <div class="sidebox">
- <h4>LEO FITZ</h4>
- <p><center><i>Indie. Selective. AOS.</i></center>
- <p><p>
- <h2>DAMAGED</h2>
- <center><b>You broke me.</b></center>
- <p>
- <p>
- <h3>OWES</h3>
- <center>
- <b>Starters:</b> {text:Starters} <br> <b>Drafts:</b> {text:Drafts} <br> <b>Memes:</b> {text:Memes}
- </center>
- <br>
- <h3>Pennd By</h3>
- <center>
- <i>MIKKI</i>
- </center>
- </div>
- <!---POP UP PAGES--->
- <!---RULES START--->
- <div id="box2" class="popup_block">
- <div style="width:auto;height:490px;overflow:auto; top: 15px;">
- <div id="esperanza" style="top: 185px; left: 450px;">
- <ul id="tabs">
- <li class="active">Rules</li>
- <li>Star Charts</li>
- <li>Galaxies</li>
- <li>Realities</li>
- <li>Family</li>
- </ul>
- </div>
- <ul id="tab">
- <li class="active">
- <div class="regs">
- <div class="importante">
- <h2>REGULATIONS</h2><p>
- Rules Go Here
- </li>
- <li>
- <div class="warp">
- <div class="importante">
- <center>
- <h1>Navigation</h1>
- <div class="popupnavlinks">
- <p><h2>SCRIBE</h2><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>
- <p><h2>ISMS</h2>
- <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>
- <p><h2>CREW</h2><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>
- </li>
- <li>
- <div class="galaxies">
- <div class="importante">
- <h4>GALAXIES</h4>
- <div id="verses">
- <h2>Childhood</h2>
- <p><img src="{image:childhood}" style="width: 75px height: 75px; padding: 5px; float: left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
- </div>
- <p><div id="verses">
- <h2>Teen</h2>
- <p><img src="{image:teen}" style="width: 75px height: 75px; padding: 5px; float: right;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
- </div>
- <p><div id="verses">
- <h2>Academy</h2>
- <p><img src="{image:academy}" style="width: 75px height: 75px; padding: 5px; float: left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
- </div>
- <p><div id="verses">
- <h2>Captain</h2>
- <p><img src="{image:captain}" style="width: 75px height: 75px; padding: 5px; float: right;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
- </div>
- </li>
- <li>
- <div class="realities">
- <div class="importante">
- <h4>Realities</h4>
- <div id="verses">
- <h2>AU 1</h2>
- <p><img src="{image:au1}" style="width: 75px height: 75px; padding: 5px; float: left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
- </div>
- <p><div id="verses">
- <h2>AU 2</h2>
- <p><img src="{image:au2}" style="width: 75px height: 75px; padding: 5px; float: right;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
- </div>
- <p><div id="verses">
- <h2>AU 3</h2>
- <p><img src="{image:au3}" style="width: 75px height: 75px; padding: 5px; float: left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
- </div>
- <p><div id="verses">
- <h2>AU 4</h2>
- <p><img src="{image:au4}" style="width: 75px height: 75px; padding: 5px; float: right;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
- </div>
- </li>
- <li>
- <div class="mates">
- <div class="importante">
- <h2>Crew Members</h2>
- <p><h3>Mains</h3>
- <center>
- <a href="">URL</a>
- <br><i>Name:</i> Input
- <br><b>Relationship:</b> Input
- <p>
- <br><a href="">URL</a>
- <br><i>Name:</i> Input
- <br><b>Relationship:</b> Input
- </center>
- <p><h3>Priorities</h3>
- <center>
- <br><a href="">URL</a>
- <br><i>Name:</i> Input
- <br><b>Relationship:</b> Input
- <p>
- <br><a href="">URL</a>
- <br><i>Name:</i> Input
- <br><b>Relationship:</b> Input
- <p>
- <br><a href="">URL</a>
- <br><i>Name:</i> Input
- <br><b>Relationship:</b> Input
- <p>
- <br><a href="">URL</a>
- <br><i>Name:</i> Input
- <br><b>Relationship:</b> Input
- <p>
- <br><a href="">URL</a>
- <br><i>Name:</i> Input
- <br><b>Relationship:</b> Input
- </center>
- <p><h3>Exclusives</h3>
- <center>
- <a href="">URL</a>
- <br><i>Name:</i> Input
- <br><b>Relationship:</b> Input
- <p>
- <br><a href="">URL</a>
- <br><i>Name:</i> Input
- <br><b>Relationship:</b> Input
- <p>
- <br><a href="">URL</a>
- <br><i>Name:</i> Input
- <br><b>Relationship:</b> Input
- <p>
- <br><a href="">URL</a>
- <br><i>Name:</i> Input
- <br><b>Relationship:</b> Input
- <p>
- <br><a href="">URL</a>
- <br><i>Name:</i> Input
- <br><b>Relationship:</b> Input
- </center>
- </li>
- </ul>
- </div></div>
- <div class="base">
- <a href="/" class="poplight atlas" title="base" style="padding-right: 1px; color: #a51615; font-size: 30px; text-shadow: 1px 1px 15px #a51615;">✦</a>
- </div>
- <div class="missionreport">
- <a href="/ask" class="poplight atlas" title="ask" style="color: #a51615; font-size: 20px; text-shadow: 1px 1px 15px #a51615;">✸</a>
- </div>
- <div class="starcharts">
- <a href="#?w=250" rel="box2" class="poplight atlas" title="rules" style="color: #a51615; font-size: 15px; text-shadow: 1px 1px 1px 15px #a51615;">❉</a>
- </div>
- <!----------------------------- CREDIT ------------------------------>
- <div class="credit">
- <a href="http://commissionsbyzorra.tumblr.com/" title="Commissions By Zorra" class="credit">zorra</a>
- </div>
- <script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/53/53959/2/parts.js"></script>
- <!------------------------- POSTS & CONTENT -------------------------->
- <div class="pag">{block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}" class="pag" style="margin-left: -335px; transform: rotate(-90deg);">backward</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" class="pag" style="margin-right: 0px; transform: rotate(90deg);">forward</a>
- {/block:NextPage}
- {/block:Pagination}</div>
- <div id="entries">
- {block:Posts}
- <div class="posts">
- {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
- {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Video}
- <div class="video">{Video-250}</div>
- {/block:Video}
- {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
- {block:Quote}<quotetext>❝{Quote}❞</quotetext>{block:Source}<h3>{Source}</h3>{/block:Source}{/block:Quote}
- {block:Chat}
- {block:Title}
- <h1>{Title}</h1>{/block:Title}<br>
- <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
- {Line}</li>{/block:Lines}</ul>
- {/block:Chat}
- <!--AUDIO POST-->
- {block:Audio}
- {block:AlbumArt}
- <div class="songart">
- <img src="{AlbumArtURL}">
- </div>
- {/block:AlbumArt}
- <div class="songtitle">
- {block:TrackName}
- {TrackName}
- {/block:TrackName}
- </div>
- <div class="songauthor">
- By
- {block:Artist}
- {Artist}
- {/block:Artist}
- </div>
- {AudioPlayerWhite}
- {/block:Audio}
- {block:Answer}
- <div id="asking" style="margin-left: 250px; margin-bottom: -40px; -ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(7deg);"><img src="{image:asking}" height="64px;" draggable="false"></div>
- <div id="border">
- <div id="askerurl" style="margin-left:0px; margin-top:0px; text-transform:uppercase; color: {color:bold}; word-wrap: break-word; max-width: 100%;">{asker}</div><div style="max-width:150px; margin-left:45px; margin-top:-5px; letter-spacing:2px; word-spacing: 1px; text-align:justify;">sent a transmission</div>
- </div>
- <div id="question" style="margin-top: 20px">{Question}</div>
- <div id="answer" style="margin-top: 20px;">{Answer}</div>
- {/block:Answer}
- <div id="infobox">
- <div id="info">
- <br>
-
- {block:Date}
- <a href="{Permalink}"style="position:absolute; width: autopx; margin-left:-10px; margin-top:-17px; font-size: 9px; font-family: 'Oswald', sans-serif;" title="{TimeAgo}, {ShortMonth} {DayOfMonthWithZero} with {NoteCount} notes ">{ShortMonth} {DayOfMonthWithZero} </a>
- {/block:Date}
- <a href="{ReblogURL}" style="position:absolute; margin-left:-50px; margin-top:-17px; font-size:9px; font-family: 'Oswald', sans-serif;';" title="reblog"> Reblog </a>
- {block:NoRebloggedFrom}
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- {/block:NoRebloggedFrom}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <br>
- <!------------------------ INFO AND SYMBOLS ENDS ---------------------->
- <div id="tags">{block:HasTags}{block:Tags} <a href="{TagURL}" title="{Tag}"> {Tag}</a> {/block:Tags}{/block:HasTags}</div>
- </div>
- <br><br><br><br>
- {/block:Posts}
- <div class="note">
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div></div>
- {/block:Posts}
- </div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment