Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- ✱ khevinday.tumblr.com -- codes by six. ✱
- - do not redistribute
- - do not copy any parts of the following code
- ✱ thank you for using my themes! ✱
- .entry {
- margin-bottom:120px;
- width:280px;
- -webkit-filter:grayscale(100%);
- }
- .entry:hover {
- -webkit-filter:grayscale(0%);
- A rolling of thunder
- Wolves scolding each other as
- The roses take cover
- In the black of the night
- Passions extinguish
- In short, whispered sentences
- Banished from memories
- Is the thought of yesterday
- Now I look past my shoulder
- For the face of my mother
- Did I see her smiling
- Or was it all a dream?
- No, I seem to recall
- The perfume of roses
- Today they’re all hiding
- The dewdrops are frozen
- The humiliation I go through when I think of my past can only be described as grace. We are created by being destroyed. God, is this all it is, the ricocheting down the corridor of laughter and tears? Of self-worship and self-loathing? Of glory and disgust? I was baptized in cold blood, and exhaled the holy breath in the rising flood; denied my lover’s warm embrace, for the river’s saving grace, so as the water blessed my lips, I prayed for fire’s deadly kiss.
- A rolling of thunder
- Wolves scolding each other as
- The roses take cover
- In the black of the night
- Passions extinguish
- In short, whispered sentences
- Banished from memories
- Is the thought of yesterday
- Now I look past my shoulder
- For the face of my mother
- Did I see her smiling
- Or was it all a dream?
- No, I seem to recall
- The perfume of roses
- Today they’re all hiding
- The dewdrops are frozen
- [Chorus]
- Half fool, half blind, half awake girl
- Half fool, half blind, half awake world
- Half fool, half blind, half awake girl
- Half fool, half blind, half awake world
- [Verse 2]
- Come out, blossom roses
- The wolf is sending messages
- Sweet perfume of love
- Just under our noses
- I won’t hold my horses
- Just leave what's above
- Sweet labor of love
- Just surrender to the other
- [Chorus]
- Half fool, half blind, half awake girl
- Half fool, half blind, half awake world
- Half fool, half blind, half awake girl
- Half fool, half blind, half awake world
- [Bridge]
- Sweet lover, keep loving [x12]
- [Verse 3]
- Come out, sweet hypnosis
- I'll never know what overdose is
- The sweet vapor of love
- Just like a drug, it discloses
- Awaken quiet senses
- We'll write a new synopsis
- The sweet liquor of love
- You left a drop, to discove
- -->
- <html>
- <head>
- <!-- META TAGS, SCRIPTS & GOOGLE FONTS -->
- <meta name="color:background" content="#eaeaea">
- <meta name="color:container" content="#f5f5f5" />
- <meta name="color:container border" content="#e2e2e2"/>
- <meta name="color:sidebar" content="#f0f0f0"/>
- <meta name="color:posts" content="#f8f8f8" />
- <meta name="color:borders" content="#e7e7e7"/>
- <meta name="color:accent" content="#c0bdb8" />
- <meta name="color:accent shadow" content="#bbb9b4" />
- <meta name="color:text" content="#c0bdb8" />
- <meta name="color:link" content="#c0bdb8" />
- <meta name="color:link hover" content="#fdfdfd" />
- <meta name="color:bold" content="#777777" />
- <meta name="color:italic" content="#bbbbbb"/>
- <meta name="color:top" content="#dddddd"/>
- <meta name="image:page bg" content=""/>
- <meta name="image:sidebar bg" content=""/>
- <meta name="image:bg" content=""/>
- <meta name="image:top title" content=""/>
- <meta name="image:tab image 1" content=""/>
- <meta name="image:tab image 2" content=""/>
- <meta name="image:tab image 3" content=""/>
- <meta name="image:tab image jess" content=""/>
- <meta name="image:tab image leonora" content=""/>
- <meta name="image:tab image fernando" content=""/>
- <meta name="image:tab image oscar" content=""/>
- <meta name="if:grayscale" content="1"/>
- <meta name="text:tab link title" content="navigate." />
- <meta name="text:free link url" content="/URLHERE" />
- <meta name="text:free link title" content="tba" />
- <meta name="text:title" content="title here" />
- <meta name="text:subtitle" content="subtitle here" />
- <meta name="text:description" content="desc here" />
- <meta name="text:tab title" content="title here" />
- <meta name="text:tab subtitle" content="subtitle here" />
- <meta name="text:tab description" content="desc here" />
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <title>{Title}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" /> {/block:Description}
- <script>
- function openCity(evt, cityName) {
- var i, tabcontent, tablinks;
- tabcontent = document.getElementsByClassName("tabcontent");
- for (i = 0; i < tabcontent.length; i++) {
- tabcontent[i].style.display = "none";
- }
- tablinks = document.getElementsByClassName("tablinks");
- for (i = 0; i < tablinks.length; i++) {
- tablinks[i].className = tablinks[i].className.replace(" active", "");
- }
- document.getElementById(cityName).style.display = "block";
- evt.currentTarget.className += " active";
- }
- </script>
- <script type="text/javascript">
- $(document).ready(function(){
- $('ul.tabs li').click(function(){
- var tab_id = $(this).attr('data-tab');
- $('ul.tabs li').removeClass('current');
- $('.tab-content').removeClass('current');
- $(this).addClass('current');
- $("#"+tab_id).addClass('current');
- })
- })
- </script>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function() {
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
- <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.css">
- <!--- FONTS --->
- <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
- rel="stylesheet">
- <link href='https://fonts.googleapis.com/css?family=Montserrat:700' rel='stylesheet' type='text/css'>
- <link href="https://fonts.googleapis.com/css?family=Amiri:400,400i,700i&subset=arabic,latin-ext" rel="stylesheet">
- <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Karla:400,700|Lato:400,700|Open+Sans:400,700|Rozha+One:400|Roboto:400,700" />
- <!-- <link href="https://fonts.googleapis.com/css?family=Old+Standard+TT" rel="stylesheet"> --->
- <link href="https://fonts.googleapis.com/css?family=Playfair+Display+SC:400,700" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
- <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:400,400italic,700,700italic,300italic,300|Inconsolata' rel='stylesheet' type='text/css'>
- <!-- END OF FONTS -->
- <style type="text/css">
- .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop{ position:fixed; white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; margin-top:2px; z-index:999999999999999;}
- #s-m-t-tooltip { max-width:300px; border-radius: 8px; padding:0px 5px; margin:25px 20px 5px 0px; color:{color:text}; background: {color:container}; border:1px solid {color:borders}; z-index:99999; font-size:7px; text-transform:uppercase; font-family:arial; letter-spacing:2px; font-weight:bold; z-index:999999999999999; }
- ::-webkit-scrollbar { width: 1px; height:3px; background: transparent;}
- ::-webkit-scrollbar-thumb { background-color: transparent; -webkit-border-radius: 1ex; }
- /* ---- tumblr controls by @CYANTISTS ---- */
- iframe.tmblr-iframe { z-index:99999999999999!important; top:0!important; right:0!important; opacity:0.4;
- transform:scale(0.75); transform-origin:100% 0; -webkit-transform:scale(0.75); -webkit-transform-origin:100% 0; -o-transform:scale(0.75); -o-transform-origin:100% 0; -moz-transform:scale(0.75); -moz-transform-origin:100% 0; -ms-transform:scale(0.75); -ms-transform-origin:100% 0; }
- iframe.tmblr-iframe:hover { opacity:0.6!important; }
- /* ---- TEXTS & CUSTOM FONTS ----*/
- @font-face{ font-family:"astronout"; src: url('https://dl.dropboxusercontent.com/s/v6587r3a6m8y5eh/Astronout.ttf’)'); }
- @font-face{ font-family:"roboto"; src: url('https://dl.dropboxusercontent.com/s/i5x37kqbtb40s0b/Roboto-Light.ttf’)'); }
- @font-face{ font-family:"robold"; src: url('https://dl.dropboxusercontent.com/s/qynix3bz0j8ppva/Roboto-BoldCondensed.ttf’)'); }
- @font-face{ font-family:"tamoro"; src: url('https://dl.dropboxusercontent.com/s/awqw1tgpb3takgm/TamoroScript_PersonalUseOnly.ttf’)'); }
- @font-face{ font-family:"eloquent"; src: url('https://dl.dropboxusercontent.com/s/v2faujqdedjca02/K22%20Didoni.otf’)'); }
- @font-face { font-family: "bbs"; src: url('https://dl.dropboxusercontent.com/s/nho5r34pjossy29/OSFC-Bristle-Brush-Script-Regular-Demo.ttf') ;}
- @font-face { font-family: "k22"; src: url('https://dl.dropboxusercontent.com/s/jxn81c51yqeo38c/K22%20Didoni.ttf') ;}
- @font-face { font-family: "highschoolm"; src: url('https://dl.dropboxusercontent.com/s/nvgzhrtvgwd35wk/HelloSunshineMarker.otf') ;}
- @font-face { font-family: "sally"; src: url('https://dl.dropboxusercontent.com/s/63uokzjy9susy6l/SALSABILLA%20.ttf') ;}
- @font-face { font-family: "golden"; src: url('https://dl.dropboxusercontent.com/s/mk0afcjno706p4r/Golden%20Plains%20-%20Demo.ttf') ;}
- @font-face { font-family: "hermes"; src: url('https://dl.dropboxusercontent.com/s/vmi0c4qgbq1xuhd/Hermes.otf') ;}
- @font-face { font-family: "vincentia"; src: url('https://dl.dropboxusercontent.com/s/lsokt12hrf59863/Vincentia.otf') ;}
- @font-face { font-family: "lauren"; src: url('https://dl.dropboxusercontent.com/s/vjlikhab70frdeg/Lauren-Regular.ttf') ;}
- @font-face { font-family: "candlelight"; src: url('https://dl.dropboxusercontent.com/s/n60j02tkkuxgctq/Candlelight.ttf') ;}
- @font-face { font-family: "exodus"; src: url('https://dl.dropboxusercontent.com/s/ny3r8epkfak5b8g/ExodusDemo-Regular.otf') ;}
- a:link, a:active, a:visited { color: {color:link}; text-decoration:none; }
- a:hover { color:{color:link hover}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
- small, sub, sup { font-size:9px; }
- big { font-size:auto; }
- b, strong { color:{color:bold} }
- h1 { background-color:{color:sidebar}; border-radius:8px; font-size:18px; text-align:center; font-family: 'Montserrat'; text-transform:uppercase; letter-spacing:3px; color:{color:text}; font-size:7px; padding:10px; }
- h2 { text-transform:uppercase; text-align:center; font-family: 'Montserrat'; letter-spacing:4px; font-size:7px; color:{color:italic}; }
- i, em { color:{color:italic}; }
- p { margin-top:6px; margin-bottom:6px; }
- blockquote { padding:0px; padding-left:10px; margin:8px; border-left:1px solid {color:borders}; }
- img a { border:none; width:100%; }
- hr {
- border-top: 1px solid #222;
- border-bottom: 1px solid #222;
- border-left: 1px solid #000;
- border-right: 1px solid #000;
- padding-bottom:10px;
- background-color:#000;
- color:#121212;
- width:471px;
- margin-left:-42px;
- }
- .hvr-sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; -transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
- .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: {color:sidebar}; opacity:0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
- .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { color: white; }
- .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); }
- /* ---- b o d y & c o n t a i n e r ---- */
- body {color:{color:text}; background-color:{color:background}; font-family:calibri;
- font-size:10px;
- line-height:15px;
- -moz-font-smoothing:subpixel-antialiased;
- -webkit-font-smoothing:subpixel-antialiased;
- font-smoothing:subpixel-antialiased; text-align:justify;
- background-image:url('{image:page bg}');
- background-size:cover;
- }
- #holder { width:440px; height:380px; margin: auto; left:300px; top:0; bottom:0; right:0; background-color:{color:container}; position:absolute; padding: 50px; border:1px solid {color:borders}; overflow:hidden;}
- #top { top:-20px; height:60px; width:100%; background-color:{color:top};
- z-index:-99999999999999999999999999; }
- /* ---- s i d e b a r ---- */
- #sidebar { position:fixed; width:300px; height:100%; top:0px; left: 0px; background-color:{color:sidebar}; border-right:1px solid {color:borders}; overflow:hidden;background-image: url("{image:sidebar bg}");background-repeat: no-repeat;
- background-position: top center; }
- #sidebox { position:fixed; width:200px; height:500px; top:25%; left: 50px; background-color:{color:sidebar}; border:1px solid {color:borders}; overflow:hidden; z-index:99999;}
- #topcircle { position:absolute; width:400px; height:220px; left:-80px; top:-135px; background-color:{color:accent}; border-bottom-right-radius:300px; border-bottom-left-radius:300px; }
- #bottomcircle { position:absolute; width:500px; height:320px; bottom:-295px; left:-150px; background-color:{color:accent}; border-top-right-radius:300px; border-top-left-radius:300px; }
- #zbox {position:absolute; left:20px; top:20px; width:90px; height:90px; background-color:{color:sidebar}; overflow:hidden; border-radius:50px;border: #121212 solid 3px; }
- #zbox img{ width:90px; height:90px; }
- #zbox img{ width:90px; height:90px; }
- #subtitle { position:absolute; width:175px; height:20px; right: 15px; top:93px; font-family:'robold'; font-size:7px; text-transform:uppercase; color:{color:accent shadow}; text-align:right; text-shadow:0 0 0.2em {color:accent shadow}; letter-spacing:3.5px; line-height:20px; }
- #title { position:absolute; width:165px; height:15px; padding:5px; right:10px; top:80px; font-family:'tamoro'; font-size:20px; font-weight:bold; color:{color:bold}; text-shadow: 1px 1px 2px {color:accent shadow}; text-align:right; letter-spacing:1px; border-radius:5px; }
- #description { position: absolute; width:115px; height:250px; padding:30px; top:110px; left:15px; font-family: 'robold', sans-serif; font-size:7px; letter-spacing:1px; text-transform:uppercase; font-weight:bold; text-align:justify; line-height:20px; overflow:hidden; }
- #pagination { margin-top: auto; width: 360px; font-size:9px; padding:15px; padding-top:45px; text-align:center; letter-spacing:5px;}
- #pagination a { font-family:arial; font-size:7px; font-style:italic; text-transform:uppercase; color:{color:accent shadow}; font-weight:bold; background:{color:accent}; padding:6px; padding-left:9px; border-radius:100px; }
- /* ---- l i n k s / t a b s ---- */
- #links { position: absolute; width:130px; height:30px; left:35px; bottom:10px; background-color:{color:background}; border-radius:5px; }
- ul.tab { position:absolute; overflow:hidden; list-style-type: none; margin: 0; padding: 0; background-color: transparent; right:5px; top:5px; z-index:999999999; }
- ul.tab li { width: 20px; float:left; margin-left:5px; margin-right:5px; margin-top:1px; }
- ul.tab li a{ display:inline-block; color:{color:text}; font-size:11px; width:11px; height:11px; padding:3px; border-radius:100px; }
- ul.tab li i{ color:{color:text}; font-weight:bold; }
- .close { position:absolute; top:20px; right:20px; font-weight:bold; color:{color:text}; z-index:9999999; }
- .close:hover { cursor: pointer; }
- .tabcontent { display: none; height:385; width:470px; padding:0px; margin-left:392px; margin-top:-10px; background-color:transparent; z-index:9999; }
- .tabcontent.current{ display: inherit; }
- @-webkit-keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} }
- @keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} }
- /* ---- n a v i g a t i o n t a b ---- */
- #tabone { position:absolute; right:0px; top:0px; width: 519px; height:500px; background-color:{color:container}; overflow:hidden; }
- #tabconnections { position:absolute; right:0px; top:0px; width: 519px; height:500px; background-color:{color:container}; overflow:hidden; }
- #tabjess { position:absolute; right:0px; top:0px; width: 519px; height:500px; background-color:{color:container}; overflow:hidden; }
- #abox {position:absolute; right:20px; bottom:20px; width:115px; height:320px; background-color:{color:sidebar}; border-radius:10px; overflow:hidden; }
- #bbox {position:absolute; left:10px; bottom:60px; width:265px; height:200px; background-color:{color:sidebar}; border-radius:10px; overflow:hidden; }
- #cbox {position:absolute; right:70px; top:25px; width:140px; height:150px; background-color:{color:sidebar}; border-radius:10px; overflow:hidden;}
- #title2 { position:absolute; width:270px; left: -5px; top:55px; font-family: 'eloquent'; font-style:italic; font-size:25px; color:{color:accent shadow}; text-transform:uppercase; text-align:right; letter-spacing:2.5px; line-height:35px; }
- #subtitle2 { position:absolute; width:205px; height:20px; right: -65px; bottom:135px; font-family:'robold'; font-size:8px; font-style:italic; text-shadow:0 0 0.1em {color:bold}; text-transform:uppercase; color:{color:bold}; text-align:left; letter-spacing:8px; line-height:20px; transform: rotate(-90deg);}
- #tabdesc {position:absolute; right:-10px; bottom:10px; width:275px; height:165px; padding:15px; background-color:{color:sidebar}; border-radius:10px; font-family: 'robold', sans-serif; font-size:7px; color:{color:italic}; letter-spacing:1px; text-transform:uppercase; font-weight:bold; text-align:justify; line-height:20px; overflow:hidden;}
- #linkage { position: absolute; width:80px; left:55px; bottom:20px; padding:5px; text-align:center; }
- #linkage li { float:left; width:22px; height:22px; padding:6px; list-style:none; text-align:center; line-height:5px; background-color:{color:sidebar}; border-radius:100px; margin-right:11px; margin-bottom:10px; border:1px solid {color:borders};}
- #linkage a { font-weight:bold; text-transform:lowercase; font-family: 'eloquent', sans-serif; font-size:22px; line-height:22px; color:{color:bold}; }
- /* ---- p o s t s t y l e s ---- */
- #container { position:absolute; width: 500px; height:460px; left:20px; top:0px; overflow:auto; padding }
- .posts { width:390px; text-align: justify; padding: 40px; padding-top:60px; background-color:{color:posts}; margin:30px 15px 10px 15px; float:left; border:1px solid {color:borders}; }
- .posts a{ {color:link}; }
- .posts img { max-width:100%; {block:IfGrayscale} -webkit-filter:grayscale(100%); {/block:IfGrayscale} padding-bottom:10px;}
- .photoset { max-width:100%; {block:IfGrayscale} -webkit-filter:grayscale(100%); {/block:IfGrayscale} }
- .video { {block:IfGrayscale} -webkit-filter:grayscale(100%); {/block:IfGrayscale} }
- #info { position:absolute; margin-left:-41px; margin-top:-61px; margin-bottom:10px; width:464px; padding:3px; height:34px; overflow:hidden; background-color: {color:sidebar}; text-align:center; font-size:12px; font-weight:bold; border:1px solid {color:borders}; overflow:hidden;background-image: url("{image:bg}")}
- #information { position:absolute; margin-left:30px; margin-top:5px; width:396px; padding:3px 10px; height:34px; overflow:hidden; background:transparent; text-align:left; font-family: 'Montserrat', sans-serif; font-size:7px; letter-spacing:3px; text-transform:uppercase; line-height:10px; overflow:hidden;}
- #information i { font-size:10px; letter-spacing:3px;background-image: url("{image:bg}")}
- #tags { padding-top:0px; width:450px;letter-spacing:2px; text-align:justify; font-weight:bold; margin-top:10px; margin-left:-11px; margin-bottom:-11px; background:{color:sidebar}; padding:10px; line-height:12px; border:1px solid {color:borders}; border-bottom-left-radius:10px; border-bottom-right-radius:10px; background-image: url("{image:bg}")}
- #tags a { font-family: 'Montserrat', sans-serif; font-size:7px; padding:0px; font-weight:bold; letter-spacing:1px; text-transform:uppercase; }
- #tags i { color:{color:text}; font-size:12px; text-shadow:none; }
- #tags b { font-family:'arial'; letter-spacing:1x; font-size:7px; text-transform:uppercase; font-style:bold; color:{color:italic};}
- /* ---- a s k s ---- */
- #question { padding:25px; margin:-11px; margin-bottom:10px; text-align:justify; background-color:{color:posts}; border: 1px solid {color:borders}; }
- #question b { color:{color:italic}; font-size:7px; text-transform:uppercase; font-family:arial; letter-spacing:2px; font-weight:bold; }
- #question i { font-size:12px; color:{color:italic}; letter-spacing:8px; }
- #question tt { font-family:sacramento; font-size:20px; text-transform:lowercase; letter-spacing:1px; }
- /* ---- a u d i o ---- */
- .playwrapper { height:60px; padding-bottom:5px; overflow:hidden; position:relative; padding:5px; background:{color:page border}; border:5px solid {color:accent}; border-radius:4px; }
- .coverart { width:60px; height:60px; position:relative; display:inline-block; background-size:cover; border-top-left-radius:7px; border-bottom-left-radius:7px; {block:IfGrayscale} -webkit-filter:grayscale(100%); {/block:IfGrayscale} }
- .audio { position:absolute; display:inline-block; top:0px; bottom:0px; left:0px; right:0px; text-align:left; }
- .player { width:50px; height:50px; margin-top:5px; margin-left:5px; padding:5px; position:absolute; overflow:hidden; background-color:#fff; opacity:0; -o-transition:opacity .25s ease-out; -moz-transition:opacity .25s ease-out; -webkit-transition:opacity .25s ease-out; transition:opacity .25s ease-out; }
- .player:hover { opacity:.8; }
- .player .audio_player { width:30px; height:30px; margin-top:15px; margin-left:10px; overflow:hidden; }
- .songinfo { border-left:5px solid {color:accent}; position:absolute; overflow:hidden; width:200px; height:40px; padding:15px; background:{color:page border}; margin-left:70px; margin-top:0px; text-align:left; font-size:7px; line-height:10px; font-family: 'Montserrat', sans-serif; text-transform:uppercase;letter-spacing:1px; color:{color:text}; text-shadow: 0 0 0.1em {color:text}; }
- /* ---- q u o t e s ---- */
- #quote{ text-align:center; font-size:18px; font-family:'georgia'; letter-spacing:1px; padding:15px; font-style:italic;}
- #source { font-size:7px; font-family: 'Montserrat', sans-serif; text-transform:uppercase;letter-spacing:1px; padding:5px; text-align:right; margin-bottom:-10px;}
- /* ---- c h a t s ---- */
- .answer span,.convo li{margin:0 0 10px;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:{color:container};color:{color:text};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 {color:container} ;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:{color:sidebar};color:{color:text}}.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 {color:sidebar};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: {color:bold}; font-family: 'Inconsolata', Inconsolata; font-size: 12px; line-height: 0px; }
- .footerright .viasrc { float: left; }
- .asked a { margin:0;padding:0; }
- .convo { overflow: hidden; list-style-type: none; padding: 0; margin: 0; }
- /* ---- p e r m a l i n k ----*/
- #notecontainer { margin-top: auto; width: 400px; font-size:9px; padding:10px;}
- #notecontainer img.avatar { margin-right: 10px; width: 16px; height: 16px; border-radius:100px; -webkit-filter:grayscale(100%); }
- /* ---- credit, do not delete unless you want these hands ---- */
- #credit { position:fixed; bottom:10px; left:10px; font-size:14px; width:14px; height:14px; font-family:arial; color:{color:text}; font-weight:bold; text-transform:uppercase; letter-spacing: 0px; font-style:normal; background:{color:sidebar}; border-radius:100px; padding:8px;}
- #credit a { color:{color:text}; font-weight:bold;letter-spacing:1px; }
- #credit i { color:{color:text}; font-size:14px; }
- /* ---- l i k e & r e b l o g ---- */
- .buttons { width:50px; height:44px; padding:3px; margin:0px; margin-left:385px; margin-top:-13px; font-size:13px; }
- svg { width:13px; height:auto; opacity:.5; padding:1px; display:block; overflow:visible; }
- .controls a { position:relative; display:inline-block; overflow:hidden; padding:5px 0px; width:15px; height:26px; color:{color:link}; text-shadow: 0 0 0.1em {color:link}; }
- .controls .reblog svg { width:11px; margin-top:1px; }
- .controls .like .liked + svg path { margin-top:-20px; fill:#ec5a5a; }
- .controls .like .like_button { position:relative; }
- .controls .like .like_button iframe { position:absolute; top:0; left:0; bottom:0; right:0; z-index:2; opacity:0; }
- #navi { position:absolute; width:150px; height:205px; right:65px; top:50px; padding:10px; border-radius: 10px; background-color:{color:background}; overflow:scroll;}
- #navi li { width: 110px; list-style:none; float:left; margin-right:55px;}
- #navi a { color:{color:text}; font-size:8px; width:110px; height:19px; padding:7px; border-left: 25px solid {color:background}; margin-bottom:10px; font-family: robold; font-weight:bold; text-transform:uppercase; text-align:center; letter-spacing:4px; line-height:18px; background:{color:post babkground}; text-shadow: 0 0 0.2em {color:text}; border-radius:10px; }
- #navi .icon { position:absolute; background:{color:italic}; width: 13px; left:-20px; height:13px; padding:5px; line-height:10px; text-align:center; border-radius:100px; font-size:13px; color:{color:posts}; top:4px; }
- #navi .icon i { font-size:13px; color:{color:posts}; text-shadow: none;}
- .conbox {
- margin-right: -10px;
- height:405px;
- width: 225px;
- border:1px solid #333;
- }
- .conbox img {
- position: absolute;
- height:405px;
- width: 225px;
- -webkit-transform:translate3d(0,0,0);
- -webkit-backface-visibility: hidden;
- }
- .conbox:hover img {
- position: absolute;
- filter: grayscale(100%) blur(3px);
- -webkit-transition:all ease-in-out .5s;
- -moz-transition:all ease-in-out .5s;
- transition:all ease-in-out .5s;
- }
- .coninfo {
- position: absolute;
- width: 225px;
- height: 405px;
- opacity: 0;
- z-index: 100000;
- transition: 0.8s;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- margin:auto;
- border:1px #333 solid;
- }
- .coninfo:hover, .bottom:hover {
- background: rgba(0, 0, 0, 0.5); /*---- background on color rgba ----*/
- opacity: 1;
- transition: 0.8s;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- .label {
- text-align: right;
- margin-right: 10px;
- color: #c0b194;
- text-transform: uppercase;
- font-size: 8px;
- font-family: 'calibri';
- letter-spacing: 2px;
- }
- .bottom {
- position: absolute;
- width: 225px;
- height: 2px;
- padding: 15px;
- margin-top: 90px;
- text-transform: uppercase;
- color: #fff; /*---- character name color ----*/
- z-index: 1000000;
- transition: 0.8s;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- text-align:center;
- font-family: 'Playfair Display SC', serif;
- font-size: 16px;
- font-weight: bold;
- letter-spacing: 5px;
- text-align: center
- }
- .bottom span {
- letter-spacing: 6px;
- font-size: 8px;
- font-style: italic;
- color: #b08e67;
- text-shadow: 5px 5px 5px black;
- }
- .conbox:hover .bottom {
- margin-top: 0px;
- opacity: 0;
- transition: 0.8s;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- .info {
- position: absolute;
- width: 405px;
- height: 225px;
- opacity: 0;
- z-index: 100000;
- transition: 0.8s;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- margin:auto;
- border:1px #333 solid;
- }
- .info:hover, .bottom:hover {
- background: rgba(0, 0, 0, 0.5); /*---- background on color rgba ----*/
- opacity: 1;
- transition: 0.8s;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- .stuff {
- width: 225px;
- height: 405px;
- padding: 15px;
- margin-top:10%;
- margin: 5% auto;
- background: rgba(0, 0, 0, 0.5)
- color: #b08e67; /*---- info text color ----*/
- overflow-y: hidden;
- }
- .stuff li{
- color:#b08e67;
- }
- .stuff h1 {
- margin: 0;
- font-family: raleway; /*---- info character name font ----*/
- font-size: 15px;
- letter-spacing: 2px;
- text-align: center;
- text-transform: uppercase;
- color: #adafb2; /*---- info character name color ----*/
- }
- .stuff h2 {
- margin-top: 3px;
- font-family: raleway; /*---- secondary info font ----*/
- font-size: 11px;
- font-style: italic;
- letter-spacing: 3px;
- text-align: center;
- text-transform: uppercase;
- color: #adafb2; /*---- secondary info color ----*/
- }
- .stuff i,em {
- color:#b08e67;
- }
- .stuff b{
- color:#b08e67;
- }
- .stuff big{
- color:#888;
- }
- .info i,em {
- color:#b08e67;
- }
- </style>
- </head>
- <body>
- <div id="top"> </div>
- <div id="sidebar">
- <div id="sidebox">
- <div id="zbox"> <img src="{image:tab image 3}"></div>
- <div id="title">{text:title}</div>
- <div id="subtitle"> {text:subtitle} </div>
- <div id="description">{text:description}</div>
- <div id="links">
- <ul class="tab">
- <li><a href="/" class="tablinks" title="refresh."> <i class="icon-home"></i></a></li>
- <li><a href="/ask" class="tablinks" title="message."> <i class="icon-bubbles"></i></a></li>
- <li><a href="#" class="tablinks" onclick="openCity(event, 'tabone')" title="{text:tab link title}"> <i class="icon-globe"></i></a></li>
- <li><a href="#" class="tablinks" onclick="openCity(event, 'tabconnections')"title="{text:free link title}"> <i class="icon-heart"></i></a></li>
- </ul>
- </div>
- </div>
- </div>
- <div id="holder">
- <!-- N A V I T A B -->
- <div id="tabone" class="tabcontent">
- <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
- <div style="width:500px;height:100px;background-image:url('{image:top title}');margin-top:40px;font-family:'eloquent';font-size:80px;line-height:110px;">DIRECTORY</div>
- <div id="bbox"> <div id="tabdesc"> {text:tab description} </div> </div>
- <div id="subtitle2">{text:tab subtitle}</div>
- <div id="navi">
- <li><a href="/url." class="hvr-sweep-to-right" class="tablinks"> <div class="icon"><i class="material-icons">loyalty</i></div> link tba. </a></li>
- <li><a href="/url." class="hvr-sweep-to-right" class="tablinks"><div class="icon"><i class="material-icons">healing</i></div> link tba </a></li>
- <li><a href="/url." class="hvr-sweep-to-right" class="tablinks"> <div class="icon"><i class="material-icons">lightbulb_outline</i></div> link tba. </a></li>
- <li><a href="/url." class="hvr-sweep-to-right" class="tablinks"><div class="icon"><i class="material-icons">whatshot</i></div> link tba </a></li>
- <li><a href="/url." class="hvr-sweep-to-right" class="tablinks"> <div class="icon"><i class="material-icons">favorite</i></div> link tba. </a></li>
- </div>
- </div>
- <div id="tabjess" class="tabcontent">
- <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
- <BR>
- <table style="text-align: justify; margin-top:30px; margin-left:10px;" width="92%">
- <tbody>
- <tr>
- <td style="text-align: left; vertical-align: top; padding-right: 10px;" width="50%">
- <div class="conbox">
- <img src="https://78.media.tumblr.com/bae7305ddd6b18b177e7dcb1b355fabe/tumblr_pa326lQBH81xw0bmvo4_400.png">
- <div class="bottom">jess<br><span>jess</span></div>
- <div class="coninfo"><div class="stuff">
- <p style="color:#ccc;display: table-cell;vertical-align: middle;text-align:justify;margin-top:-3px;padding-top:3px; padding-bottom:7px;"><i class="fas fa-quote-left fa-2x fa-pull-left" style="padding-right:3px;padding-left:3px"></i>The mind is its own place, and in itself can make a heaven of hell, a hell of heaven and it has always been better to reign in sell than to serve in heaven.</p>
- <div style="text-align:right;margin-right:10px;color: #a1a1a1; text-transform: uppercase; font-size: 8px; font-family: 'calibri'; letter-spacing: 2px;COLOR:#c0b194;">the Flayed</div>
- <ul>
- <li> <b>AGE</b> <big> ( )</big>
- </ul>
- </div>
- <div class="lnks">
- <a href="#">Coming Soon</a>
- </div></div></div>
- </td>
- <td style="text-align: right; vertical-align: top; padding-left: 10px;" width="50%">
- <h3 style="text-align: center;">OPPOSITION <br /><em>+ Allies</em></h3>
- <p><strong style="color: #888; font-family: arimo; font-size: 7px; letter-spacing: 1px; text-align: justify; text-transform: uppercase;">SUGGESTIONS:</strong><span style="font-family: arimo; font-size: 7px; letter-spacing: 1px; text-align: justify; text-transform: uppercase; white-space: pre-line;"> SEAN TEALE, DIEGO BONETA, DEV PATEL, DACRE MONTGOMERY.</span></p>
- </td>
- </tr>
- </tbody>
- </table>
- </div>
- <div id="taboscar" class="tabcontent">
- <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
- <BR>
- <table style="text-align: justify; margin-top:30px; margin-left:10px;" width="92%">
- <tbody>
- <tr>
- <td style="text-align: left; vertical-align: top; padding-right: 10px;" width="50%">
- <div class="conbox">
- <img src="https://78.media.tumblr.com/b37acf1a132a1108073e8bada37105c7/tumblr_pa326lQBH81xw0bmvo3_400.png">
- <div class="bottom">oscar<br><span>oscar</span></div>
- <div class="coninfo"><div class="stuff">
- <p style="color:#ccc;display: table-cell;vertical-align: middle;text-align:justify;margin-top:-3px;padding-top:3px; padding-bottom:7px;"><i class="fas fa-quote-left fa-2x fa-pull-left" style="padding-right:3px;padding-left:3px"></i>The mind is its own place, and in itself can make a heaven of hell, a hell of heaven and it has always been better to reign in sell than to serve in heaven.</p>
- <div style="text-align:right;margin-right:10px;color: #a1a1a1; text-transform: uppercase; font-size: 8px; font-family: 'calibri'; letter-spacing: 2px;COLOR:#c0b194;">the Flayed</div>
- <ul>
- <li> <b>AGE</b> <big> ( )</big>
- </ul>
- </div>
- <div class="lnks">
- <a href="#">Coming Soon</a>
- </div></div></div>
- </td>
- <td style="text-align: right; vertical-align: top; padding-left: 10px;" width="50%">
- <h3 style="text-align: center;">OPPOSITION <br /><em>+ Allies</em></h3>
- <p><strong style="color: #888; font-family: arimo; font-size: 7px; letter-spacing: 1px; text-align: justify; text-transform: uppercase;">SUGGESTIONS:</strong><span style="font-family: arimo; font-size: 7px; letter-spacing: 1px; text-align: justify; text-transform: uppercase; white-space: pre-line;"> SEAN TEALE, DIEGO BONETA, DEV PATEL, DACRE MONTGOMERY.</span></p>
- <p><strong style="color: #888; font-family: arimo; font-size: 7px; letter-spacing: 1px; text-align: justify; text-transform: uppercase;">SUGGESTIONS:</strong><span style="font-family: arimo; font-size: 7px; letter-spacing: 1px; text-align: justify; text-transform: uppercase; white-space: pre-line;"> OSCAR ISAAC, CHRIS PINE, RYAN REYNOLDS, TOM HARDY, BEN AFFLECK, HENRY CAVILL, JASON MOMOA.</span></p>
- </td>
- </tr>
- </tbody>
- </table>
- </div>
- <!-- PLEASE DO NOT REMOVE MY CREDIT -->
- <div id="credit"><a href="http://khevinday.tumblr.com/" title="codes by six"><i class="icon-star"></i></span></a></div>
- <!-- YOU CAN TOUCH THE REST IF U WANT THO LMAO -->
- <div id="container">
- {block:posts}
- <div class="posts" id="{PostID}">
- {block:Date}<div id="info">
- <div id="information"> <i class="icon-graph"></i> <a href="{Permalink}">{dayofweek}, {shortmonth} {dayofmonth}{dayofmonthsuffix}</a>
- <br>
- <div id="informationb">
- {block:NoteCount} with <a href="{permalink}" class="no">{notecountwithlabel}</a>{/block:NoteCount} </div>
- </div>
- <div class="buttons"><div class="controls">
- <a href="{ReblogURL}" target="_blank" class="reblog">
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><span class="lnr lnr-redo"></span></g></g></svg>
- </a>
- <a href="#" class="like">{LikeButton}
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><span class="lnr lnr-heart"></span></g></g></svg>
- </a>
- </div></div>
- </div>{/block:Date}
- {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
- {block:Quote}<div id="quote">“{Quote}” </div> <div id="source">— {Source}</div>{/block:Quote}
- {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
- {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
- {block:Photo}<center><img src="{PhotoURL-500}"/></center>
- {block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}<center>{Photoset-500}</center>
- {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {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}
- {block:Video}<div class="video">{Video-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<div id="question"><i class="fa fa-user" aria-hidden="true"> </i><b>{Asker} says: </b> {Question}</div>{Answer}{/block:Answer}
- {block:Audio}<div class="playwrapper"><div class="coverart" style="{block:AlbumArt}background-image:url({AlbumArtURL});{/block:AlbumArt}"></div><div class="audio">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}<div class="songinfo"> {block:TrackName}{TrackName}{/block:TrackName}<br/>{block:Artist}Artist: {Artist}{/block:Artist}<br/> {block:Album}Album: {Album}{/block:Album}<br/> {PlayCountWithLabel}</div></div></div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
- </div> <!---posts div--->
- {block:PostNotes}
- <div id="notecontainer">{PostNotes}</div>
- {/block:PostNotes}
- {/block:Posts}
- {block:ContentSource}{SourceURL}
- {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
- {/block:ContentSource}
- {block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">prev</a> {/block:PreviousPage} {block:NextPage}<a href="{NextPage}">next</a><br />{/block:NextPage}</div>{/block:Pagination}
- </div> <!---container div--->
- </div> <!--- holder div --->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement