API tools faq
paste
Advertisement
sammejia14

yutyghkj

sammejia14
Jun 19th, 2018
192
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 42.58 KB | None | 0 0
raw download clone embed print report
  1. <!--    
  2.  
  3.  
  4.  
  5.  
  6.                  ✱ khevinday.tumblr.com -- codes by six. ✱
  7.                  
  8.                             - do not redistribute
  9.                  - do not copy any parts of the following code  
  10.                  
  11.                      ✱ thank you for using my themes! ✱  
  12.                        
  13.    .entry {
  14.    margin-bottom:120px;
  15.    width:280px;
  16.    -webkit-filter:grayscale(100%);
  17.     }  
  18.    
  19.    .entry:hover {
  20.    -webkit-filter:grayscale(0%);
  21.    
  22.    
  23.    
  24.    A rolling of thunder
  25. Wolves scolding each other as
  26. The roses take cover
  27. In the black of the night
  28. Passions extinguish
  29. In short, whispered sentences
  30. Banished from memories
  31. Is the thought of yesterday
  32. Now I look past my shoulder
  33. For the face of my mother
  34. Did I see her smiling
  35. Or was it all a dream?
  36. No, I seem to recall
  37. The perfume of roses
  38. Today they’re all hiding
  39. The dewdrops are frozen
  40.  
  41. 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.
  42.  
  43.  
  44.  
  45.  
  46.  
  47.  
  48.  
  49.    
  50.    
  51.    
  52.    
  53. A rolling of thunder
  54. Wolves scolding each other as
  55. The roses take cover
  56. In the black of the night
  57. Passions extinguish
  58. In short, whispered sentences
  59. Banished from memories
  60. Is the thought of yesterday
  61. Now I look past my shoulder
  62. For the face of my mother
  63. Did I see her smiling
  64. Or was it all a dream?
  65. No, I seem to recall
  66. The perfume of roses
  67. Today they’re all hiding
  68. The dewdrops are frozen
  69.  
  70. [Chorus]
  71. Half fool, half blind, half awake girl
  72. Half fool, half blind, half awake world
  73. Half fool, half blind, half awake girl
  74. Half fool, half blind, half awake world
  75.  
  76. [Verse 2]
  77. Come out, blossom roses
  78. The wolf is sending messages
  79. Sweet perfume of love
  80. Just under our noses
  81. I won’t hold my horses
  82. Just leave what's above
  83. Sweet labor of love
  84. Just surrender to the other
  85.  
  86. [Chorus]
  87. Half fool, half blind, half awake girl
  88. Half fool, half blind, half awake world
  89. Half fool, half blind, half awake girl
  90. Half fool, half blind, half awake world
  91.  
  92. [Bridge]
  93. Sweet lover, keep loving [x12]
  94.  
  95. [Verse 3]
  96. Come out, sweet hypnosis
  97. I'll never know what overdose is
  98. The sweet vapor of love
  99. Just like a drug, it discloses
  100. Awaken quiet senses
  101. We'll write a new synopsis
  102. The sweet liquor of love
  103. You left a drop, to discove
  104.    
  105.    
  106.    
  107.    
  108.    
  109.    
  110.    
  111.    
  112.                        
  113. -->
  114. <html>
  115. <head>
  116.  
  117.                     <!-- META TAGS, SCRIPTS & GOOGLE FONTS -->
  118.                    
  119.  
  120.     <meta name="color:background" content="#eaeaea">
  121.     <meta name="color:container" content="#f5f5f5" />
  122.     <meta name="color:container border" content="#e2e2e2"/>
  123.     <meta name="color:sidebar" content="#f0f0f0"/>
  124.     <meta name="color:posts" content="#f8f8f8" />
  125.     <meta name="color:borders" content="#e7e7e7"/>
  126.     <meta name="color:accent" content="#c0bdb8" />
  127.     <meta name="color:accent shadow" content="#bbb9b4" />
  128.     <meta name="color:text" content="#c0bdb8" />
  129.     <meta name="color:link" content="#c0bdb8" />
  130.     <meta name="color:link hover" content="#fdfdfd" />
  131.     <meta name="color:bold" content="#777777" />
  132.     <meta name="color:italic" content="#bbbbbb"/>
  133.     <meta name="color:top" content="#dddddd"/>
  134.  
  135.     <meta name="image:page bg" content=""/>
  136.     <meta name="image:sidebar bg" content=""/>
  137.     <meta name="image:bg" content=""/>
  138.     <meta name="image:top title" content=""/>
  139.     <meta name="image:tab image 1" content=""/>
  140.     <meta name="image:tab image 2" content=""/>
  141.     <meta name="image:tab image 3" content=""/>
  142.     <meta name="image:tab image jess" content=""/>
  143.     <meta name="image:tab image leonora" content=""/>
  144.     <meta name="image:tab image fernando" content=""/>
  145.     <meta name="image:tab image oscar" content=""/>
  146.  
  147.    
  148.     <meta name="if:grayscale" content="1"/>
  149.    
  150.     <meta name="text:tab link title" content="navigate." />
  151.     <meta name="text:free link url" content="/URLHERE" />
  152.     <meta name="text:free link title" content="tba" />
  153.     <meta name="text:title" content="title here" />
  154.     <meta name="text:subtitle" content="subtitle here" />
  155.     <meta name="text:description" content="desc here" />
  156.     <meta name="text:tab title" content="title here" />
  157.     <meta name="text:tab subtitle" content="subtitle here" />
  158.     <meta name="text:tab description" content="desc here" />
  159.    
  160.     <link rel="shortcut icon" href="{Favicon}" />
  161.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  162.     <title>{Title}</title>
  163.     {block:Description}<meta name="description" content="{MetaDescription}" />     {/block:Description}
  164.  
  165. <script>
  166. function openCity(evt, cityName) {
  167.     var i, tabcontent, tablinks;
  168.     tabcontent = document.getElementsByClassName("tabcontent");
  169.     for (i = 0; i < tabcontent.length; i++) {
  170.        tabcontent[i].style.display = "none";
  171.    }
  172.    tablinks = document.getElementsByClassName("tablinks");
  173.    for (i = 0; i < tablinks.length; i++) {
  174.        tablinks[i].className = tablinks[i].className.replace(" active", "");
  175.    }
  176.    document.getElementById(cityName).style.display = "block";
  177.    evt.currentTarget.className += " active";
  178. }
  179. </script>
  180.  
  181. <script type="text/javascript">
  182. $(document).ready(function(){
  183.    
  184.     $('ul.tabs li').click(function(){
  185.         var tab_id = $(this).attr('data-tab');
  186.  
  187.         $('ul.tabs li').removeClass('current');
  188.         $('.tab-content').removeClass('current');
  189.  
  190.         $(this).addClass('current');
  191.         $("#"+tab_id).addClass('current');
  192.     })
  193.  
  194. })
  195. </script>
  196.  
  197. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  198. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  199.  
  200. <script>
  201. (function($){
  202. $(document).ready(function() {
  203. $("a[title]").style_my_tooltips({
  204. tip_follows_cursor:true,
  205. tip_delay_time:90,
  206. tip_fade_speed:600,
  207. attribute:"title"
  208. });
  209. });
  210. })(jQuery);
  211. </script>
  212.  
  213. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  214.  
  215. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  216.  
  217. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  218.  
  219. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  220.  
  221. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.css">
  222.  
  223.  
  224. <!--- FONTS --->
  225.  
  226. <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
  227.      rel="stylesheet">
  228.      
  229. <link href='https://fonts.googleapis.com/css?family=Montserrat:700' rel='stylesheet' type='text/css'>
  230.  
  231. <link href="https://fonts.googleapis.com/css?family=Amiri:400,400i,700i&amp;subset=arabic,latin-ext" rel="stylesheet">
  232.  
  233.     <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" />
  234.  <!--    <link href="https://fonts.googleapis.com/css?family=Old+Standard+TT" rel="stylesheet">  --->
  235. <link href="https://fonts.googleapis.com/css?family=Playfair+Display+SC:400,700" rel="stylesheet">
  236.  
  237. <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
  238.  
  239. <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'>
  240.  
  241. <!-- END OF FONTS -->
  242.  
  243.  
  244. <style type="text/css">
  245.  
  246. .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;}
  247.  
  248. #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; }
  249.  
  250. ::-webkit-scrollbar { width: 1px; height:3px; background: transparent;}
  251. ::-webkit-scrollbar-thumb { background-color: transparent; -webkit-border-radius: 1ex; }
  252.  
  253.                /* ---- tumblr controls by @CYANTISTS ---- */
  254.  
  255. iframe.tmblr-iframe { z-index:99999999999999!important; top:0!important; right:0!important; opacity:0.4;
  256.  
  257. 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; }
  258.  
  259. iframe.tmblr-iframe:hover { opacity:0.6!important; }
  260.  
  261.  
  262.                       /* ---- TEXTS & CUSTOM FONTS ----*/
  263.  
  264. @font-face{ font-family:"astronout"; src: url('https://dl.dropboxusercontent.com/s/v6587r3a6m8y5eh/Astronout.ttf’)'); }
  265.  
  266. @font-face{ font-family:"roboto"; src: url('https://dl.dropboxusercontent.com/s/i5x37kqbtb40s0b/Roboto-Light.ttf’)'); }
  267.  
  268. @font-face{ font-family:"robold"; src: url('https://dl.dropboxusercontent.com/s/qynix3bz0j8ppva/Roboto-BoldCondensed.ttf’)'); }
  269.  
  270. @font-face{ font-family:"tamoro"; src: url('https://dl.dropboxusercontent.com/s/awqw1tgpb3takgm/TamoroScript_PersonalUseOnly.ttf’)'); }
  271.  
  272. @font-face{ font-family:"eloquent"; src: url('https://dl.dropboxusercontent.com/s/v2faujqdedjca02/K22%20Didoni.otf’)'); }
  273.  
  274.  
  275.  
  276.  
  277. @font-face { font-family: "bbs"; src: url('https://dl.dropboxusercontent.com/s/nho5r34pjossy29/OSFC-Bristle-Brush-Script-Regular-Demo.ttf') ;}
  278.  
  279. @font-face { font-family: "k22"; src: url('https://dl.dropboxusercontent.com/s/jxn81c51yqeo38c/K22%20Didoni.ttf') ;}
  280.  
  281.  
  282.  
  283. @font-face { font-family: "highschoolm"; src: url('https://dl.dropboxusercontent.com/s/nvgzhrtvgwd35wk/HelloSunshineMarker.otf') ;}
  284.  
  285. @font-face { font-family: "sally"; src: url('https://dl.dropboxusercontent.com/s/63uokzjy9susy6l/SALSABILLA%20.ttf') ;}
  286.  
  287. @font-face { font-family: "golden"; src: url('https://dl.dropboxusercontent.com/s/mk0afcjno706p4r/Golden%20Plains%20-%20Demo.ttf') ;}
  288.  
  289. @font-face { font-family: "hermes"; src: url('https://dl.dropboxusercontent.com/s/vmi0c4qgbq1xuhd/Hermes.otf') ;}
  290.  
  291.  
  292. @font-face { font-family: "vincentia"; src: url('https://dl.dropboxusercontent.com/s/lsokt12hrf59863/Vincentia.otf') ;}
  293.  
  294. @font-face { font-family: "lauren"; src: url('https://dl.dropboxusercontent.com/s/vjlikhab70frdeg/Lauren-Regular.ttf') ;}
  295.  
  296. @font-face { font-family: "candlelight"; src: url('https://dl.dropboxusercontent.com/s/n60j02tkkuxgctq/Candlelight.ttf') ;}
  297.  
  298. @font-face { font-family: "exodus"; src: url('https://dl.dropboxusercontent.com/s/ny3r8epkfak5b8g/ExodusDemo-Regular.otf') ;}
  299.  
  300.  
  301.  
  302.  
  303.  
  304. a:link, a:active, a:visited { color: {color:link}; text-decoration:none; }
  305.  
  306. a:hover { color:{color:link hover}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
  307.  
  308. small, sub, sup { font-size:9px; }
  309.  
  310. big { font-size:auto; }
  311.  
  312. b, strong { color:{color:bold} }
  313.  
  314. 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; }
  315.  
  316. h2 { text-transform:uppercase; text-align:center; font-family: 'Montserrat'; letter-spacing:4px; font-size:7px; color:{color:italic}; }
  317.  
  318. i, em { color:{color:italic}; }
  319.  
  320. p { margin-top:6px; margin-bottom:6px; }
  321.  
  322. blockquote { padding:0px; padding-left:10px; margin:8px; border-left:1px solid {color:borders}; }
  323.  
  324. img a { border:none; width:100%; }
  325.  
  326.  hr {
  327.      border-top: 1px solid #222;
  328.      border-bottom: 1px solid #222;
  329.      border-left: 1px solid #000;
  330.      border-right: 1px solid #000;
  331.      padding-bottom:10px;
  332.      background-color:#000;
  333.      color:#121212;
  334.      width:471px;
  335.      margin-left:-42px;
  336.      
  337.  }
  338.  
  339.  
  340. .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; }
  341. .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; }
  342. .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { color: white; }
  343. .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); }
  344.  
  345.                     /* ---- b o d y  &  c o n t a i n e r ---- */
  346.                    
  347.  
  348. body {color:{color:text}; background-color:{color:background};      font-family:calibri;
  349.     font-size:10px;
  350.     line-height:15px;
  351.     -moz-font-smoothing:subpixel-antialiased;
  352.     -webkit-font-smoothing:subpixel-antialiased;
  353.     font-smoothing:subpixel-antialiased; text-align:justify;
  354.     background-image:url('{image:page bg}');
  355.     background-size:cover;
  356. }
  357.  
  358. #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;}
  359.  
  360. #top { top:-20px; height:60px; width:100%; background-color:{color:top};
  361. z-index:-99999999999999999999999999; }
  362.  
  363.                
  364.                          /* ---- s i d e b a r  ---- */
  365.                          
  366.                          
  367.  
  368. #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;
  369.     background-position: top center; }
  370.  
  371. #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;}
  372.  
  373. #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; }
  374.  
  375. #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; }
  376.  
  377. #zbox {position:absolute; left:20px; top:20px; width:90px; height:90px; background-color:{color:sidebar}; overflow:hidden; border-radius:50px;border: #121212 solid 3px; }
  378. #zbox img{ width:90px; height:90px;  }
  379.  
  380. #zbox img{ width:90px; height:90px;  }
  381.  
  382.  
  383.    
  384.  
  385.    
  386.    
  387.    
  388.    
  389.    
  390.    
  391.    
  392.    
  393.  
  394. #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; }
  395.  
  396. #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; }
  397.  
  398. #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;  }
  399.  
  400. #pagination { margin-top: auto; width: 360px; font-size:9px; padding:15px; padding-top:45px; text-align:center; letter-spacing:5px;}
  401.  
  402. #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; }
  403.  
  404.                      /* ---- l i n k s / t a b s ---- */
  405.                          
  406. #links { position: absolute; width:130px; height:30px; left:35px; bottom:10px; background-color:{color:background}; border-radius:5px; }
  407.                        
  408. ul.tab { position:absolute; overflow:hidden; list-style-type: none; margin: 0; padding: 0;  background-color: transparent; right:5px;  top:5px;  z-index:999999999; }
  409.  
  410. ul.tab li { width: 20px; float:left; margin-left:5px; margin-right:5px; margin-top:1px; }
  411.  
  412. ul.tab li a{ display:inline-block; color:{color:text}; font-size:11px; width:11px; height:11px; padding:3px; border-radius:100px;  }
  413.  
  414. ul.tab li i{ color:{color:text}; font-weight:bold; }
  415.  
  416. .close { position:absolute; top:20px; right:20px; font-weight:bold; color:{color:text}; z-index:9999999; }
  417. .close:hover { cursor: pointer; }
  418.  
  419. .tabcontent { display: none; height:385; width:470px; padding:0px; margin-left:392px; margin-top:-10px; background-color:transparent; z-index:9999;  }
  420.  
  421. .tabcontent.current{ display: inherit; }
  422.  
  423. @-webkit-keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} }
  424.  
  425. @keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} }
  426.  
  427.  
  428.                    /* ---- n a v i g a t i o n  t a b ---- */
  429.  
  430. #tabone { position:absolute;  right:0px; top:0px; width: 519px; height:500px; background-color:{color:container}; overflow:hidden; }
  431. #tabconnections { position:absolute;  right:0px; top:0px; width: 519px; height:500px; background-color:{color:container}; overflow:hidden; }
  432. #tabjess { position:absolute;  right:0px; top:0px; width: 519px; height:500px; background-color:{color:container}; overflow:hidden; }
  433.  
  434.  
  435. #abox {position:absolute; right:20px; bottom:20px; width:115px; height:320px; background-color:{color:sidebar}; border-radius:10px; overflow:hidden; }
  436.  
  437. #bbox {position:absolute; left:10px; bottom:60px; width:265px; height:200px; background-color:{color:sidebar}; border-radius:10px; overflow:hidden; }
  438.  
  439. #cbox {position:absolute; right:70px; top:25px; width:140px; height:150px; background-color:{color:sidebar}; border-radius:10px; overflow:hidden;}
  440.  
  441. #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; }
  442.  
  443. #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);}
  444.  
  445. #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;}
  446.  
  447. #linkage { position: absolute; width:80px; left:55px; bottom:20px; padding:5px; text-align:center; }
  448.  
  449. #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};}
  450.  
  451. #linkage a { font-weight:bold; text-transform:lowercase; font-family: 'eloquent', sans-serif; font-size:22px; line-height:22px; color:{color:bold}; }
  452.  
  453.  
  454.                       /* ---- p o s t  s t y l e s ---- */
  455.  
  456. #container { position:absolute; width: 500px; height:460px; left:20px;  top:0px; overflow:auto;  padding }
  457.  
  458. .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};  }
  459.  
  460. .posts a{ {color:link}; }
  461.  
  462. .posts img { max-width:100%; {block:IfGrayscale} -webkit-filter:grayscale(100%); {/block:IfGrayscale}  padding-bottom:10px;}
  463.    
  464. .photoset { max-width:100%; {block:IfGrayscale} -webkit-filter:grayscale(100%); {/block:IfGrayscale} }
  465.  
  466. .video { {block:IfGrayscale} -webkit-filter:grayscale(100%); {/block:IfGrayscale} }
  467.  
  468. #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}")}
  469.  
  470. #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;}
  471.  
  472.  
  473.  
  474. #information i { font-size:10px; letter-spacing:3px;background-image: url("{image:bg}")}
  475.  
  476.  #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}")}
  477.  
  478. #tags a { font-family: 'Montserrat', sans-serif; font-size:7px; padding:0px; font-weight:bold; letter-spacing:1px; text-transform:uppercase; }
  479.  
  480. #tags i { color:{color:text}; font-size:12px; text-shadow:none; }
  481.  
  482. #tags b { font-family:'arial'; letter-spacing:1x; font-size:7px; text-transform:uppercase; font-style:bold; color:{color:italic};}
  483.  
  484.                             /* ---- a s k s ---- */
  485.  
  486. #question { padding:25px; margin:-11px; margin-bottom:10px; text-align:justify; background-color:{color:posts}; border: 1px solid {color:borders};  }
  487.  
  488. #question b { color:{color:italic}; font-size:7px; text-transform:uppercase; font-family:arial; letter-spacing:2px; font-weight:bold; }
  489.  
  490. #question i { font-size:12px; color:{color:italic}; letter-spacing:8px; }
  491.  
  492. #question tt { font-family:sacramento; font-size:20px; text-transform:lowercase; letter-spacing:1px; }
  493.    
  494.                           /* ---- a u d i o ---- */
  495.  
  496. .playwrapper { height:60px; padding-bottom:5px; overflow:hidden; position:relative; padding:5px; background:{color:page border}; border:5px solid {color:accent}; border-radius:4px; }
  497.  
  498. .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} }
  499.  
  500. .audio { position:absolute; display:inline-block; top:0px; bottom:0px; left:0px; right:0px;  text-align:left; }
  501.  
  502. .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; }
  503.  
  504. .player:hover {  opacity:.8; }
  505.  
  506. .player .audio_player { width:30px; height:30px; margin-top:15px; margin-left:10px; overflow:hidden; }
  507.  
  508. .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}; }
  509.  
  510.                         /*  ---- q u o t e s ---- */
  511.  
  512. #quote{ text-align:center; font-size:18px; font-family:'georgia'; letter-spacing:1px; padding:15px; font-style:italic;}
  513.  
  514. #source { font-size:7px; font-family: 'Montserrat', sans-serif; text-transform:uppercase;letter-spacing:1px; padding:5px; text-align:right; margin-bottom:-10px;}
  515.  
  516.                          /* ---- c h a t s ---- */
  517.  
  518. .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}
  519. .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; }
  520. .footerright .viasrc { float: left; }
  521. .asked a {  margin:0;padding:0;  }
  522. .convo { overflow: hidden; list-style-type: none; padding: 0; margin: 0; }
  523.        
  524.  
  525.                       /* ---- p e r m a l i n k ----*/
  526.  
  527. #notecontainer { margin-top: auto; width: 400px; font-size:9px; padding:10px;}
  528.  
  529. #notecontainer img.avatar { margin-right: 10px; width: 16px; height: 16px;  border-radius:100px; -webkit-filter:grayscale(100%); }
  530.  
  531.         /* ---- credit, do not delete unless you want these hands ---- */
  532.  
  533.  #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;}
  534.   #credit a { color:{color:text}; font-weight:bold;letter-spacing:1px; }
  535.   #credit i { color:{color:text}; font-size:14px; }
  536.  
  537.                      /* ---- l i k e  &  r e b l o g ---- */
  538.  
  539. .buttons { width:50px; height:44px; padding:3px; margin:0px; margin-left:385px; margin-top:-13px; font-size:13px; }
  540.  
  541. svg { width:13px; height:auto; opacity:.5; padding:1px; display:block; overflow:visible; }
  542.  
  543. .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};  }
  544.  
  545. .controls .reblog svg { width:11px; margin-top:1px; }
  546.  
  547. .controls .like .liked + svg path { margin-top:-20px; fill:#ec5a5a; }
  548.  
  549. .controls .like .like_button { position:relative; }
  550.  
  551. .controls .like .like_button iframe { position:absolute; top:0; left:0; bottom:0; right:0; z-index:2; opacity:0; }
  552.  
  553.  
  554.  
  555.  
  556.  
  557. #navi { position:absolute; width:150px;  height:205px; right:65px; top:50px; padding:10px;  border-radius: 10px; background-color:{color:background}; overflow:scroll;}
  558.  
  559. #navi li  { width: 110px; list-style:none; float:left; margin-right:55px;}
  560.  
  561. #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; }
  562.  
  563. #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; }
  564.  
  565. #navi .icon i { font-size:13px;  color:{color:posts}; text-shadow: none;}
  566.  
  567.  
  568.  
  569.  
  570.  
  571.  
  572.  
  573.  
  574.  
  575.  
  576.  
  577.  
  578.  
  579.  
  580.  
  581.  
  582.  
  583.  
  584.  
  585.  
  586.  
  587.  
  588.    
  589.      .conbox {
  590.         margin-right: -10px;
  591.         height:405px;
  592.         width: 225px;
  593.         border:1px solid #333;
  594.     }
  595.    
  596.     .conbox img {
  597.         position: absolute;
  598.         height:405px;
  599.         width: 225px;
  600. -webkit-transform:translate3d(0,0,0);
  601. -webkit-backface-visibility: hidden;
  602.  
  603.     }
  604.    
  605.    
  606.    .conbox:hover img {
  607.        
  608.      position: absolute;
  609.   filter: grayscale(100%) blur(3px);
  610.  -webkit-transition:all ease-in-out .5s;
  611.  -moz-transition:all ease-in-out .5s;
  612.     transition:all ease-in-out .5s;
  613. }
  614.    
  615.    
  616.    
  617.    
  618.    
  619.    
  620.    
  621.         .coninfo {
  622.         position: absolute;
  623.         width: 225px;
  624.         height: 405px;
  625.         opacity: 0;
  626.         z-index: 100000;
  627.         transition: 0.8s;
  628.         -webkit-transition: all 0.8s ease;
  629.         -moz-transition: all 0.8s ease;
  630.         -o-transition: all 0.8s ease;
  631.         margin:auto;
  632.                 border:1px #333 solid;
  633.  
  634.     }
  635.    
  636.     .coninfo:hover, .bottom:hover  {
  637.      
  638.         background: rgba(0, 0, 0, 0.5); /*---- background on color rgba ----*/
  639.         opacity: 1;
  640.         transition: 0.8s;
  641.  
  642.         -webkit-transition: all 0.8s ease;
  643.         -moz-transition: all 0.8s ease;
  644.         -o-transition: all 0.8s ease;
  645.     }
  646.    
  647.    
  648.    
  649.    
  650.  
  651.  
  652.  
  653.  
  654.  
  655.  
  656.  
  657.  
  658.  
  659.  
  660.  
  661.  
  662.  
  663.  
  664.  
  665.  
  666.  
  667.  
  668.  
  669.  
  670.  
  671.  
  672.     .label {
  673.         text-align: right;
  674.         margin-right: 10px;
  675.         color: #c0b194;
  676.         text-transform: uppercase;
  677.         font-size: 8px;
  678.         font-family: 'calibri';
  679.         letter-spacing: 2px;
  680.     }
  681.    
  682.     .bottom {
  683.         position: absolute;
  684.         width: 225px;
  685.         height: 2px;
  686.         padding: 15px;
  687.         margin-top: 90px;
  688.         text-transform: uppercase;
  689.         color: #fff; /*---- character name color ----*/
  690.         z-index: 1000000;
  691.         transition: 0.8s;
  692.         -webkit-transition: all 0.8s ease;
  693.         -moz-transition: all 0.8s ease;
  694.         -o-transition: all 0.8s ease;
  695.         text-align:center;
  696.        
  697.        
  698.         font-family: 'Playfair Display SC', serif;
  699.         font-size: 16px;
  700.         font-weight: bold;
  701.         letter-spacing: 5px;
  702.         text-align: center
  703.     }
  704.    
  705.  
  706.        
  707.  
  708.  
  709.    
  710.    
  711.     .bottom span {
  712.      letter-spacing: 6px;
  713.      font-size: 8px;
  714.      font-style: italic;
  715.      color: #b08e67;
  716.      
  717.     text-shadow: 5px 5px 5px black;
  718.      
  719.     }
  720.    
  721.  
  722.  
  723.    
  724.         .conbox:hover .bottom {
  725.         margin-top: 0px;
  726.         opacity: 0;
  727.         transition: 0.8s;
  728.         -webkit-transition: all 0.8s ease;
  729.         -moz-transition: all 0.8s ease;
  730.         -o-transition: all 0.8s ease;
  731.     }
  732.    
  733.  
  734.     .info {
  735.         position: absolute;
  736.         width: 405px;
  737.         height: 225px;
  738.         opacity: 0;
  739.         z-index: 100000;
  740.         transition: 0.8s;
  741.         -webkit-transition: all 0.8s ease;
  742.         -moz-transition: all 0.8s ease;
  743.         -o-transition: all 0.8s ease;
  744.         margin:auto;
  745.                 border:1px #333 solid;
  746.  
  747.     }
  748.    
  749.     .info:hover, .bottom:hover {
  750.      
  751.         background: rgba(0, 0, 0, 0.5); /*---- background on color rgba ----*/
  752.         opacity: 1;
  753.         transition: 0.8s;
  754.  
  755.         -webkit-transition: all 0.8s ease;
  756.         -moz-transition: all 0.8s ease;
  757.         -o-transition: all 0.8s ease;
  758.     }
  759.    
  760.  
  761.    
  762.    
  763.    
  764.     .stuff {
  765.          width: 225px;
  766.          height: 405px;
  767.          padding: 15px;
  768.          margin-top:10%;
  769.          margin: 5% auto;
  770.          background: rgba(0, 0, 0, 0.5)
  771.          color: #b08e67; /*---- info text color ----*/
  772.          overflow-y: hidden;
  773.     }
  774.    
  775.     .stuff li{
  776.         color:#b08e67;
  777.     }
  778.     .stuff h1 {
  779.         margin: 0;
  780.         font-family: raleway; /*---- info character name font ----*/
  781.         font-size: 15px;
  782.         letter-spacing: 2px;
  783.         text-align: center;
  784.         text-transform: uppercase;
  785.         color: #adafb2; /*---- info character name color ----*/
  786.     }
  787.    
  788.     .stuff h2 {
  789.         margin-top: 3px;
  790.         font-family: raleway; /*---- secondary info font ----*/
  791.         font-size: 11px;
  792.         font-style: italic;
  793.         letter-spacing: 3px;
  794.         text-align: center;
  795.         text-transform: uppercase;
  796.         color: #adafb2; /*---- secondary info color ----*/
  797.     }
  798.    
  799.    
  800.     .stuff i,em {
  801.         color:#b08e67;
  802.     }
  803.    
  804.     .stuff b{
  805.         color:#b08e67;
  806.     }
  807.    
  808.     .stuff big{
  809.         color:#888;
  810.     }
  811.  
  812.     .info i,em {
  813.         color:#b08e67;
  814.     }
  815.  
  816.  
  817.  
  818.  
  819. </style>
  820. </head>  
  821.  
  822.  
  823. <body>
  824. <div id="top"> </div>
  825.  
  826.  
  827.  
  828. <div id="sidebar">
  829.  
  830.  
  831.    
  832.    
  833.    
  834.    
  835.    
  836.    
  837.    
  838.     <div id="sidebox">
  839.    
  840.      <div id="zbox"> <img src="{image:tab image 3}"></div>
  841.     <div id="title">{text:title}</div>
  842.     <div id="subtitle"> {text:subtitle} </div>
  843.    
  844.     <div id="description">{text:description}</div>
  845.    
  846.     <div id="links">
  847.    
  848.     <ul class="tab">
  849.     <li><a href="/" class="tablinks" title="refresh."> <i class="icon-home"></i></a></li>
  850.     <li><a href="/ask" class="tablinks" title="message."> <i class="icon-bubbles"></i></a></li>
  851.     <li><a href="#" class="tablinks" onclick="openCity(event, 'tabone')" title="{text:tab link title}"> <i class="icon-globe"></i></a></li>
  852.     <li><a href="#" class="tablinks"  onclick="openCity(event, 'tabconnections')"title="{text:free link title}"> <i class="icon-heart"></i></a></li>
  853.     </ul>
  854.    </div>
  855.  
  856.     </div>
  857.    
  858.    
  859.    
  860.    
  861.    
  862.    
  863.    
  864.    
  865.    
  866.  
  867.    
  868. </div>
  869.  
  870.  
  871. <div id="holder">
  872.  
  873.  
  874. <!-- N A V I   T A B -->
  875.  
  876. <div id="tabone" class="tabcontent">
  877. <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
  878.  
  879. <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>
  880.  <div id="bbox"> <div id="tabdesc"> {text:tab description} </div> </div>
  881.  
  882.  
  883. <div id="subtitle2">{text:tab subtitle}</div>
  884.  
  885.  
  886.  
  887.  <div id="navi">
  888.   <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>
  889.  
  890.   <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>
  891.  
  892.     <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>
  893.  
  894.     <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>
  895.    
  896.     <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>
  897.     </div>
  898.  
  899.  
  900. </div>
  901.  
  902.  
  903.  
  904.  
  905.  
  906.  
  907.  
  908.  
  909.  
  910.  
  911.  
  912.  
  913.  
  914.  
  915.  
  916.  
  917.  
  918.  
  919.  
  920.  
  921.  
  922.  
  923.  
  924.  
  925.  
  926.  
  927.  
  928.  
  929. <div id="tabjess" class="tabcontent">
  930. <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
  931.  
  932.  <BR>
  933.  
  934.  
  935. <table style="text-align: justify; margin-top:30px; margin-left:10px;" width="92%">
  936. <tbody>
  937. <tr>
  938. <td style="text-align: left; vertical-align: top; padding-right: 10px;" width="50%">
  939.  
  940. <div class="conbox">
  941. <img src="https://78.media.tumblr.com/bae7305ddd6b18b177e7dcb1b355fabe/tumblr_pa326lQBH81xw0bmvo4_400.png">
  942. <div class="bottom">jess<br><span>jess</span></div>
  943. <div class="coninfo"><div class="stuff">
  944. <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>
  945. <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>
  946. <ul>
  947.  
  948. <li> <b>AGE</b> <big> (  )</big>
  949. </ul>
  950. </div>
  951. <div class="lnks">
  952. <a href="#">Coming Soon</a>
  953. </div></div></div>
  954.  
  955.  
  956. </td>
  957. <td style="text-align: right; vertical-align: top; padding-left: 10px;" width="50%">
  958. <h3 style="text-align: center;">OPPOSITION <br /><em>+ Allies</em></h3>
  959. <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>
  960. </td>
  961. </tr>
  962. </tbody>
  963. </table>
  964.  
  965.  
  966.  
  967.  
  968.  
  969.  
  970.  
  971.  
  972.  
  973.  
  974.  
  975.  
  976.  
  977.  
  978.  
  979.  
  980.  
  981.  
  982.  
  983.  
  984.  
  985.  
  986. </div>
  987.  
  988.  
  989.  
  990.  
  991.  
  992.  
  993.  
  994.  
  995.  
  996.  
  997.  
  998.  
  999.  
  1000.  
  1001.  
  1002.  
  1003.  
  1004.  
  1005.  
  1006.  
  1007.  
  1008.  
  1009.  
  1010.  
  1011.  
  1012.  
  1013.  
  1014. <div id="taboscar" class="tabcontent">
  1015. <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
  1016.  
  1017.  <BR>
  1018.  
  1019.  
  1020. <table style="text-align: justify; margin-top:30px; margin-left:10px;" width="92%">
  1021. <tbody>
  1022. <tr>
  1023. <td style="text-align: left; vertical-align: top; padding-right: 10px;" width="50%">
  1024.  
  1025. <div class="conbox">
  1026. <img src="https://78.media.tumblr.com/b37acf1a132a1108073e8bada37105c7/tumblr_pa326lQBH81xw0bmvo3_400.png">
  1027. <div class="bottom">oscar<br><span>oscar</span></div>
  1028. <div class="coninfo"><div class="stuff">
  1029. <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>
  1030. <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>
  1031. <ul>
  1032.  
  1033. <li> <b>AGE</b> <big> (  )</big>
  1034. </ul>
  1035. </div>
  1036. <div class="lnks">
  1037. <a href="#">Coming Soon</a>
  1038. </div></div></div>
  1039.  
  1040.  
  1041. </td>
  1042. <td style="text-align: right; vertical-align: top; padding-left: 10px;" width="50%">
  1043. <h3 style="text-align: center;">OPPOSITION <br /><em>+ Allies</em></h3>
  1044. <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>
  1045.  
  1046. <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>
  1047. </td>
  1048. </tr>
  1049. </tbody>
  1050. </table>
  1051.  
  1052.  
  1053.  
  1054.  
  1055.  
  1056.  
  1057.  
  1058.  
  1059.  
  1060.  
  1061.  
  1062.  
  1063.  
  1064.  
  1065.  
  1066.  
  1067.  
  1068.  
  1069.  
  1070.  
  1071.  
  1072.  
  1073. </div>
  1074.  
  1075.  
  1076.  
  1077.  
  1078.                    <!-- PLEASE DO NOT REMOVE MY CREDIT -->
  1079.  
  1080. <div id="credit"><a href="http://khevinday.tumblr.com/" title="codes by six"><i class="icon-star"></i></span></a></div>
  1081.  
  1082.               <!-- YOU CAN TOUCH THE REST IF U WANT THO LMAO -->
  1083.              
  1084.              
  1085.  
  1086. <div id="container">
  1087. {block:posts}
  1088.  
  1089. <div class="posts" id="{PostID}">
  1090.  
  1091. {block:Date}<div id="info">
  1092.  
  1093. <div id="information"> <i class="icon-graph"></i> <a href="{Permalink}">{dayofweek}, {shortmonth} {dayofmonth}{dayofmonthsuffix}</a>
  1094. <br>
  1095.  
  1096. <div id="informationb">
  1097.  
  1098. {block:NoteCount} with <a href="{permalink}" class="no">{notecountwithlabel}</a>{/block:NoteCount} </div>
  1099.  
  1100. </div>
  1101.  
  1102.  
  1103.  
  1104.  
  1105. <div class="buttons"><div class="controls">
  1106. <a href="{ReblogURL}" target="_blank" class="reblog">
  1107. <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>
  1108. </a>
  1109. <a href="#" class="like">{LikeButton}
  1110. <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>
  1111. </a>
  1112. </div></div>
  1113.  
  1114. </div>{/block:Date}
  1115.  
  1116. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1117.  
  1118. {block:Quote}<div id="quote">“{Quote}” </div> <div id="source">— {Source}</div>{/block:Quote}
  1119.  
  1120. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  1121. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  1122.  
  1123. {block:Photo}<center><img src="{PhotoURL-500}"/></center>
  1124. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1125.  
  1126. {block:Photoset}<center>{Photoset-500}</center>
  1127. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1128.  
  1129. {block:Chat} {block:Title}
  1130. <h1>{Title}</h1>{/block:Title}<br>
  1131. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  1132. {Line}</li>{/block:Lines}</ul> {/block:Chat}
  1133.  
  1134. {block:Video}<div class="video">{Video-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1135.  
  1136. {block:Answer}<div id="question"><i class="fa fa-user" aria-hidden="true"> </i><b>{Asker} says: </b> {Question}</div>{Answer}{/block:Answer}
  1137.  
  1138. {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}
  1139.  
  1140.  
  1141.  
  1142. </div> <!---posts div--->
  1143.  
  1144.  {block:PostNotes}
  1145. <div id="notecontainer">{PostNotes}</div>
  1146. {/block:PostNotes}
  1147. {/block:Posts}
  1148.  {block:ContentSource}{SourceURL}
  1149. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1150. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  1151. {/block:ContentSource}
  1152.  
  1153.  
  1154. {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}
  1155.  
  1156. </div> <!---container div--->
  1157. </div> <!--- holder div --->
  1158.  
  1159.  
  1160. </body>
  1161. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!