SHARE
TWEET

Untitled

a guest Apr 25th, 2019 66 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style>
  2. .lovely {
  3.   position: fixed;
  4.   right: 3px;
  5.   bottom: 3px;
  6. }
  7.  
  8. .lovely a {
  9.   font-family: calibri;
  10.   font-size: 9px;
  11.   text-transform: uppercase;
  12.   color: #a1a1a1;
  13.   letter-spacing: 0px;
  14.   text-decoration: none;
  15.   -webkit-transition: all .5s ease-in-out;
  16.   -moz-transition: .5s ease-in-out;
  17. }
  18.  
  19. .lovely a:hover {
  20.   color: #000;
  21. }
  22. </style>
  23.  
  24.  
  25. <div class="lovely">
  26.   <a href="http://loveatelier.tumblr.com/sites">R</a>
  27. </div>
  28.  
  29. <BODY oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
  30.  <style>
  31. .clearfix { margin-top: -125px; }
  32. br { line-height: 0px; }
  33. td td td br { line-height: auto; }
  34. table, tr, td { background-color: transparent !important; }
  35. table table { visibility: hidden; }
  36. table table table, table.blurbs td.text, span.orangetext15, #footerWarpper { display: none; }
  37. div table,table.blurbs,table.blurbs table {visibility: visible;display: table;_display: inline;}
  38. div div table div, div.clearfix a, input { display: none; }
  39. div.clearfix table div div, #footerWarpper { display: block; }
  40.  
  41.   body {
  42.   background-color: #0b0b0b;
  43. }
  44.  
  45. .container {
  46.   background-color: #0b0b0b;
  47.   width: 550px;
  48.   height: 400px;
  49.   margin: auto;
  50.   position: absolute;
  51.   top: 0px;
  52.   left: 0;
  53.   bottom: 0;
  54.   right: 0;
  55. }
  56.  
  57. .leftcont {
  58.   background-color: #151515;
  59.   width: 50%;
  60.   height: 100%;
  61.   position: absolute;
  62.   float: left;
  63. }
  64.  
  65. .nav {
  66.   background-color: transparent;
  67.   width: 175px;
  68.   height: 30px;
  69.   margin-top: 10px;
  70.   margin-left: 395px;
  71.   position: absolute;
  72. }
  73.  
  74. .nav a {
  75.   display: inline-block;
  76.   text-align: center;
  77.   width: 30px;
  78.   height: 15px;
  79.   background-color: #2a7c77;
  80.   color: #ffffff;
  81.   font-family: Calibri;
  82.   font-size: 5px;
  83.   text-transform: uppercase;
  84.   letter-spacing: 1px;
  85.   line-height: 15px;
  86.   text-decoration: none;
  87.   margin-right: 5px;
  88.   -webkit-transition: all 0.4s ease-in-out;
  89.   -moz-transition: all 0.4s ease-in-out;
  90.   -o-transition: all 0.4s ease-in-out;
  91.   transition: all 0.4s ease-in-out;
  92. }
  93. .nav a:hover {
  94.   letter-spacing: 2px;
  95. }
  96.  
  97. [data-tooltip] {
  98.   position: relative;
  99.   z-index: 2;
  100.   cursor: pointer;
  101. }
  102.  
  103. [data-tooltip]:before,
  104. [data-tooltip]:after {
  105.   visibility: hidden;
  106.   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  107.   filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  108.   opacity: 0;
  109.   pointer-events: none;
  110.   bottom: 40px;
  111. }
  112.  
  113. [data-tooltip]:before {
  114.   position: absolute;
  115.   left: 0px;
  116.   margin-bottom: 0px;
  117.   margin-left: 0px;
  118.   padding: 0px;
  119.   width: 30px;
  120.   height: 15px;
  121.   background-color: #2b292e;
  122.   color: #ffffff;
  123.   font-family: Calibri;
  124.   font-size: 5px;
  125.   text-transform: uppercase;
  126.   content: attr(data-tooltip);
  127.   text-align: center;
  128.   letter-spacing: 1px;
  129.   line-height: 15px;
  130.   -webkit-transition: all 0.4s ease-in-out;
  131.   -moz-transition: all 0.4s ease-in-out;
  132.   -o-transition: all 0.4s ease-in-out;
  133.   transition: all 0.4s ease-in-out;
  134. }
  135.  
  136. [data-tooltip]:hover:before,
  137. [data-tooltip]:hover:after {
  138.   visibility: visible;
  139.   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  140.   filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  141.   opacity: 1;
  142.   bottom: 0px;
  143. }
  144.  
  145. .heading {
  146.   background-color: #151515;
  147.   width: 300px;
  148.   height: 100px;
  149.   margin-top: 70px;
  150.   position: absolute;
  151. }
  152.  
  153. .heading h1 {
  154.   font-family: "Oswald", sans-serif;
  155.   font-size: 35px;
  156.   color: #ebebeb;
  157.   margin: 0px 0px 0px 20px;
  158.   padding: 0px 0px 0px 0px;
  159. }
  160.  
  161. .heading h2 {
  162.   font-family: "Oswald", sans-serif;
  163.   font-size: 30px;
  164.   color: #ebebeb;
  165.   margin: -10px 0px 0px 20px;
  166.   padding: 0px 0px 0px 0px;
  167.   -webkit-animation-name: fadeInRight;
  168.   animation-name: fadeInRight;
  169.   -webkit-animation-duration: 1.5s;
  170.   animation-duration: 1.5s;
  171.   -webkit-animation-fill-mode: both;
  172.   animation-fill-mode: both;
  173. }
  174.  
  175. .leftpara {
  176.   background-color: transparent;
  177.   width: 275px;
  178.   height: 190px;
  179.   margin: 150px 0px 0px 0px;
  180.   position: absolute;
  181. }
  182. .tabs input[type="radio"] {
  183.   position: absolute;
  184.   top: -9999px;
  185.   left: -9999px;
  186. }
  187. .tabs {
  188.   width: 300px;
  189.   float: none;
  190.   list-style: none;
  191.   position: relative;
  192.   padding: 0;
  193.   margin-top: -36px;
  194.   margin-left: 155px;
  195. }
  196. .tabs li {
  197.   float: left;
  198. }
  199. .tabs label {
  200.   text-align: center;
  201.   display: inline-block;
  202.   padding: 0px;
  203.   background-color: #2a7c77;
  204.   color: #ffffff;
  205.   font-size: 7px;
  206.   line-height: 19px;
  207.   letter-spacing: 0px;
  208.   width: 22px;
  209.   height: 20px;
  210.   margin-right: 10px;
  211.   text-transform: uppercase;
  212.   font-family: calibri;
  213.   position: relative;
  214.   -webkit-transition: all 0.4s ease-in-out;
  215.   -moz-transition: all 0.4s ease-in-out;
  216.   -o-transition: all 0.4s ease-in-out;
  217.   transition: all 0.4s ease-in-out;
  218. }
  219. .tabs label:hover {
  220.   background-color: #2b292e;
  221.   color: #ffffff;
  222. }
  223.  
  224. [id^="tab"]:checked + label {
  225.   background: #2b292e;
  226.   color: #ffffff;
  227. }
  228.  
  229. [id^="tab"]:checked ~ [id^="tab-content"] {
  230.   display: block;
  231. }
  232. .tab-content {
  233.   z-index: 2;
  234.   display: none;
  235.   color: #a2a2a2;
  236.   font-family: calibri;
  237.   font-size: 10px;
  238.   letter-spacing: 1px;
  239.   word-spacing: 1px;
  240.   width: 240px;
  241.   padding: 5px;
  242.   height: 140px;
  243.   text-transform: normal;
  244.   text-align: justify;
  245.   position: absolute;
  246.   top: 55px;
  247.   left: -145px;
  248.   overflow: auto;
  249.   -webkit-animation-duration: 1.5s;
  250.   -o-animation-duration: 1.5s;
  251.   -moz-animation-duration: 1.5s;
  252.   animation-duration: 1.5s;
  253. }
  254.  
  255.  
  256.  
  257. .musicbox {
  258.   background-color: #transparent;
  259.   width: 255px;
  260.   height: 40px;
  261.   margin-left: 10px;
  262.   margin-top: 360px;
  263. }
  264.  
  265. .player {
  266.   position: absolute;
  267.   overflow: hidden;
  268.   width: 17px;
  269.   margin-top: 8px;
  270.   margin-left: 5px;
  271. }
  272.  
  273. .songtitle {
  274.   background-color: #transparent;
  275.   position: absolute;
  276.   width: 220px;
  277.   margin-top: 11px;
  278.   margin-left: 35px;
  279. }
  280.  
  281. .rightcont {
  282.   background-color: transparent;
  283.   width: 50%;
  284.   height: 100%;
  285.   position: relative;
  286.   float: right;
  287.   opacity: .7;
  288.     -webkit-transition: all 0.7s ease-in-out;
  289.   -moz-transition: all 0.7s ease-in-out;
  290.   -o-transition: all 0.7s ease-in-out;
  291.   transition: all 0.7s ease-in-out;
  292. }
  293.  
  294. .rightcont:hover {
  295.     opacity: 0.9;
  296. }
  297.  
  298. .quotestuff {
  299.   background-color: transparent;
  300.   width: 250px;
  301.   height: 150px;
  302.   position: absolute;
  303.   z-index: 2;
  304.   margin-left: 13px;
  305.   margin-top: 285px;
  306.     -webkit-animation-name: fadeInRight;
  307.   animation-name: fadeInRight;
  308.   -webkit-animation-duration: 1.5s;
  309.   animation-duration: 1.5s;
  310.   -webkit-animation-fill-mode: both;
  311.   animation-fill-mode: both;
  312. }
  313.  
  314. .quotestuff h1 {
  315.   font-family: calibri;
  316.   text-transform: uppercase;
  317.   text-align: center;
  318.   font-size: 7px;
  319.   letter-spacing: 1.5px;
  320.   font-weight: lighter;
  321.   color: #ebebeb;
  322.   margin: 0px 0px 0px 0px;
  323.   padding: 0px 0px 0px 0px;
  324. }
  325.  
  326. .quotestuff h2 {
  327.   font-family: "Oswald", sans-serif;
  328.   text-transform: uppercase;
  329.   font-size: 25px;
  330.   letter-spacing: 3px;
  331.   text-align: center;
  332.   color: #ebebeb;
  333.   margin: 0px 0px 0px 0px;
  334.   padding: 0px 0px 0px 0px;
  335.   -webkit-animation-name: fadeInTop;
  336.   animation-name: fadeInTop;
  337.   -webkit-animation-duration: 1.5s;
  338.   animation-duration: 1.5s;
  339.   -webkit-animation-fill-mode: both;
  340.   animation-fill-mode: both;
  341. }
  342.  
  343. .quotestuff h3 {
  344.   font-family: calibri;
  345.   text-transform: uppercase;
  346.   text-align: center;
  347.   font-size: 7px;
  348.   letter-spacing: 1.5px;
  349.   font-weight: lighter;
  350.   color: #ebebeb;
  351.   margin: 0px 0px 0px 0px;
  352.   padding: 0px 0px 0px 0px;
  353. }
  354.  
  355. .rightimg {
  356.   position: absolute;
  357.   z-index: 1;
  358. }
  359.  
  360. @keyframes fadeInDown {
  361.   from {
  362.     opacity: 0;
  363.     transform: translate3d(0, -100%, 0);
  364.   }
  365.  
  366.   to {
  367.     opacity: 1;
  368.     transform: none;
  369.   }
  370. }
  371.  
  372. .fadeInDown {
  373.   animation-name: fadeInDown;
  374. }
  375.  
  376. ::-webkit-scrollbar {
  377.   width: 2px;
  378.   height: 10px;
  379.   padding-top: 40px;
  380. }
  381.  
  382. ::-webkit-scrollbar-track {
  383.   background-color: #141216;
  384. }
  385.  
  386. ::-webkit-scrollbar-thumb {
  387.   background-color: #2a7c77;
  388.   height: 30px;
  389.   width: 2px;
  390. }
  391.  
  392. ::-webkit-scrollbar-track-piece {
  393.   height: 30px;
  394.   width: 30px;
  395.   padding-left: 10px;
  396. }
  397.  
  398. ::-moz-selection,
  399. ::selection {
  400.   background-color: #2a7c77;
  401.   color: #fff;
  402. }
  403.  
  404. ::selection {
  405.   background-color: #2a7c77;
  406.   color: #fff;
  407. }
  408.  
  409. b {
  410.   font-family: "Oswald", sans-serif;
  411.   font-size: 9px;
  412.   text-transform: uppercase;
  413.   font-weight: bold;
  414.   color: #2a7c77;
  415. }
  416.  
  417. i {
  418.   font-family: georgia;
  419.   font-size: 11px;
  420.   color: #2a7c64;
  421.   letter-spacing: -0.5px;
  422.   text-transform: lowercase;
  423. }
  424.  
  425. @-webkit-keyframes fadeInRight {
  426.   0% {
  427.     opacity: 0;
  428.     -webkit-transform: translate3d(100%, 0, 0);
  429.     transform: translate3d(100%, 0, 0);
  430.   }
  431.   100% {
  432.     opacity: 1;
  433.     -webkit-transform: none;
  434.     transform: none;
  435.   }
  436. }
  437.  
  438. @-webkit-keyframes fadeInTop {
  439.   0% {
  440.     -webkit-transform: translateY(-50px);
  441.     transform: translateY(-50px);
  442.     opacity: 0;
  443.   }
  444.   100% {
  445.     -webkit-transform: translateY(0);
  446.     transform: translateY(0);
  447.     opacity: 1;
  448.   }
  449. }
  450. @keyframes fadeInTop {
  451.   0% {
  452.     -webkit-transform: translateY(-50px);
  453.     transform: translateY(-50px);
  454.     opacity: 0;
  455.   }
  456.   100% {
  457.     -webkit-transform: translateY(0);
  458.     transform: translateY(0);
  459.     opacity: 1;
  460.   }
  461. }
  462.  
  463. </style>
  464.  
  465.  
  466.  
  467. <style>figure{margin:0}.tmblr-*****{position:absolute}.tmblr-*****.hide{display:none}.tmblr-*****--amp-cta-button{visibility:hidden;position:fixed;bottom:10px;left:50%;transform:translateX(-50%);z-index:100}.tmblr-*****--amp-cta-button.tmblr-*****--loaded{visibility:visible;animation:*****-app-cta-transition .2s ease-out}</style><link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
  468.  
  469. <div class="container">
  470.   <div class="leftcont">
  471.     <div class="nav">
  472.       <center>
  473.         <a href="/" data-tooltip="home">FLEE</a>
  474.         <a href="/" data-tooltip="msg">DRINK</a>
  475.         <a href="/" data-tooltip="cmt">SUFFER</a>
  476.       </center>
  477.     </div>
  478.     <div class="heading">
  479.       <h1>01.</h1>
  480.       <h2>CARMILLA</h2>
  481.     </div>
  482.     <div class="leftpara">
  483.       <ul class="tabs">
  484.         <li>
  485.           <input type="radio" checked name="tabs" id="tab1">
  486.           <label for="tab1">01</label>
  487.           <div id="tab-content1" class="tab-content animated fadeInDown">
  488.             <b>Carmilla</b> is a playable character in <i>Fate Grand Order</i> and additionally a servant for the protagonist for the series <i>Fate Grand Order</i>. Her actual name is <i>Elizabeth Bathory</i>, but appears in a much older form and sinister, appealing to that of a vampire due to her affinity towards blood. <b>Elizabeth Bathory</b> in the series and Carmilla are constantly attempting to kill one another, for one reason Carmilla sees the younger aspect of herself as an intolerable youth that wll not wake up from her naïve dream.<br><br>
  489.           </div>
  490.         </li>
  491.  
  492.         <li>
  493.           <input type="radio" name="tabs" id="tab2">
  494.           <label for="tab2">02</label>
  495.           <div id="tab-content2" class="tab-content animated fadeInDown">
  496.  
  497.             It is said that the fictional Carmilla is based on Báthory, who is known as a wicked woman who bathed in the living blood of more than 600 women in order to preserve her own beauty.
  498.             An existence in which Elizabeth Báthory has reached adulthood and grown into a complete monster. An existence that presides over Elizabeth's dark side. <br><br> There is none of the amiability she once possessed; the lifetime that simply pursued blood with cruelty is being represented by the alias of Carmilla. Elizabeth Báthory's figure changed into the "Blood Countess" due to the circulation of her legend. Unlike Elizabeth, there is still room for correction (although there is no room for forgiveness). An atrocious being through and through. Unmistakenably an anti-hero, if circumstances allow her to be summoned, it would probably be by a dark killer on the same level as her. <br><br> The Irish author Sheridan Le Fanu wrote "Carmilla" in the year 1872. The female vampire Carmilla, as if melancholic, possesses a charming beauty, and this novel provided a great influence for Bram Stoker's "Dracula".
  499.  
  500.           </div>
  501.         </li>
  502.  
  503.         <li>
  504.           <input type="radio" name="tabs" id="tab3">
  505.           <label for="tab3">03</label>
  506.           <div id="tab-content3" class="tab-content animated fadeInDown">
  507.             Every factor of her life, such as her livelihood as a noble that spanned many years, her contempt for humans except for her fellow blood relatives due to being hardened by them, and so forth, all pushed the former Elizabeth into a bizarre killer. Haughty, proud, and extremely arrogant, her body is coiled around with every vanity; it is like sulfuric acid turned into human form. Touch her, and all things will be inflamed immediately. And yet, stupidity exists at her core——to put it another way, it is possible to say that she has a faint goodness within her that just barely stops her audacity.
  508.  
  509. Naturally, Carmilla will betray a clearly bad Master, and she will even embrace the recognition of being called a traitor. But still, even if she does not go as far as to serve, if it is probably a Master with a bottomless goodness, one who is aware of, and furthermore, accepts her past, in that case, she will appear to become willingly cooperative.
  510.  
  511. She who became Carmilla is completely incompatible with Elizabeth, and the two have a relationship of trying to kill each other. This is because the young Elizabeth is refusing to become like Carmilla, while for Carmilla, Elizabeth is an intolerable symbol of enjoying youth while indulging in ignorance.
  512.  
  513. In regards to the Holy Grail, Carmilla will probably wish for eternal youth. Finally then, she might truly regain her figure as a composed bureaucrat. Although the victims of that process might end up being completely ignored.
  514.           </div>
  515.         </li>
  516.       </ul>
  517.     </div>
  518.  
  519.     <div class="musicbox">
  520.       <div class="player">
  521.         <object type="application/x-shockwave-flash" data="https://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">
  522.     <param name="movie" value="https://flash-mp3-player.net/medias/player_mp3_mini.swf" />
  523.     <param name="bgcolor" value="#151515" />
  524.     <param name="FlashVars" value="mp3=http://k003.kiwi6.com/hotlink/cl9vgcy155/soldier.mp3&bgcolor=151515&loadingcolor=2a7c77&buttoncolor=2a7c77&slidercolor=2a7c77" />
  525.       </object></div>
  526.  
  527.       <div class="songtitle">
  528.         <marquee behavior=scroll scrollamount="4" onmouseover="this.stop();" onmouseout="this.start();"> <b></b></marquee>
  529.       </div>
  530.  
  531.     </div>
  532.  
  533.   </div>
  534.  
  535.   <div class="rightcont">
  536.     <div class="quotestuff">
  537.       <div style="width: 210px; border: solid 0.1px #ebebeb; padding: 20px; 0px 20px 0px;">
  538.         <h1>give me your</h1>
  539.         <h2>a <font color="#2a7c77">best</font>song of</h2>
  540.         <h3>despair</h3>
  541.       </div>
  542.     </div>
  543.     <div class="rightimg">
  544.       <img src="https://i.imgur.com/lBV5Lvp.png">
  545.     </div>
  546.   </div>
  547. </div>
RAW Paste Data
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
 
Top