Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
- <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
- <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}
- <meta name="color:background" content="#000000"/>
- <meta name="color:text" content="#7b7b7b"/>
- <meta name="color:bold" content="#7b7b7b"/>
- <meta name="color:italic" content="#7b7b7b"/>
- <meta name="color:borders" content="#111"/>
- <meta name="color:links" content="#868686"/>
- <meta name="color:sidebar background" content="#040404"/>
- <meta name="color:description Background" content="#040404"/>
- <meta name="color:post background" content="#040404"/>
- <meta name="color:title color" content="#aaa"/>
- <meta name="color:nav title background" content="#070707"/>
- <meta name="color:top links color" content="#7b7b7b"/>
- <meta name="color:container background" content="#0a0a0a"/>
- <meta name="image:container bg" content=""/>
- <meta name="image:outer bg" content=""/>
- <meta name="image:icon" content=""/>
- <meta name="image:tab image" content=""/>
- <meta name="if:grayscale" content="1">
- <meta name="text:desc subtitle" content="muse name & age."/>
- <meta name="text:nav tab title" content="this is a tab!!"/>
- <meta name="text:muse tab title" content="meet the kids!"/>
- <meta name="text:url link1" content="/">
- <meta name="text:url link2" content="/">
- <meta name="text:url link3" content="/">
- <meta name="text:url link4" content="/">
- <meta name="text:link1" content="refresh">
- <meta name="text:link2" content="inquire">
- <meta name="text:link3" content="navigation">
- <meta name="text:link4" content="muses">
- <meta name="text:desc" content="text here">
- <meta name="text:sidebar title" content="softness">
- <meta name="text:subtitle" content= "무죄 란 무엇인가?">
- <meta name="text:ask title" content="ask me anything">
- <meta name="text:nav title" content="navigation">
- <meta name="text:nav subtitle" content="subtitle text goes right here">
- <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:200' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
- <link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700|Montserrat:400,700" rel="stylesheet">
- <script>
- function openAlytut(evt, alytutName) {
- var i, x, tablinks;
- x = document.getElementsByClassName("alytut");
- for (i = 0; i < x.length; i++) {
- x[i].style.display = "none";
- }
- tablinks = document.getElementsByClassName("tablink");
- for (i = 0; i < x.length; i++) {
- tablinks[i].className = tablinks[i].className.replace(" tabzact", "");
- }
- document.getElementById(alytutName).style.display = "block";
- evt.currentTarget.className += " tabzact";
- }
- </script>
- <script type="text/javascript"
- src="https://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 src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips();
- });
- })(jQuery);
- </script>
- <style type="text/css">
- @font-face{ font-family:"hermes"; src: url('https://dl.dropboxusercontent.com/s/rhje42nhg8bamiq/Herrmes.otf’)'); }
- @font-face { font-family: "magnolia"; src: url('https://dl.dropboxusercontent.com/s/xoz0bon4bo6gwsd/5.%20Magnolia%20Sky.otf'); ;}
- @font-face { font-family: "stylish"; src: url('https://dl.dropboxusercontent.com/s/ljshs3r55gvaof9/StylishBrush-Regular.otf'); ;}
- @font-face{ font-family:"lemonmilk"; src:url('https://static.tumblr.com/qj55r9f/0Reosfrtp/lemonmilk.otf');}
- @font-face { font-family: "poppins"; src: url('https://dl.dropboxusercontent.com/s/5tf8iw9skd99dgl/Poppins-Regular.ttf'); ;}
- @font-face { font-family: "seoul"; src: url('https://dl.dropboxusercontent.com/s/k4kgnq8rz7s81y0/Seoul%20Script.ttf') ; }
- @font-face { font-family: "shamber"; src: url('https://dl.dropboxusercontent.com/s/n1pnijs5mi40hu1/Shamber.ttf') ; }
- @font-face { font-family: "runwild"; src: url('https://dl.dropboxusercontent.com/s/7xg9o7vqqu1mzch/RunWild-Demo.ttf') ; }
- @font-face { font-family: "jingga"; src: url('https://dl.dropboxusercontent.com/s/2l3875zlz26e0jm/Jean%20Jingga%20-%20OTF.otf') ; }
- @font-face { font-family: "dandelion"; src: url('https://dl.dropboxusercontent.com/s/x5v0rx1ti4txxee/DandeleonVintageDemo.ttf') ; }
- /* TABS STYLING--
- BASE CODE BY ALYOFRP. DO NOT REMOVE THIS CREDIT!
- */
- .tabz {
- margin-top:-9px;
- margin-left:-5px;
- padding:10px;
- }
- .joo a{
- color:#7b7b7b;
- background-color:transparent;
- display:inline;
- padding-right:3px;
- margin-left:0px;
- }
- .tabz a {
- padding:5px;
- padding-top:0px;
- margin-right:-5px;
- width:50px;
- text-align:center;
- font-family:arial black;
- color:#7b7b7b;
- font-size:12px;
- display:inline-block;
- margin-left:0px;
- transition:.2s;
- -webkit-transition:.2s;
- -moz-transition:.2s;
- }
- .tabz a:hover {/* tablinks hover color */
- transition:.2s;
- -webkit-transition:.2s;
- -moz-transition:.2s;
- }
- .tabz a:focus, .active {
- background-color: #c6a29a; /* tablinks clicked bg color */
- color:#dddcdc; /* tablinks clicked color */
- }
- .tabzcon { /* tablinks content aka the box under the tablinks */
- margin-top:-10px;
- height:340px;
- margin-left:11px;
- padding:10px;
- padding-top:5px;
- position:absolute;
- background:#000;
- z-index:999999999999999999999999;
- width:300px;
- border-radius:10px;
- border:1px solid #111111;
- position:fixed;
- overflow:none;
- }
- #base { /* the box when no tabs are selected */
- margin-top:45px;
- margin-left:0px;
- position:fixed;
- padding:10px;
- width:205px;
- height:260px;
- background-color:#e1c9bf;
- }
- .tabzclose { /* the close button, u prob dont need to touch this */
- text-transform:uppercase;
- font-weight:bold;
- font-size:8px;
- padding:3px;
- color:inherit;
- margin-top:-5px;
- margin-right:-7px;
- float:right;
- }
- .tabzclose:hover {
- cursor:pointer;
- }
- ::-webkit-scrollbar-thumb {
- height:auto;
- background-color:;
- margin-left:1px;
- display:none;
- }
- ::-webkit-scrollbar {
- height:9px;
- width:1px;
- background-color:transparent;
- }
- body {
- background:#040404;
- margin-top:-20px;
- margin-left:-70px;
- color:#7b7b7b;
- font-family:'karla', calibri, sans-serif;
- line-height:150%;
- font-size:9px;
- text-align:justify;
- background-image:url('https://i.imgur.com/Ux6d7A6.gif');
- }
- sup, sub {
- font-size:9px;
- }
- a {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:#868686;
- }
- img {
- border:none;
- }
- small{
- font-size:9px;
- }
- .tumblr_blog {
- text-transform:uppercase;
- letter-spacing:2px;
- padding-left:5px;
- font-family:arial;
- font-size:6.5px;
- border-bottom:0px solid #222;
- color:#7b7b7b;
- }
- b, strong { color:#e3e4e6; font-size:12px; font-family: 'poppins';
- text-shadow:#222 1px 0px 0px; }
- i, em { color:#e3e4e6; font-family: 'jingga';
- font-size:15px;
- letter-spacing:1px;
- text-shadow:#222 1px 0px 0px; }
- h1 {
- margin-bottom:0px;
- padding:10px;
- font-size:20px;
- font-family: 'seoul';
- text-shadow:#222 1px 0px 0px;
- letter-spacing:2px;
- border-bottom:0px solid #222;
- font-weight:400;
- text-transform:lowercase;
- text-align:center;
- line-height:120%;
- color:#e3e4e6;
- background:#0a0a0a;
- border-radius:7px;
- }
- h2 {
- margin-bottom:0px;
- padding:9px;
- font-family: 'seoul';
- text-shadow:#222 1px 0px 0px;
- font-size:20px;
- letter-spacing:2px;
- border-bottom:0px solid #222;
- font-weight:400;
- text-transform:lowercase;
- text-align:center;
- line-height:110%;
- color:#e3e4e6;
- background:#0a0a0a;
- border-radius:7px;
- }
- blockquote {
- border-left:1px solid #111111;
- padding-left:10px;
- margin-left:5px;
- width:93%;
- }
- /*CONTAINER*/
- #container {
- margin-top:0px;
- margin-left:192px;
- margin-right:auto;
- width:340px;
- max-height:345px;
- overflow:auto;
- text-align:left;
- position:fixed;
- background:#0a0a0a;
- padding-left:7px;
- padding-top:10px;
- background-image:url('https://assets.tumblr.com/images/x.gif?v=1');
- }
- /*ENTRIES*/
- #entries {
- position:fixed;
- height:385px;
- border:1px solid #111111;
- width:551px;
- margin-left:480px;
- margin-top:177px;
- background:#0a0a0a;
- box-shadow:0px 0px 0px #222;
- background-image:url('https://assets.tumblr.com/images/x.gif?v=1');
- padding-top:0px;
- border-bottom-left-radius:10px;
- border-bottom-right-radius:10px;
- padding-top:20px;
- }
- #post {
- width:300px;
- margin-left:11px;
- margin-top:-10px;
- height: auto;
- background-color:#040404;
- border: 1px solid #111111;
- padding:10px;
- margin-bottom:43px;
- color: #7b7b7b;
- letter-spacing:0px;
- line-height:160%;
- text-align:justify;
- text-transform:lowercase;
- overflow-x:hidden;
- border-radius:10px;
- }
- #post img {
- border-radius:10px;
- opacity:0.4;
- }
- #post img:hover {
- -webkit-filter: grayscale(25%);
- -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;
- }
- iframe {
- border-radius:10px;
- }
- .media img, .media iframe {
- width:300px;
- display:block;
- border-radius:10px;
- -webkit-filter: grayscale(100%);
- -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;
- opacity:0.4;
- }
- .media img:hover, .media iframe:hover {
- width:300px;
- display:block;
- border-radius:10px;
- -webkit-filter: grayscale(0%);
- -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;
- opacity:0.4;
- }
- #post sup{
- line-height:200%;
- font-size:9px;
- }
- #post img {
- -webkit-filter: grayscale(100%);
- -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;
- }
- #post img:hover{
- -webkit-filter: grayscale(0%);
- -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_photoset {
- -webkit-filter: grayscale(100%);
- -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_photoset:hover {
- -webkit-filter: grayscale(90%);
- -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;
- }
- .answer span,.convo li{
- margin:0 0 10px;
- border-radius:10px;
- padding:.5em 10px;
- max-width:75%;
- clear:both;
- position:relative
- }
- .label {
- font-family:calibri;
- font-size:8px;
- text-transform:uppercase;
- letter-spacing:1px;
- margin-right:2px;
- }
- .answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{
- float:left;background:#111111;
- color:#7b7b7bleft: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;
- }
- .answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{
- right:3px;
- float:right;
- background-color:#0a0a0a;
- color:#7b7b7b;
- }
- .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;
- }
- .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: #111;
- font-size: 12px;
- line-height: 0px;
- }
- .footerright .viasrc {
- float: left;
- }
- .asked a {
- margin:0;padding:0;
- }
- .user_4{
- background-color:#0a0a0a;
- color:#fff;
- padding:10px;
- }
- .user_4::after{
- border-color:#0a0a0a;
- padding:10px;
- }
- .user_3{
- background-color:#111;
- padding:10px;
- color:#fff;
- }
- .user_3::after{
- border-color:#0a0a0a;
- padding:10px;
- }
- .convo {
- overflow: hidden;
- list-style-type: none;
- padding: 0;
- margin: 0;
- }
- .quote {
- letter-spacing:2px;
- padding:10px;
- font-size:7px;
- background:#0a0a0a;
- border:0px solid #222;
- line-height:240%;
- text-align:center;
- text-transform:uppercase;
- color:#7b7b7b;
- border-radius:10px;
- }
- .source {
- margin-top:20px;
- line-height:100%;
- text-transform:uppercase;
- font-family:courier;
- letter-spacing:1px;
- font-size:10px;
- opacity:0.2;
- margin-bottom:20px;
- text-align:center;
- color:#fff;
- display:none;
- }
- .source a{
- font-family:courier;
- color:#fff;
- }
- /*BLOG TITLE*/
- .title{
- position:fixed;
- color:#7b7b7b;
- padding:5px;
- width:432px;
- margin-top:150px;
- margin-left:480px;
- letter-spacing:1px;
- font-family:'consolas';
- text-align:center;
- text-transform:uppercase;
- border:1px solid #111111;
- background-color:#0a0a0a;
- }
- /*SIDEBAR*/
- #description {
- background-color:#040404;
- border-left:0px solid #111111;
- padding-right:10px;
- padding-bottom:13px;
- padding-top:0px;
- padding-left:11px;
- font-family:;
- position:fixed;
- width:140px;
- max-height:152px;
- overflow-y:scroll;
- font-size:9px;
- margin-top:5px;
- line-height:21px;
- letter-spacing:0px;
- color:#7b7b7b;
- opacity:1;
- text-align:justify;
- background:transparent;
- }
- #gay {
- font-size:8px;
- letter-spacing:3px;
- padding-bottom:8px;
- border-bottom:1px solid #111111;
- color:#fff;
- text-align:center;
- text-transform:uppercase;
- margin-top:13px;
- }
- #description b{
- font-size:11px;
- font-style:italic;
- font-weight:600;
- }
- #description small{
- font-size:8px;
- }
- #q{
- font-size:47px;
- margin-left:-27px;
- padding-top:15px;
- z-index:1;
- position:fixed;
- border-right:0px solid #222;
- height:52px;
- padding-right:-5px;
- background:transparent;
- }
- @font-face{ font-family:mint; src:url('https://static.tumblr.com/y3tw76x/82Joyt2hm/taken_by_vultures_alternates_demo.ttf');}
- .tits {
- font-size:60px;
- text-transform:normal;
- width:100px;
- position:absolute;
- line-height:40%;
- margin-left:64px;
- margin-top:-45px;
- font-weight:normal;
- font-family:mint;
- text-align:center;
- opacity:0.7;
- line-height:15%;
- z-index:999999999999999999;
- color:#aaaaaa;
- }
- .tits span {
- font-family:calibri;
- font-size:8px;
- text-transform:uppercase;
- letter-spacing:2px;
- margin-bottom:-10px;
- margin-left:-13px;
- background:#111;
- padding:2px;
- position:relative;
- z-index:-1;
- }
- #bx {
- width:30px;
- margin-left:-7px;
- position:fixed;
- padding-top:0px;
- padding-bottom:5px;
- padding-right:5px;
- background:transparent;
- border-right:none;
- margin-top:45px;
- border-right:0px solid #222;
- line-height:38.5px;
- }
- #bx a{
- padding-left:17px;
- }
- #bx span{
- margin-top:20px;
- margin-bottom:19px;
- color:#aaa;
- z-index:1;
- }
- #box{
- padding:10px;
- z-index:-9999;
- position:fixed;
- margin-top:197px;
- background:#040404;
- font-size:10px;
- margin-left:498px;
- width:160px;
- height:336px;
- border:1px solid #111111;
- color:#7b7b7b;
- border-radius:10px;
- font-family:'arial';
- color:#040404;
- opacity:1;
- z-index:1;
- }
- #box img {
- margin-left:4px;
- margin-top:11px;
- width:80px;
- height:80px;
- border:solid 0px #111111;
- border-radius:10%;
- -webkit-filter: grayscale(100%);
- -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;
- background-image:url('https://assets.tumblr.com/images/x.gif?v=1');
- padding:0px;
- }
- #box img:hover{
- -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;
- }
- /*POST INFO*/
- #info {
- width:280px;
- margin-top:10px;
- padding:10px;
- padding-bottom:0px;
- border-top:1px solid #111;
- text-align:left;
- text-transform:uppercase;
- font-size:7px;
- letter-spacing:2px;
- color:#7b7b7b;
- font-weight:normal;
- }
- #info a{
- color:#7b7b7b;
- }
- #info a:hover {
- color:#7b7b7b;
- }
- .tags {
- text-align:center;
- letter-spacing:0px;
- font-size:8px;
- font-style:normal;
- letter-spacing:2px;
- display:inline;
- text-transform:none;
- }
- .tags a {
- margin:0px 10px 0px 0px;
- font-weight:normal;
- font:consolas;
- }
- .tags a:hover {
- font-style:normal;
- cursor:help;
- }
- /*AUDIO*/
- .audio {
- height:60px;
- padding:5px;
- margin-bottom:0px;
- }
- .audio-album {
- position:absolute;
- width:60px;
- }
- .player {
- opacity:0.6;
- opacity:60%;
- border:10px solid #111111;
- width:25px;
- height:25px;
- overflow:hidden;
- position:absolute;
- z-index:2;
- margin-left:7px;
- margin-top:7px;
- background:#fff;
- }
- .audio-info {
- margin-top:-0px;
- position:relative;
- margin-left:70px;
- padding:8px;
- }
- /*QUESTION*/
- #ask {
- padding:10px;
- min-height:35px;
- background-color:#000;
- border:1px solid #111111;
- }
- /*PAGINATION*/
- #pagination2{
- position:fixed;
- width:531px;
- background-color:#000;
- color:#868686;
- border:1px solid #111111;
- margin-top:130px;
- margin-left:480px;
- font-weight:bold;
- font-family:calibri;
- padding:4px;
- padding-top:16px;
- padding-bottom:14px;
- padding-right:10px;
- font-size:10px;
- text-align:left;
- padding-left:10px;
- text-transform:uppercase;
- letter-spacing:2px;
- box-shadow:0px 0px 0px #222;
- border-top-left-radius:10px;
- border-top-right-radius:10px;
- }
- #pagination2 img {
- position:fixed;
- margin-left:-47px;
- margin-top:-9px;
- border:1px solid #111111;
- border-radius:100%;
- -webkit-filter: grayscale(100%);
- -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;
- }
- #pagination2 img:hover {
- -webkit-filter: grayscale(0%);
- -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;
- }
- #pagination2 a{
- color:#7b7b7b;
- background-color:transparent;
- display:inline;
- padding-right:3px;
- margin-left:8px;
- }
- .mint {
- position:fixed;
- text-transform:uppercase;
- width:20px;
- height:20px;
- padding-left:6px;
- padding-right:4px;
- padding-top:10px;
- padding-bottom:0px;
- font-size:13px;
- text-align:center;
- bottom:10px;
- right:10px;
- color:#868686;
- background-color:#040404;
- letter-spacing:1px;
- background:#0a0a0a;
- border:1px solid #111111;
- border-radius:100%;
- }
- .tabnav {
- display:inline-block;
- position:fixed;
- width:20px;
- height:200px;
- line-height:200%;
- margin-right:4px;
- margin-top:-141px;
- margin-left:126.5px;
- }
- .tabnav a {
- width:16px;
- height:17px;
- padding:3px;
- box-align:center;
- text-align:center;
- margin-bottom:9px;
- border-radius:5px;
- display:inline-block;
- background:#0a0a0a;
- border:1px solid #111111;
- transition:.7s;
- -webkit-transition:.7s;
- -moz-transition:.7s;
- }
- .tabnav a:hover {
- background:#040404;
- border:1px solid #111111;
- background: rgba(0,0,0,0);
- color: #7b7b7b;
- box-shadow: inset 0 0 0 3px #111111;
- transition:.7s;
- -webkit-transition:.7s;
- -moz-transition:.7s;
- }
- .tabtext span {
- background:#0a0a0a;
- padding:3px;
- border-radius:3px;
- text-transform:uppercase;
- font-size:7px;
- letter-spacing:1px;
- }
- .tabimg img {
- opacity:0.6;
- transition:.7s;
- -webkit-transition:.7s;
- -moz-transition:.7s;
- filter:grayscale(100%);
- }
- .tabimg img:hover {
- opacity:0.7;
- filter:grayscale(25%);
- transition:.7s;
- -webkit-transition:.7s;
- -moz-transition:.7s;
- }
- @font-face { font-family: "stylish"; src: url('https://dl.dropboxusercontent.com/s/ljshs3r55gvaof9/StylishBrush-Regular.otf'); ;}
- .tabtitle {
- text-align:center;
- padding:30px;
- padding-top:45px;
- font-family:stylish;
- margin-top:15px;
- font-size:60px;
- border-top:1px solid #111111;
- border-bottom:1px solid #111111;
- background:#070707;
- border-radius:10px;
- line-height:10%;
- position:relative;
- z-index:-1;
- height:35px;
- transition:.7s;
- -webkit-transition:.7s;
- -moz-transition:.7s;
- }
- .tabtitle:hover {
- letter-spacing:1px;
- transition:.7s;
- -webkit-transition:.7s;
- -moz-transition:.7s;
- }
- .tabtitle span {
- font-family:arial;
- font-size:7px;
- text-transform:uppercase;
- letter-spacing:2px;
- background:#0a0a0a;
- padding:3px;
- border-radius:3px;
- position:relative;
- z-index:-1;
- transition:.7s;
- -webkit-transition:.7s;
- -moz-transition:.7s;
- opacity:0.1;
- filter: invert(100%);
- color:#fff;
- transition:.7s;
- -webkit-transition:.7s;
- -moz-transition:.7s;
- }
- .tabtitle:hover span {
- letter-spacing:2px;
- opacity:0.1;
- filter: invert(100%);
- color:#fff;
- transition:.7s;
- -webkit-transition:.7s;
- -moz-transition:.7s;
- }
- .askq {
- width:300px;
- margin-top:10px;
- text-align:left;
- line-height:300%;
- }
- .askq cute {
- text-transform:uppercase;
- font-size:7px;
- letter-spacing:1px;
- padding:5px;
- width:290px;
- background:#0a0a0a;
- margin-right:5px;
- border-radius:2px;
- }
- .askq span {
- font-size:11px;
- margin-right:5px;
- }
- #muses {
- width:400px;
- margin-top:0px;
- margin-left:3px;
- padding-top:15px;
- max-height:295px;
- overflow-y:auto;
- }
- #muses img {
- width:80px;
- height:80px;
- -webkit-filter: grayscale(100%);
- -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;
- }
- #muses img:hover {
- -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;
- }
- .musebox { margin:4px; float:left; text-align:center; display:block; padding-right:0px; margin-bottom:15px; margin-top:3.5px; background:#090909; padding:8px; border-radius:10px; margin-right:10px;margin-left:10px;}
- .musename {text-align:left;margin-top:-20px;position:absolute;font-family:kino; font-size:35px; color:#ccc; width:110px; text-align:center; opacity:1;text-transform:normal;color:#aaa; text-shadow:2px 2px 0px #493c3a; z-index:9999999999;}
- .musename:after { content:'.'; font-family:calibri; }
- .musebox img { z-index:9999;position:relative;margin-top:15px;opacity:1; margin-right:-10px; margin-left:-10px; }
- .musebox a{ margin-bottom:0px; padding:1px; }
- .musebox:hover .mname { opacity:1; transition:0.5s; }
- .musebox i { color:#555; border:1px solid #050505; padding:4px; width:10px; border-radius:5px; background:#050505;
- -webkit-transition: all 0.7s linear;
- -moz-transition: all 0.7s linear;
- transition: all 0.7s linear; }
- .musebox a:hover i {
- background:; color:#aaa;
- -webkit-transition: all 0.7s linear;
- -moz-transition: all 0.7s linear;
- transition: all 0.7s linear;
- }
- .mbg {
- padding:3px;
- border-top-left-radius:5px;
- border-top-right-radius:5px;
- background:#7b7b7b;
- opacity:0.5;
- color:#000;
- letter-spacing:2px;
- text-transform:uppercase;
- font-size:7px;
- text-shadow:0px 0px 0px #111;
- position:relative;
- z-index:9;
- padding-left:5px;
- padding-right:5px;
- font-family:arial;
- font-weight:normal;
- }
- .mdesc {
- margin-top:-12px;
- border-bottom-left-radius:10px;
- border-bottom-right-radius: 10px;
- width:88px;
- padding:5px;
- border:1px solid #050505;
- margin-left:5px;
- background:#050505;
- }
- @font-face { font-family: honeyguide; src: url('https://dl.dropboxusercontent.com/s/75g4g2sfiweydth/DK%20Honeyguide%20Caps.otf') ;}
- .mname1 {
- margin-left:0px;
- margin-top:-30px;
- font-family:honeyguide;
- font-weight:600;
- text-transform:uppercase;
- width:110px;
- padding-top:10px;
- padding-bottom:5px;
- border-radius:10px;
- line-height:100%;
- color:;
- font-size:22px;
- text-align:center;
- text-shadow:2px 2px 0px #040404;
- }
- ul li {
- width:95%;
- }
- #s-m-t-tooltip {
- z-index: 9999;
- background: #000;
- font-size: 12px;
- line-height: 13px;
- font-family:'Quicksand', sans-serif;
- letter-spacing: 2px;
- text-transform:uppercase;
- font-size:6.5px;
- border:solid 1px #111;
- border-radius:3px;
- -o-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- text-transform: normal;
- color: #7b7b7b;
- max-width: 150px;
- word-wrap: break-word;
- padding: 2px 5px 2px 6px;
- display: block;
- margin: 24px 14px 7px 12px
- }
- {CustomCSS}
- </style></head><body>
- <div id="pagination2">
- <div id="joo">
- <div class="tabz">
- <a href="/" title="home"><span class="lnr lnr-redo"></span></a>
- <a href="javascript:void(0)" class="tablink tabzact" onclick="openAlytut(event, 'TabzOne');"style="font-family:'Consolas';"style="font-family:'Consolas';" title="inbox"><span class="lnr lnr-bubble"></span></a>
- <a href="javascript:void(0)" class="tablink" onclick="openAlytut(event, 'TabzTwo');"style="font-family:'Consolas';" title="map"><span class="lnr lnr-user"></span></a>
- <a href="javascript:void(0)" class="tablink" onclick="openAlytut(event, 'TabzThree');"style="font-family:'Consolas';" title="royals"><span class="lnr lnr-heart"></span></a>
- </div>
- </div>
- </div>
- </div>
- <div id="box"><img src="https://66.media.tumblr.com/e6fefeed04c3de2b88720f15bc4a9405/tumblr_inline_plck44Ur0l1sn6w0u_540.png"><div class="tits">magic shop<br><span>lil' touch.</span></div>
- <div id="description">
- <center>if you <i>never</i> saw the <b>stars</b>, candles were<br><i>(</i> <u>enough</u> <i>)</i>.<br /><br />
- <i>*</i> multimuse & multiship.<br>
- literate. (n)sfw.<br>
- penned by mari. xxii. <i></i>
- </center>
- </div>
- <div style="padding:10px;text-transform:uppercase;font-size:7px; font-family:georgia; letter-spacing:2px; background:{color:container background}; color:#aaa; text-align:center; margin-top:190px; width:130px; margin-left:5px; border-radius:7px;">
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}" style="font-size:9px;">‹</a>
- {/block:PreviousPage}
- {/block:Pagination}
- currently: <i>online</i>.
- {block:Pagination}
- {block:NextPage}
- <a href="{NextPage}" style="font-size:8px;">›</a>
- {/block:NextPage}
- {/block:Pagination}
- </div>
- </div>
- </div></div>
- <div id="entries">
- <div id="container">
- <!--
- *TABS BASE CODE BY ALYOFRP. DO NOT REMOVE THIS CREDIT!
- < tabs links >
- -->
- <!--
- < tabs links >
- -->
- <!-- < tabs content >
- -->
- <div id="TabzOne" class="tabzcon alytut" style="display:none">
- <span onclick="this.parentElement.style.display='none'" class="tabzclose">
- <span class="lnr lnr-cross"></span>
- </span>
- <h2>{text:ask title}</h2>
- <blockquote>
- <div class="askq">
- <span class="lnr lnr-envelope"></span>
- <cute>how do you feel about the moon?</cute> wowie.<br>
- <span class="lnr lnr-envelope"></span>
- <cute>sweet! can i add another q?</cute> yeah son.<br>
- <span class="lnr lnr-envelope"></span>
- <cute>question or rule</cute> mmmm nomnomnom.
- </div></blockquote>
- <div style="margin-top:10px">
- <iframe frameborder="0" border="0" scrolling="no" width="300" height="250" allowtransparency="true" src="https://www.tumblr.com/ask_form/epiiphcny.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe></div>
- </div>
- <div id="TabzTwo" class="tabzcon alytut" style="display:none">
- <span onclick="this.parentElement.style.display='none'" class="tabzclose">
- <span class="lnr lnr-cross"></span>
- </span>
- <h2>navigation</h2>
- <div class="tabimg" style="margin-top:15px; margin-left:10px;">
- <img src="https://i.imgur.com/MSbNhM7.png" style="position:fixed; width:60px; margin-top:-15px; margin-left:-13px; opacity:0.6; pointer-events:none;">
- <img src="https://66.media.tumblr.com/8304b3825d52397b412399788488862a/tumblr_inline_pi3qpsjYFe1wq9ixj_1280.png" style="border-radius:10px;width:100x;height:150px;">
- </div>
- <div class="tabnav">
- <a href="/"><span class="lnr lnr-tag"></span></a>
- <a href="/"><span class="lnr lnr-lock"></span></a>
- <a href="/"><span class="lnr lnr-star"></span></a>
- <a href="/"><span class="lnr lnr-heart"></span></a>
- </div>
- <div class="tabtext" style="width:103px;position:fixed;margin-left:167px; padding:10px; border-radius:10px; border:1px solid {color:borders}; margin-top:-153px; height:130px; overflow-y:scroll; text-align:justify; line-height:16px; padding-top:7px;">
- <span>one:</span> Lorem ipsum text.<br>
- <span>two:</span> Dolor sit amet consectetur adipiscing.<br>
- <span>three:</span> Sed dolor eiusmod tempor labore <br>
- <span>four:</span> more text goes here, this will scroll.
- <span>mm/dd:</span> update or stat
- </div>
- <div class="tabtitle">
- milk & honey<br>
- <span>fall in love with your solitude</span>
- </div>
- </div>
- <div id="TabzThree" class="tabzcon alytut" style="display:none">
- <span onclick="this.parentElement.style.display='none'" class="tabzclose">
- <span class="lnr lnr-cross"></span>
- </span>
- <h2>meet the squad!</h2>
- <div id="muses">
- <!-- to add a new muse copy from here -->
- <div class="musebox male">
- <a href="#?w=250" rel="04" class="poplight">
- <img src="https://i.imgur.com/WYxj3gE.png" style="margin-top:-20px; position:relative; z-index:1;"></a>
- <div class="mname1"><span style="position:relative;z-index:99999; text-align:center; width:110px;">muse name</span><br>
- <div style="margin-top:-41px;">
- </div>
- <div style="margin-top:30px;"></div>
- <span class="mbg">muse muse muse</span>
- </div>
- <div class="mdesc">xxv. kim seokjin.</div>
- <div style="margin-top:5px;"></div>
- <a href="/" title="muse tag"><i class="fa fa-quote-left" aria-hidden="true"></i></a>
- <a href="/" title="status"><i class="fa fa-plus" aria-hidden="true"></i></a>
- <a href="/" title="ship tag"><i class="fa fa-heart" aria-hidden="true"></i></a>
- </div>
- <!-- to here -->
- <!-- to add a new muse copy from here -->
- <div class="musebox male">
- <a href="#?w=250" rel="04" class="poplight">
- <img src="https://i.imgur.com/WYxj3gE.png" style="margin-top:-20px; position:relative; z-index:1;"></a>
- <div class="mname1"><span style="position:relative;z-index:99999; text-align:center; width:110px;">muse name</span><br>
- <div style="margin-top:-41px;">
- </div>
- <div style="margin-top:30px;"></div>
- <span class="mbg">muse muse muse</span>
- </div>
- <div class="mdesc">xxv. kim seokjin.</div>
- <div style="margin-top:5px;"></div>
- <a href="/" title="muse tag"><i class="fa fa-quote-left" aria-hidden="true"></i></a>
- <a href="/" title="status"><i class="fa fa-plus" aria-hidden="true"></i></a>
- <a href="/" title="ship tag"><i class="fa fa-heart" aria-hidden="true"></i></a>
- </div>
- <!-- to here -->
- <!-- to add a new muse copy from here -->
- <div class="musebox male">
- <a href="#?w=250" rel="04" class="poplight">
- <img src="https://i.imgur.com/WYxj3gE.png" style="margin-top:-20px; position:relative; z-index:1;"></a>
- <div class="mname1"><span style="position:relative;z-index:99999; text-align:center; width:110px;">muse name</span><br>
- <div style="margin-top:-41px;">
- </div>
- <div style="margin-top:30px;"></div>
- <span class="mbg">muse muse muse</span>
- </div>
- <div class="mdesc">xxv. kim seokjin.</div>
- <div style="margin-top:5px;"></div>
- <a href="/" title="muse tag"><i class="fa fa-quote-left" aria-hidden="true"></i></a>
- <a href="/" title="status"><i class="fa fa-plus" aria-hidden="true"></i></a>
- <a href="/" title="ship tag"><i class="fa fa-heart" aria-hidden="true"></i></a>
- </div>
- <!-- to here -->
- <!-- to add a new muse copy from here -->
- <div class="musebox male">
- <a href="#?w=250" rel="04" class="poplight">
- <img src="https://i.imgur.com/WYxj3gE.png" style="margin-top:-20px; position:relative; z-index:1;"></a>
- <div class="mname1"><span style="position:relative;z-index:99999; text-align:center; width:110px;">muse name</span><br>
- <div style="margin-top:-41px;">
- </div>
- <div style="margin-top:30px;"></div>
- <span class="mbg">muse muse muse</span>
- </div>
- <div class="mdesc">xxv. kim seokjin.</div>
- <div style="margin-top:5px;"></div>
- <a href="/" title="muse tag"><i class="fa fa-quote-left" aria-hidden="true"></i></a>
- <a href="/" title="status"><i class="fa fa-plus" aria-hidden="true"></i></a>
- <a href="/" title="ship tag"><i class="fa fa-heart" aria-hidden="true"></i></a>
- </div>
- <!-- to here -->
- <!-- to add a new muse copy from here -->
- <div class="musebox male">
- <a href="#?w=250" rel="04" class="poplight">
- <img src="https://i.imgur.com/WYxj3gE.png" style="margin-top:-20px; position:relative; z-index:1;"></a>
- <div class="mname1"><span style="position:relative;z-index:99999; text-align:center; width:110px;">muse name</span><br>
- <div style="margin-top:-41px;">
- </div>
- <div style="margin-top:30px;"></div>
- <span class="mbg">muse muse muse</span>
- </div>
- <div class="mdesc">xxv. kim seokjin.</div>
- <div style="margin-top:5px;"></div>
- <a href="/" title="muse tag"><i class="fa fa-quote-left" aria-hidden="true"></i></a>
- <a href="/" title="status"><i class="fa fa-plus" aria-hidden="true"></i></a>
- <a href="/" title="ship tag"><i class="fa fa-heart" aria-hidden="true"></i></a>
- </div>
- <!-- to here -->
- <!-- to add a new muse copy from here -->
- <div class="musebox male">
- <a href="#?w=250" rel="04" class="poplight">
- <img src="https://i.imgur.com/WYxj3gE.png" style="margin-top:-20px; position:relative; z-index:1;"></a>
- <div class="mname1"><span style="position:relative;z-index:99999; text-align:center; width:110px;">muse name</span><br>
- <div style="margin-top:-41px;">
- </div>
- <div style="margin-top:30px;"></div>
- <span class="mbg">muse muse muse</span>
- </div>
- <div class="mdesc">xxv. kim seokjin.</div>
- <div style="margin-top:5px;"></div>
- <a href="/" title="muse tag"><i class="fa fa-quote-left" aria-hidden="true"></i></a>
- <a href="/" title="status"><i class="fa fa-plus" aria-hidden="true"></i></a>
- <a href="/" title="ship tag"><i class="fa fa-heart" aria-hidden="true"></i></a>
- </div>
- <!-- to here -->
- </div>
- </div>
- <!--
- < *TABS END >
- -->
- {block:Posts}
- <!-- {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}
- <div id="post">
- {block:Text}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {Body}{/block:Text}
- {block:Photo}
- <div class="media"><a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a> </div> {block:Caption}{Caption}
- {/block:Caption}
- {/block:Photo}
- {block:Photoset}<div class="media">{photoset}</div> {block:Caption}{Caption}
- {/block:Caption}{/block:Photoset}
- {block:Quote}<div class="quote">“{Quote}” </div><div class="source">— {block:Source}{Source}{/block:Source}</div> {/block:Quote}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}
- {block:Title}
- <h2>{Title}</h2>{/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}
- {block:Audio}<div class="audio">{block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}<div class="audio-player">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}</div><div class="audio-info">{block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}{block:Album}<b>Album:</b> {Album}<BR>{/block:Album}</div></div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Audio}
- {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}
- <div id="ask"><b>{asker}</b>{Question}</div>
- {Answer}
- {/block:Answer}
- {block:Date}
- <div id="info">
- <a href="{Permalink}" title="{TimeAgo}">{TimeAgo}</a>{/block:Date}{block:NoteCount}
- <span style="float:right;"><a href="{Permalink}"><i class="fa fa-heart-o" aria-hidden="true"></i> {NoteCount}</a> {/block:NoteCount}<span style="float:right;"> | <a href="{ReblogURL}" target="_blank" class="details"><span class="lnr lnr-redo"></span></a></span></span>
- <br><div style="padding-top:2px;">{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}</span></div>
- </div></div>
- {block:PermalinkPage}
- <div class="notes">{block:PostNotes}<a name="notes">{PostNotes}</a>{/block:PostNotes}</div>
- {/block:PermalinkPage}
- {/block:Posts}{/block:Posts}</div></div></div>
- </div>
- </ul>
- </div></div>
- <div class="mint">
- <a href="https://mintrps.tumblr.com/" title="theme by mintrps."><span class="lnr lnr-leaf"></span></a>
- </div>
- </div>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement