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=Contrail+One" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Permanent+Marker" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=IM+Fell+English+SC" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Unica+One" 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
- PLEASE DO NOT STEAL OR CLAIM AS YOUR OWN
- THIS WAS A REQUEST/COMMISSION
- -->
- <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>
- </head>
- <!---------------------------- META DATA ----------------------------->
- <meta name="image:headerbackground" content=""/>
- <meta name="text:Starters" content="00"/>
- <meta name="text:Drafts" content="00"/>
- <meta name="text:Memes" content="00"/>
- <meta name="text:Queue" content="00"/>
- <meta name="text:Quote" content="Quote Here" />
- <meta name="color:italic" content="#abbc57" />
- <meta name="color:bold" content="#84cccb" />
- <meta name="color:text" content="#ffffff" />
- <style type="text/css">
- /*---------------------------- 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:#000000;
- background-image:url('https://i.imgur.com/3mrJ2lJ.png');
- background-repeat: no-repeat;
- font-family: calibri;
- font-size: 11px;
- text-align: justify;
- color:#ffffff;
- }
- /*---------------------- 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 #58201d;
- border-radius: 5px;
- background-color:#1a1a1a;
- 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:#000000;
- width:250px;
- height:475px;
- top:200px;
- left: 645px;
- position:relative;
- overflow-y:scroll;
- overflow-x:hidden;
- z-index: 1;
- -webkit-transition: all 0.9s ease-out;
- -moz-transition: all 0.9s ease-out;
- transition: all 0.9s ease-out;
- -webkit-mask-image: -webkit-gradient(linear, left bottom, left 95%,
- from(rgba(4, 4, 4, 0)), to(rgba(4, 4, 4, 1)));
- padding-right:30px;
- opacity:0.5;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out; }
- #entries:hover {
- opacity:1;
- background-color: transparent;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- }
- #entries img {
- height:auto;
- max-width:100%;
- }
- #post img {
- height: auto;
- max-width: 100%;
- }
- #posts {
- width:250px;
- background-color: #171717;
- padding-bottom:0px;
- overflow-y:scroll;
- overflow-x:hidden;
- }
- /*----------------------- VERSE IMAGES ----------------------*/
- #verse {
- width: 100px;
- height: 100px;
- }
- /*---------------------------- NAVIGATION ---------------------------*/
- .links {
- top: 50px;
- left: 855px;
- position: fixed;
- width: auto
- height: auto;
- }
- .casa {
- top: 100px;
- left: 825px;
- position: fixed;
- }
- .preguntas {
- top: 150px;
- left: 900px;
- position: fixed;
- }
- /*---------------------------- SIDEBOX ---------------------------*/
- #sidebox {
- position: fixed;
- background-color: #000000;
- padding: 10px;
- top: 200px;
- left: 455px;
- width: 120px;
- height: 550px;
- overflow: auto;
- z-index: 1;
- opacity:0.5;
- }
- #sidebox:hover {
- opacity: 1;
- -moz-transition-duration:.6s;
- -webkit-transition-duration:.6s;
- -o-transition-duration:.6s;
- }
- /*---------------------------- CREDIT ---------------------------*/
- .credit {
- left: 95%;
- top: 95%;
- width: 50px;
- height: 50px;
- position: fixed;
- }
- a.credit, a.credit:link, a.credit:active, a.credit:visited{
- text-decoration: none;
- color: #312a2a;
- 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.credit:hovor {
- color: #2e2727;
- font-family: 'Contrail One', cursive;
- letter-spacing: 0px;
- -moz-transition-duration:.6s;
- -webkit-transition-duration:.6s;
- -o-transition-duration:.6s;
- -webkit-filter: blur(0px); }
- /*---------------------------- FANCY FONT ---------------------------*/
- h1 {
- font-size:30px;
- font-family: times;
- font-weight:400;
- color:#fff;
- text-shadow: 1px 1px 5px #fff;
- background-color: #33403c;
- border-right: 15px solid #556a64;
- display:block;
- margin-top: 20px;
- text-align:right;
- text-transform:uppercase;
- padding-right:20px;
- letter-spacing:1px;
- }
- h2 {
- font-size:12px
- font-family: 'Marck Script', cursive;
- color:#ffffff;
- text-shadow: 0px 0px 5px #ffffff;
- text-align: center;
- text-transform:none;
- letter-spacing:2px;
- margin:0, 0, 5px, 0;
- padding:5px;
- }
- h3 {
- background-image: url('{image:headerbackground}');
- 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;
- }
- i, italic, em {
- font-family: 'IM Fell English SC', serif;
- font-size: 15px;
- text-transform: italic;
- text-transform: uppercase;
- color:{color:italic};
- text-transform:lowercase;
- letter-spacing:1px;
- }
- b, bold, strong {
- font-size:10px;
- font-family: 'Permanent Marker', cursive;
- 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 #470100;
- padding: 5px;
- font-family: courier new;
- font-style: none;
- text-transform: uppercase;
- text-align:left;
- }
- blockquote {
- padding:2px 7px;
- padding-right:17px;
- margin:3px 0 3px 10px;
- border-left:1px solid #58201d;
- -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;
- text-align: center;
- background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 255), rgba(255, 255, 255, 0));
- }
- #borders {
- border-bottom: 1px solid #3e3e3e;
- }
- /*---------------------------- LINKS ---------------------------*/
- a:link, a:active, a:visited {
- text-decoration: none;
- color: #443a3a;
- text-shadow: 0px 0px 1px #000000;
- text-transform: uppercase;
- font-family: 'Unica One', cursive;
- font-size: 14px;
- -moz-transition-duration:.6s;
- -webkit-transition-duration:.6s;
- -o-transition-duration:.6s;
- -webkit-filter: blur(0px);}
- a:hover {
- color: #2e2727;
- font-family: 'Unica 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);
- }
- /*---------------------------- PAGINATION ---------------------------*/
- .pag {
- position: fixed;
- left: 925px;
- top: 205px;
- width: auto;
- height: auto;
- }
- a.pag, a.pag:link, a.pag:active, a.pag:visited {
- color: #fff;
- font-family: 'Marck Script', cursive;
- font-size: 15px;
- 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: transparent;
- background-image: url('');
- background-position: fixed;
- background-repeat: repeat;
- border: 1px solid #3f3f3f;
- height: 20px;
- margin-left:0px;
- margin-bottom: 75px;
- }
- #info a {
- color:#373737;
- text-shadow: 0px 0px 2px #000000;
- opacity: 1;
- font-family:consolas;
- text-transform: uppercase;
- }
- #info a:hover {
- color:#222;
- opacity: 1;
- transition: 0.70s;
- -webkit-transition: 0.70s;
- -moz-transition: 0.70s;
- -ms-transition: 0.70s;
- -o-transition: 0.70s;
- -webkit-transform: rotate(360deg);
- -moz-transform: rotate(360deg);
- -o-transform: rotate(360deg);
- -ms-transform: rotate(360deg);
- transform: rotate(360deg);
- }
- #tags {
- width:200px;
- height: 25px;
- overflow: auto;
- padding:10px;
- font-size:7px;
- text-align:left;
- font-family:courier;
- text-transform:uppercase;
- background:transparent;
- border-bottom:1px solid #474747;
- margin-bottom: 5px;
- margin-top: 10px;
- opacity: 0;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- transition: all 0.8s ease;
- }
- #tags:hover {
- opacity:1;
- margin-left:15px;
- }
- #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('');
- 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:#000000;
- border: 0px solid #3b3b3b;
- width:245px;
- height:500px;
- top:500px;
- padding: 5px;
- left: 48%;
- 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: #000000;
- 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.5;
- z-index: 9999;
- }
- .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:transparent;
- background-repeat:repeat;
- background-attachment:fixed;
- border: solid 1px #99b7b5;
- color:#99b7b5;
- font-size:9px;
- font-family:calibri;
- text-shadow:1px 1px 0px #fff,
- display: inline-block;
- cursor: pointer;
- }
- .popupnavlinks a:hover {
- display:inline-block;
- letter-spacing:2px;
- border-radius: 46px 10px 58px 0px;
- -moz-border-radius: 46px 10px 58px 0px;
- -webkit-border-radius: 46px 10px 58px 0px;
- -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 }
- /*--------------------------- TABS ------------------------------ */
- 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: #000000;
- border-bottom: 1px solid #3b3b3b;
- padding: 5px;
- width: 250px;
- height: 25px;
- overflow: auto;
- text-align: center;
- z-index: 1;
- }
- #me {
- background-color: #000000;
- width: 250px;
- height: 100px;
- overflow:auto;
- background-color:transparent;
- padding: 2px;
- }
- /* ----------------------------- 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 id="sidebox">
- <h3>MUSE NAME HERE</h3>
- <p><center>Indie. Selective. Verse Based.</center>
- <br>
- <hr></hr>
- <br>
- <quotations>"</quotations><i><quote>{text:quote}</quote></i><quotations>"</quotations>
- <p>
- <p>
- <h3>DEBTS</h3>
- <center>
- <b>Starters:</b> {text:Starters} <br> <b>Drafts:</b> {text:Drafts} <br> <b>Memes:</b> {text:Memes} <br> <b>Queue:</b> {text:Queue}
- </center>
- <br>
- <h3>Pennd By</h3>
- <center>
- <i>PENNAME</i>
- </center>
- </div>
- <!---VERSES STARTS--->
- <div id="box4" class="popup_block">
- <div style="width:auto;height:450px;overflow:auto;padding:5px;">
- <div id="esperanza" style="margin-left: -10px; margin-top: -10px;">
- <ul id="tabs">
- <center>
- <li class="active">Rules</li>
- <li>About</li>
- <li>Main V</li>
- <li>AU V</li>
- <li>Connections</li>
- <li>Atlas</li>
- </center>
- </ul>
- </div>
- <ul id="tab" style="margin-top: 50px;">
- <li class="active">
- Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules Rules
- </li>
- <li>
- <h3>Muse 1</h3>
- <p><strong>FULL NAME:</strong> INPUT<br />
- <strong>RANK:</strong> INPUT<br />
- <strong>DOB:</strong> INPUT<br />
- <strong>POB:</strong> INPUT<br />
- <strong>HOME TOWN:</strong> INPUT<br />
- <strong>SEX:</strong> INPUT<br />
- <strong>ORIENTATION:</strong> INPUT<br />
- <strong>MARITAL STATUS:</strong> INPUT<br />
- <strong>KNOWN LANGUAGES:</strong> INPUT<br />
- <strong>EDUCATION:</strong> INPUT<br />
- <strong>CURRENT OCCUPATION:</strong> INPUT<br />
- <strong>PREVIOUS LOCATIONS:</strong> INPUT</p>
- <h2>Family</h2>
- <p><strong>MOTHER:</strong> INPUT<br />
- <strong>FATHER:</strong> INPUT<br />
- <strong>BROTHER:</strong> INPUT<br />
- <strong>SISTER:</strong> INPUT <br />
- <h2>Traits</h2>
- <p><strong>HAIR / EYES:</strong> INPUT<br />
- <strong>HEIGHT / WEIGHT:</strong> INPUT<br />
- <strong>BODY TYPE / SKINTONE:</strong> INPUT<br />
- <strong>NOTABLE MARKINGS:</strong> INPUT<br />
- <strong>FACE CLAIMS:</strong> INPUT</p>
- <h2>BRIEF BIO</h2>
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
- <hr></hr>
- <br>
- <p><h3>Muse 2</h3>
- <p><strong>FULL NAME:</strong> INPUT<br />
- <strong>RANK:</strong> INPUT<br />
- <strong>DOB:</strong> INPUT<br />
- <strong>POB:</strong> INPUT<br />
- <strong>HOME TOWN:</strong> INPUT<br />
- <strong>SEX:</strong> INPUT<br />
- <strong>ORIENTATION:</strong> INPUT<br />
- <strong>MARITAL STATUS:</strong> INPUT<br />
- <strong>KNOWN LANGUAGES:</strong> INPUT<br />
- <strong>EDUCATION:</strong> INPUT<br />
- <strong>CURRENT OCCUPATION:</strong> INPUT<br />
- <strong>PREVIOUS LOCATIONS:</strong> INPUT</p>
- <h2>Family</h2>
- <p><strong>MOTHER:</strong> INPUT<br />
- <strong>FATHER:</strong> INPUT<br />
- <strong>BROTHER:</strong> INPUT<br />
- <strong>SISTER:</strong> INPUT <br />
- <h2>Traits</h2>
- <p><strong>HAIR / EYES:</strong> INPUT<br />
- <strong>HEIGHT / WEIGHT:</strong> INPUT<br />
- <strong>BODY TYPE / SKINTONE:</strong> INPUT<br />
- <strong>NOTABLE MARKINGS:</strong> INPUT<br />
- <strong>FACE CLAIMS:</strong> INPUT</p>
- <h2>BRIEF BIO</h2>
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
- <hr></hr>
- <br>
- <p><h3>Muse 3</h3>
- <p><strong>FULL NAME:</strong> INPUT<br />
- <strong>RANK:</strong> INPUT<br />
- <strong>DOB:</strong> INPUT<br />
- <strong>POB:</strong> INPUT<br />
- <strong>HOME TOWN:</strong> INPUT<br />
- <strong>SEX:</strong> INPUT<br />
- <strong>ORIENTATION:</strong> INPUT<br />
- <strong>MARITAL STATUS:</strong> INPUT<br />
- <strong>KNOWN LANGUAGES:</strong> INPUT<br />
- <strong>EDUCATION:</strong> INPUT<br />
- <strong>CURRENT OCCUPATION:</strong> INPUT<br />
- <strong>PREVIOUS LOCATIONS:</strong> INPUT</p>
- <h2>Family</h2>
- <p><strong>MOTHER:</strong> INPUT<br />
- <strong>FATHER:</strong> INPUT<br />
- <strong>BROTHER:</strong> INPUT<br />
- <strong>SISTER:</strong> INPUT <br />
- <h2>Traits</h2>
- <p><strong>HAIR / EYES:</strong> INPUT<br />
- <strong>HEIGHT / WEIGHT:</strong> INPUT<br />
- <strong>BODY TYPE / SKINTONE:</strong> INPUT<br />
- <strong>NOTABLE MARKINGS:</strong> INPUT<br />
- <strong>FACE CLAIMS:</strong> INPUT</p>
- <h2>BRIEF BIO</h2>
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
- </li>
- <li>
- <h1>VERSES</h1>
- <p><p><img src="https://i.imgur.com/UCBxlTo.png" style="float: left; padding: 5px;"> Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info
- <p><p><img src="https://i.imgur.com/UCBxlTo.png" style="float: right; padding: 5px;"> Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info
- <p><p><img src="https://i.imgur.com/UCBxlTo.png" style="float: left; padding: 5px;"> Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info
- <p><p><img src="https://i.imgur.com/UCBxlTo.png" style="float: right; padding: 5px;"> Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info
- </li>
- <li>
- <h2>AU VERSES</h2>
- <p><p><img src="https://i.imgur.com/UCBxlTo.png" style="float: left; padding: 5px;"> Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info
- <p><p><img src="https://i.imgur.com/UCBxlTo.png" style="float: right; padding: 5px;"> Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info
- <p><p><img src="https://i.imgur.com/UCBxlTo.png" style="float: left; padding: 5px;"> Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info
- <p><p><img src="https://i.imgur.com/UCBxlTo.png" style="float: right; padding: 5px;"> Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info Info info info info info info info info
- </li>
- <li>
- <h2>Mains & Exclusives</h2>
- <p>STUFF HERE STUFF HERE STUFF HERE STUFF HERE
- </li>
- <li>
- <div class="popupnavlinks">
- <h2>WRITING</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>
- <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>
- </div>
- </li>
- </ul>
- </div></div>
- <!------------------------ POP UPS AND TABS END ------------------>
- <!------------------------ JUMBLE NAVIGATON ----------------------->
- <div class="casa">
- <a href="/" class="poplight third" title="refresh" style="padding-right: 1px; margin-top: -15px; size: 25px;"><img src="https://i.imgur.com/6oMzyaZ.png" style="width: 25px; height: 25px;"></a>
- </div>
- <div class="preguntas">
- <a href="/ask" class="poplight third" style="martin-top: 4px;" title="ask"> <img src="https://i.imgur.com/6oMzyaZ.png" style="width: 25px; height: 25px;"> </a></div>
- <div class="links">
- <a href="#?w=260" rel="box4" class="poplight third" title="NAVIGATION"><img src="https://i.imgur.com/6oMzyaZ.png" style="width: 25px; height: 25px;"></a>
- </div>
- <!----------------------------- CREDIT ------------------------------>
- <div class="credit">
- <a href="http://commissionsbyzorra.tumblr.com" title="commissions by zorra">zorra</a>
- </div>
- <!------------------------- POSTS & CONTENT -------------------------->
- <div class="pag">{block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}" class="pag" style="margin-left: -525px; transform: rotate(-90deg);">backward</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" class="pag" style="margin-right: 0x; 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: 0px 0px 0px 0px; height: 75px; width:75px;"><img src="https://i.imgur.com/oPxPsLN.png" draggable="false" style="margin: 85px 0px 0px 0px;"></div>
- <div id="border">
- <div id="askerurl" style="margin-left:20px; 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:70px; 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:200px; margin-top:-25px; font-size: 25px;" title="{TimeAgo}, {ShortMonth} {DayOfMonthWithZero}"> ★ </a>
- {/block:Date}
- <a href="{Permalink}" style="position:absolute; margin-left: 30px; margin-top:-10px;" title="{NoteCount} notes"> ★ </a>
- <a href="{ReblogURL}" style="position:absolute; margin-left:0px; margin-top:-25px; font-size:25px; font-family:consolas;" title="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}" class="tags"> {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