Advertisement
wilderanima

z a n d e r

Apr 6th, 2020
389
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.62 KB | None | 0 0
  1. <style>
  2. @import url(https://fonts.googleapis.com/css?family=Montserrat);
  3. @import url('https://fonts.googleapis.com/css?family=Playfair Display SC');
  4. @import url('https://fonts.googleapis.com/css?family=Questrial');
  5. @import url(https://fonts.googleapis.com/css?family=Roboto);
  6. @import url(https://fonts.googleapis.com/css?family=Merriweather);
  7.  
  8. /*coded by [punpun]. do not steal the character. do not remove the credit. do not remove this.*/
  9.  
  10. /*7A2926*/
  11. ::-webkit-scrollbar-thumb {
  12.  width: 0px;
  13.  background-color: #fff;}
  14. ::-webkit-scrollbar {
  15.  width: 0px;
  16.  background-color: transparent;}
  17.  
  18. a {
  19.  color: #E0E0E0; background-color: #7A2926;
  20.  text-decoration: none;
  21.  transition: all 0.4s ease-in-out;
  22.  -moz-transition: all 0.4s ease-in-out;
  23.  -webkit-transition: all 0.4s ease-in-out;}
  24. a:hover {
  25.  color: #ffffff;background-color: #000; cursor:url(http://media.tumblr.com/d867d8c0827140bcce868f3bdbbd5e4f/tumblr_inline_mwwd9dv65Z1srowmh.png), auto !important;
  26.  text-decoration: none;
  27.  transition: all 0.4s ease-in-out;
  28.  -moz-transition: all 0.4s ease-in-out;
  29.  -webkit-transition: all 0.4s ease-in-out;}
  30. a.tab:active, a.tab:link, a.tab:visited {
  31.  background-color: #888;
  32.  border: #f3f3f3 2px solid;
  33.  border-radius: px;
  34.  margin-bottom: 6;margin-right:6;
  35.  display: inline-flex;
  36.  height: 5px;
  37.  text-decoration: none;
  38.  width:5px;
  39. -webkit-transition: all 0.4s ease-in;
  40. -moz-transition: all 0.4s ease-in;
  41. -ms-transition: all 0.4s ease-in;
  42. -o-transition: all 0.4s ease-in;
  43. transition: all 0.4s ease-in;transform: skew(-25deg);
  44. }
  45. a.tab:hover {
  46.  background-color: #f3f3f3;
  47. }
  48.  
  49.  body {background: linear-gradient(to bottom, #000 0%,#000 100%);}
  50.  
  51. .container {
  52.  position: fixed; margin: auto; right: 0px; left:0; top: 0; bottom: 0; width: 350; height: 530;
  53. background-color:#fff;
  54. background-image: url(http://i.picpar.com/sd1c.jpg);
  55. background-repeat: no-repeat;
  56. background-size: 400px;
  57. background-position: -25px 0;
  58.  opacity: 1; border: 22.99px solid #074148; z-index: 5; overflow:hidden;}
  59. #top {
  60.  position: absolute; left: 0; top: 0; width: 100%; height: 14px; background-color: #000; z-index: 99;}
  61. #bottom {
  62.  position: absolute; left: 0; bottom: 0; width: 100%; height: 14px; background-color: #000; z-index: 99;}
  63. #left {
  64.  position: absolute; left: 0; bottom: 0; width: 14px; height: 100%; background: linear-gradient(to bottom, #000 0%,#000 100%);z-index: 109;}
  65. #right {
  66.  position: absolute; right: 0; bottom: 0; width: 14px; height: 100%; background: linear-gradient(to bottom, #000 0%,#000 100%); z-index: 109; }
  67.  
  68. .left{  float: left;}
  69.  
  70. .right{ float: right;}
  71.  
  72.  
  73. .box {
  74. position: absolute; margin: auto; right:39px; bottom: 60;
  75.  height: 120;
  76.  width: 126;
  77.  background-color: #;
  78.  border-left: 1px solid #f3f3f3;
  79.  box-shadow: #000000 0px 0px 0px 0px;
  80.  background-image:url("");
  81.  z-index: 5;
  82.  color: #E0E0E0;
  83.     font-family: Roboto;
  84.     font-style: normal;
  85.     font-variant: ;
  86.     font-weight: 100;
  87.  text-align: left;
  88.  overflow-x: hidden;
  89.  overflow-y: auto;
  90.  font-size: 11px;
  91.  padding-left: 10px;
  92. -webkit-transition: all 0.4s ease-out;
  93.  transition: all 0.4s ease-out;
  94. opacity: 1;
  95. filter:alpha(opacity=75);
  96. }
  97. .container:hover .box{ color: #f3f3f3;
  98. opacity: 1;
  99. -webkit-transition-delay: 0.5s;
  100.  transition-delay: 0.5s ;}
  101.  
  102. .boxb {
  103. position: absolute; margin: auto; right:30px; bottom: 45;
  104.  height: 148;
  105.  width: 210;
  106.  background-color: #000;
  107.  border-right: px solid #f3f3f3;
  108.  box-shadow: #000000 0px 0px 0px 0px;
  109.  background-image:url("");
  110.  z-index: 1;
  111.  color: #d7eff7;
  112.     font-family: Roboto;
  113.     font-style: normal;
  114.     font-variant: ;
  115.     font-weight: 100;
  116.  text-align: justify;
  117.  overflow-x: hidden;
  118.  overflow-y: auto;
  119.  font-size: 12px;
  120.  padding-right: 25px;
  121. -webkit-transition: all 0.4s ease-out;
  122.  transition: all 0.4s ease-out;
  123. opacity: 0.5;
  124. filter:alpha(opacity=75);
  125. }
  126.  
  127. .boxc {
  128. position: absolute; margin: auto; right:30px; bottom: 45;
  129.  height: 148;
  130.  width: 210;
  131.  background-color: #;
  132.  border-left: 2px solid #f3f3f3;
  133.  border-bottom: 2px solid #f3f3f3;
  134.  box-shadow: #000000 0px 0px 0px 0px;
  135.  background-image:url("");
  136.  z-index: 1;
  137.  color: #d7eff7;
  138.     font-family: Roboto;
  139.     font-style: normal;
  140.     font-variant: ;
  141.     font-weight: 100;
  142.  text-align: justify;
  143.  overflow-x: hidden;
  144.  overflow-y: auto;
  145.  font-size: 12px;
  146.  padding-right: 25px;
  147. -webkit-transition: all 0.4s ease-out;
  148.  transition: all 0.4s ease-out;
  149. opacity: 1;
  150. filter:alpha(opacity=75);
  151. }
  152.  
  153. #god {
  154.  position: absolute; margin: auto; width: 50px; height: 20px;
  155.  right: 34px;
  156.  bottom: 30.1;
  157.  background-color: transparent;
  158.  border: ; opacity:1;
  159.  height: px; z-index:5;
  160.  text-align:left; }
  161.  
  162. #stats{position:absolute; right:185; bottom:76;z-index:98;
  163. background-color: #;opacity: 1;width: 56px; height: 50px; border-right: 1px solid #f3f3f3;padding-right:14px;font-family: Questrial; margin-bottom:3;font-size: 10px;color: #000;-webkit-transition: all 0.6s ease-out; transition: all 0.6s ease-out;}
  164. #stats2{position:absolute; right:194; bottom:130;z-index:99;
  165. background-color: #;opacity: 1;width: 56px; height: 40px;padding:6px;font-family: Questrial; margin-bottom:3;font-size: 10px;color: #000;-webkit-transition: all 0.6s ease-out; transition: all 0.6s ease-out;}
  166.  
  167.  
  168. .sts {
  169.  font-family: Questrial;
  170.  font-size: 10px;width:45px; height: 8px;
  171.  text-align: RIGHT;
  172.  font-weight:100;
  173.  color: #f3f3f3;
  174.  background-color: #0B6570;
  175.  padding: 3px;
  176.  margin-bottom: px;
  177.  margin-top: px;
  178.  line-height: 8px;
  179.  border-bottom: 1px solid #f3f3f3; border-right: 2px solid #f3f3f3;
  180. }
  181. .sts:hover{ background-color: #000;-webkit-transition: all 0.6s ease-out;
  182.  transition: all 0.6s ease-out;}
  183.  
  184. .sts2 {
  185.  font-family: Questrial;
  186.  font-size: 10px;width:63px; height: 8px;
  187.  text-align: left;
  188.  font-weight:100;
  189.  color: #f3f3f3;
  190.  background-color: #;
  191.  padding: 3px;
  192.  margin-bottom: px;
  193.  margin-top: px;
  194.  line-height: 8px;
  195.  border-bottom: 1px solid #f3f3f3; border-LEFT: 2px solid #f3f3f3;
  196. }
  197. .sts2:hover{ background-color: #000;-webkit-transition: all 0.6s ease-out;
  198.  transition: all 0.6s ease-out;}
  199.  
  200. .sts3 {
  201.  font-family: Questrial;
  202.  font-size: 10px;width:86px; height: 8px;
  203.  text-align: left;
  204.  font-weight:100;
  205.  color: #f3f3f3;
  206.  background-color: #;
  207.  padding: 3px;
  208.  margin-bottom: px;
  209.  margin-top: px;
  210.  line-height: 8px;text-transform: uppercase;
  211.  border-bottom: 1px solid #f3f3f3; border-right: 2px solid #f3f3f3;
  212. }
  213. .sts3:hover{ background-color: #0B6570;-webkit-transition: all 0.6s ease-out;
  214.  transition: all 0.6s ease-out;}
  215.  .head {
  216.  position: absolute; margin: auto; right: -22px; bottom: 194; width: 290px; height: 20px; background-color: transparent;color: #f3f3f3; font-family: Roboto; font-size: 21px; text-align: justify; opacity: 1; border: 0px solid transparent; z-index: 9; overflow-x: disabled; overflow-y: disabled;transition:all 0.2s ease-out;text-transform: uppercase;
  217. }
  218.  
  219.  
  220. h1{
  221.  font-family: Roboto;
  222.  font-size: 11px;
  223.  text-align: left;
  224.  color: #;
  225.  padding-right: 5px;
  226.  margin-bottom: 5px;
  227.  margin-top: 6px;
  228.  line-height: 11px;
  229.  border-bottom: 3px double #f3f3f3;}
  230. </style><div class="container">
  231. <div id="top"></div><div id="bottom"></div><div id="left"></div><div id="right"></div>
  232.  
  233. <div class="box">
  234.  
  235. <b>/-- BIOGRAPHY --/</b>. {wip}
  236.  
  237. <h1>/-- CONNECTIONS --/</h1>
  238.  
  239. <a target="_blank" href="https://roleplay.chat/profile.php?user=" title="Small description or whatever."><div class="sts3">NAME</div></a>
  240.  
  241. <a target="_blank" href="https://roleplay.chat/profile.php?user=" title="Small description or whatever."><div class="sts3">NAME</div></a>
  242.  
  243. <a target="_blank" href="https://roleplay.chat/profile.php?user=" title="Small description or whatever."><div class="sts3">NAME</div></a>
  244.  
  245. <a target="_blank" href="https://roleplay.chat/profile.php?user=" title="Small description or whatever."><div class="sts3">NAME</div></a>
  246.  
  247. <a target="_blank" href="https://roleplay.chat/profile.php?user=" title="Small description or whatever."><div class="sts3">NAME</div></a> <br>
  248.  
  249. <h1>/-- OOC --/</h1>
  250. /--/ RL > RP. IC =/= OOC. <br>
  251. /--/ LT > ST > OS. Ask. <br>
  252. /--/ Story > Smut. Ask. <br>
  253. /--/ Any questions? Ask. <br>
  254. /--/ Discord available. <br>
  255. /--/ Hex Code: #0B6570. <br> </div>
  256.  
  257. <div class="boxb"></div><div class="boxc"></div>
  258.  
  259. <div id="stats2">
  260. <div class="sts2">MALE</div>
  261. <div class="sts2">TWENTY</div>
  262. <div class="sts2">HETEROSEX</div>
  263. <div class="sts2">SINGLE</div>
  264. </div>
  265.  
  266. <div id="stats"><br>
  267. <div class="sts">6'2"</div>
  268. <div class="sts">182</div>
  269. <div class="sts">LEAN</div>
  270. <div class="sts2">VENOMOUS</div>
  271. </div>
  272.  
  273.  
  274. <div class="head"><i>ZANDER ROMERO ---------</i></div>
  275.  
  276.  
  277. <a href="profile.php?user=Punpun" title="Coded by Punpun" target="_blank"><img src="http://i.imgur.com/acD32sR.png" style="position:fixed; right:10; bottom:0;width:25;"></a>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement