daily pastebin goal
83%
SHARE
TWEET

Untitled

a guest Jan 12th, 2018 80 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style type="text/css">
  2. @import url(https://fonts.googleapis.com/css?family=Oswald);
  3. @import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);
  4.  
  5.      .pfor {display: none; visibility: hidden;}
  6.     #profile {background-color:;}
  7.     #profile {border:;}
  8.     body
  9.     {overflow-x:hidden;
  10.     background-image:
  11.     url('');
  12.     background-repeat:repeat;
  13.     background-position:;
  14.     background-attachment: fixed;
  15.     background-color:182539;
  16.     font: 0px arial;
  17.     color: black;}
  18.     #profile {background-color: transparent;
  19.     border:0px;
  20.     }
  21.     ::-webkit-scrollbar {
  22.     width: 5px;
  23.     height: 0px;
  24.     background:;
  25.     }
  26.  
  27.     ::-webkit-scrollbar-thumb {
  28.     background-color:black;
  29.     -webkit-border-radius: 10px;
  30.     border-radius: 10px;
  31.     }
  32.  
  33.     ::selection {
  34.     color: #fff;
  35.     background: #eee;
  36.     }
  37.  
  38.     a {color:;
  39.     text-decoration: none;
  40.     -webkit-transition: all 0.5s ease-in-out;
  41.     -moz-transition: all 0.5s ease-in-out;
  42.     -o-transition: all 0.5s ease-in-out;
  43.     -ms-transition: all 0.5s ease-in-out;
  44.     transition: all 0.5s ease-in-out;
  45.     }
  46.    
  47.     a:hover {color: black;
  48.     text-decoration: none;
  49.     -webkit-transition: all 0.5s ease-in-out;
  50.     -moz-transition: all 0.5s ease-in-out;
  51.     -o-transition: all 0.5s ease-in-out;
  52.     -ms-transition: all 0.5s ease-in-out;
  53.     transition: all 0.5s ease-in-out;
  54.     }
  55.  
  56.     *{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;
  57.     }
  58.  
  59. @font-face {font-family: "tinytots";src: url('https://dl.dropboxusercontent.com/s/y0pfz7ndq83n7j7/04B_03_.TTF?dl=1'); format("truetype");}
  60.  
  61. #whole{position:absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;}
  62.  
  63.     #box {
  64.     vertical-align: center;
  65.     position: fixed;
  66.     width:1000;
  67.     left: 550px;
  68.     top: 250px;
  69.     margin: 1px;
  70.     }
  71.  
  72.     #title-bg {
  73.     background-color:#294061;
  74.     width:500;
  75.     height:55;
  76.     left:0;
  77.     top:0;
  78.     }
  79.  
  80.     #title {
  81.     position:absolute;
  82.     color:182539;
  83.     font-size:35px;
  84.     font-family: 'Oswald', sans-serif;
  85.     width:500;
  86.     text-align:center;
  87.     left:0;
  88.     top:-5;
  89.     text-transform:uppercase;
  90.     }
  91.  
  92.     #title2 {
  93.     position:absolute;
  94.     color:182539;
  95.     font-size:15px;
  96.     font-family: 'Open Sans Condensed', sans-serif;
  97.     width:500;
  98.     text-align:center;
  99.     left:0;
  100.     top:35;
  101.     text-transform:uppercase;
  102.     letter-spacing:5px;
  103.     }
  104.  
  105.     #image {
  106.     position:absolute;
  107.     left:90;
  108.     top:60;
  109.     border:10px solid #294061;
  110.     }
  111.  
  112.     #navi {
  113.     vertical-align: center;
  114.     text-align: center;
  115.     position: absolute;
  116.     left:0;
  117.     top:59;
  118.     letter-spacing:0px;
  119.     line-height: 10px;
  120.     margin: 1px;
  121.     }
  122.  
  123.     #navi a {
  124.     padding: 10px;
  125.     width: 40px;
  126.     font-family: courier new;
  127.     font-size: 15px;
  128.     text-transform:uppercase;
  129.     letter-spacing: 1px;
  130.     display: inline-block;
  131.     text-align: center;
  132.     color:182539;
  133.     background-color: #294061;
  134.     -webkit-transition: all 0.5s ease-in-out;
  135.     -moz-transition: all 0.5s ease-in-out;
  136.     -o-transition: all 0.5s ease-in-out;
  137.     -ms-transition: all 0.5s ease-in-out;
  138.     transition: all 0.5s ease-in-out;
  139.     border:11px solid #294061;
  140.     }
  141.  
  142.     #navi a:hover {
  143.     background-color:182539;
  144.     color:#294061;
  145.     -webkit-transition: all 0.5s ease-in-out;
  146.     -moz-transition: all 0.5s ease-in-out;
  147.     -o-transition: all 0.5s ease-in-out;
  148.     -ms-transition: all 0.5s ease-in-out;
  149.     transition: all 0.5s ease-in-out;
  150.     border:11px solid #182539;
  151.     }
  152.  
  153.     a[data-title]:hover:after {
  154.     content: attr(data-title);
  155.     padding: 10px;
  156.     color:182539;
  157.     background-color: #294061;
  158.     font-size:14px;
  159.     font-family: 'Oswald', sans-serif;
  160.     position: absolute;
  161.     left: 0;
  162.     top: 265;
  163.     white-space: nowrap;
  164.     }
  165.  
  166.     .content {
  167.     position: absolute;
  168.     color:182539;
  169.     font-size:15px;
  170.     font-family: 'Open Sans Condensed', sans-serif;
  171.     text-align: justify;
  172.     overflow: auto;
  173.     left:1000;  
  174.     top:60;
  175.     height:218;
  176.     width:370;
  177.     background-color: #294061;
  178.     opacity: 0;
  179.     transition: all 1s ease-in-out;
  180.     -webkit-transition: all 1s ease-in-out;
  181.     -moz-transition: all 1s ease-in-out;
  182.     -o-transition: all 1s ease-in-out;
  183.     -ms-transition: all 1s ease-in-out;
  184.     z-index: 1;
  185.     padding: 10px;
  186.     margin: 1px;
  187.     border:10px solid #294061;
  188.     }
  189.  
  190.     .content:target {
  191.     left:90;
  192.     top:60;
  193.     opacity: .9;
  194.     transition: all 0.7s ease-in-out;
  195.     -webkit-transition: all 0.7s ease-in-out;
  196.     -moz-transition: all 0.7s ease-in-out;
  197.     -o-transition: all 0.7s ease-in-out;
  198.     -ms-transition: all 0.7s ease-in-out;
  199.     }
  200.  
  201.     h1{
  202.     border-bottom:1px solid #182539;
  203.     color:#182539;
  204.     font-size:27px;
  205.     line-height: 27px;
  206.     font-family: 'Open Sans Condensed', sans-serif;
  207.     text-align: right;
  208.     text-transform:uppercase;
  209.     margin: 0px 5px 5px;
  210.     }
  211.  
  212.     #credit{
  213.     position:fixed;
  214.     bottom:20;
  215.     right:20;
  216.     }
  217.  
  218. </style>
  219.  
  220. <div id="credit">
  221. <a title="Don't remove my credit."><img src="http://i.imgur.com/bP47mYE.png" width="100"></a>
  222. </div>
  223.  
  224. <div id="box">
  225.  
  226. <div id="title-bg">
  227. <div id="title">
  228. Topaz
  229. </div>
  230.  
  231. <div id="title2">
  232. "Play with fire, and you'll get burned.'"
  233. </div>
  234. </div>
  235.  
  236. <div id="image">
  237. <img src="https://i.pinimg.com/736x/ee/4b/fd/ee4bfd3ec9a3a44fdf158ce1656fb033--gems-jewelry-manga-anime.jpg">
  238. </div>
  239.  
  240. <div id="navi">
  241.  
  242. <a href="#one" data-title="tab one">I</a>
  243. <br>
  244. <a href="#two" data-title="tab two">II</a>
  245. <br>
  246. <a href="#three" data-title="tab three">III</a>
  247. <br>
  248. <a href="#four" data-title="tab four">IV</a>
  249. <br>
  250. <a href="#reset" data-title="reset">V</a>
  251. </div>
  252.  
  253. <div id="one" class="content">
  254. <h1>Stats</h1>
  255. <br> Female
  256. <br> Doesn't Age.
  257. <br> 5'2
  258. <br> Weight: [REDACTED]
  259. <br> Gemstone Child
  260. </div>
  261.  
  262. <div id="two" class="content">
  263. Fighting style: Bojutsu. Also capable of manipulating fire and spontaneously generating it. While as of right now her control over said powers are overly poor, she is gradually gaining more and more control over them. When she eats, she's recharging both her physical nourishment and her 'fuel reserves' When she runs out of 'fuel', she has to metabolize more<br>
  264.  
  265. <br>
  266.  </div>
  267.  
  268. <div id="three" class="content">
  269. Topaz is a sentient gem, just like her relatives, however, is also, likely, one of the most childish, if not, the most childish of the lot. Has a proficiency for fire, and an eidetic memory
  270. <br> [Disclaimer: I do not list her specific attacks, however, passives are listed]
  271. <br> Fireheart: Immune to heat and fire based attacks, unless the heat based attack is a cold one
  272. <br> Phoenixborn, 2: Since she's always on fire mid combat, any wounds she suffers are instantly cauterised, preventing bleeding, and given lengthy periods of time, can even sew severed limbs back on and restore nerves
  273. <br> Font: FFAC0E
  274. </div>
  275.  
  276. <div id="four" class="content">
  277. OOC Info: Still a WIP, but this is NOT a steven universe character. Expect it and get set on fire. Attempt to rape and get set on fire, even if you're fireproof
  278. </div>
  279.  
  280.  
  281.  
  282. </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