SHARE
TWEET

Lia Briggs - Code

bythestars Dec 1st, 2019 120 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style>
  2. @import url('https://fonts.googleapis.com/css?family=Kaushan+Script');
  3.  
  4.  
  5. ::-webkit-scrollbar {
  6.  width: 8px;
  7.  border-radius:0px;
  8.  background: #fff; }
  9.  
  10. ::-webkit-scrollbar-thumb {
  11.  background: #777;
  12.  border:3px solid #fff;
  13. }
  14.  
  15. body {
  16.  margin:0px;
  17.  background:#27022b;
  18.  background-image:url('https://www.transparenttextures.com/patterns/black-felt.png');
  19.  background-attachment:fixed;
  20. background-position: bottom left;
  21. background-size: -100%;
  22.  background-repeat:;
  23.  font-family:'Kaushan Script', cursive;
  24.  line-height: 140%;
  25.  font-size: 12px;
  26.  color: #aaa;
  27. }
  28.  
  29. p{
  30.  margin:0 0 10px 0;
  31.  padding:0;}
  32.  
  33. pre {
  34.  white-space: pre-wrap;
  35.  white-space: -moz-pre-wrap;
  36.  white-space: -pre-wrap;
  37.  white-space: -o-pre-wrap;
  38.  word-wrap: break-word;}
  39.  
  40. a{
  41.  color:#009bda ;
  42.  text-decoration:none;
  43.  -moz-transition: all .2s ease-in;
  44.  -o-transition: all .2s ease-in;
  45.  -webkit-transition: all .2s ease-in;
  46.  transition: all .2s ease-in;
  47.  text-shadow: 3px 1px 1px rgba(150, 150, 150, 0.25);}
  48.  
  49. a:hover{
  50.  text-decoration:none;
  51.  text-shadow: 5px 2px 1px rgba(150, 150, 150, 0.5);}
  52.  
  53. h2 {
  54. height: 10px;
  55. text-align: center;
  56. font-family: 'Kaushan Script', cursive;
  57. color: #009bda;
  58. font-size: 30px;
  59. line-height: 6px;
  60. letter-spacing: 0px;
  61. text-transform: lowercase;
  62. margin-top: 5px;
  63. margin-bottom: 15px;
  64. border-top: 3px dotted #731573;
  65. border-bottom: 3px dotted #731573;
  66. text-shadow: 5px 0px 0px #27022b;}
  67.  
  68. li{
  69.  margin-left:-15px;}
  70.  
  71. #wrapper{
  72.  width:600px;
  73.  margin:50px auto;}
  74.  
  75. #sidebar{
  76.  
  77.  left:50%;
  78.  top:50%;
  79.  border-radius:8px;
  80.  margin-top:-175px;
  81.  width:200px;
  82.  position:fixed;}
  83.  
  84.  
  85. #sidebar2{
  86.  
  87.  left:50%;
  88.  top:50%;
  89.  border-radius:8px;
  90.  margin-top:60px;
  91.  margin-left:355px;
  92.  width:200px;
  93.  position:fixed;}
  94.  
  95.  
  96. #sidebar img{
  97.  background:#27022b;
  98.  border:6px solid #731573;
  99.  outline:2px solid #fff;
  100.  outline-offset:-20px;
  101.  padding:8px;
  102.  width:180px;
  103.  height:180px;
  104.  border-radius:8px;
  105.  overflow:hidden;
  106.  -webkit-box-shadow: 10px 10px 5px 0px rgba(150,122,119,0.15);
  107. -moz-box-shadow: 10px 10px 5px 0px rgba(150,122,119,0.15);
  108. box-shadow: 10px 10px 5px 0px rgba(150,122,119,0.15);}
  109.  
  110. .gif1{ position: absolute; border: px solid; left: 140px; right: 0px; top: 10px; bottom: 353px; background: url(https://66.media.tumblr.com/cf9d9f65c616fce999f4a242df515d52/tumblr_nl0k3qTC4A1qkz0a3o9_r1_250.gif); z-index:7;
  111.  background:#27022b;
  112.  border:6px solid #731573;
  113.  outline:2px solid #fff;
  114.  outline-offset:-20px;
  115.  padding:8px;
  116.  width:180px;
  117.  height:180px;
  118.  border-radius:8px;
  119.  overflow:hidden;
  120.  -webkit-box-shadow: 10px 10px 5px 0px rgba(150,122,119,0.15);
  121. -moz-box-shadow: 10px 10px 5px 0px rgba(150,122,119,0.15);
  122. box-shadow: 10px 10px 5px 0px rgba(150,122,119,0.15);}
  123.  
  124.  
  125. #desc{
  126.  z-index:9999;
  127.  height:172px;
  128.  width:300px;
  129.  overflow:hidden;
  130.  font-size:9px;
  131.  margin-top:-207px;
  132.  text-align:left;
  133.  margin-left:225px;
  134.  padding:12px;
  135.  outline:2px solid #ccc;
  136.  outline-offset:-8px;
  137.  border:6px double #731573;
  138.  border-radius:6px;
  139.  background-color:#27022b;
  140.  text-transform:uppercase;
  141.  color:#999999;
  142.  -webkit-transition:all 0.2s ease-in-out;
  143.  -moz-transition:all 0.2s ease-in-out;
  144.  transition:all 0.2s ease-in-out;
  145.  -webkit-box-shadow: 10px 10px 5px 0px rgba(150,122,119,0.15);
  146.  -moz-box-shadow: 10px 10px 5px 0px rgba(150,122,119,0.15);
  147.  box-shadow: 10px 10px 5px 0px rgba(150,122,119,0.15);}
  148.  
  149. #desc2{
  150.  z-index:9999;
  151.  height:172px;
  152.  width:300px;
  153.  overflow:hidden;
  154.  font-size:9px;
  155.  margin-top: 25px;
  156.  text-align:left;
  157.  margin-left:0%;
  158.  padding:12px;
  159.  outline:2px solid #ccc;
  160.  outline-offset:-8px;
  161.  border:6px double #731573;
  162.  border-radius:6px;
  163.  background-color:#27022b;
  164.  text-transform:uppercase;
  165.  color:#999999;
  166.  -webkit-transition:all 0.2s ease-in-out;
  167.  -moz-transition:all 0.2s ease-in-out;
  168.  transition:all 0.2s ease-in-out;
  169.  -webkit-box-shadow: 10px 10px 5px 0px rgba(150,122,119,0.15);
  170.  -moz-box-shadow: 10px 10px 5px 0px rgba(150,122,119,0.15);
  171.  box-shadow: 10px 10px 5px 0px rgba(150,122,119,0.15);}
  172.  
  173. #left {
  174.  width:3px;
  175.  height:100%;
  176.  background-color:#731573 ;
  177.  z-index:999;
  178.  left:40%;
  179.  top:0;
  180.  position:fixed;}
  181.  
  182. #leftsm {
  183.  width:2px;
  184.  height:100%;
  185.  background-color:#009bda ;
  186.  z-index:999;
  187.  left:41.25%;
  188.  top:0;
  189.  position:fixed;}
  190.  
  191.  
  192. #tri{
  193.  position:fixed;
  194.  right:0;
  195. top:0;
  196.  width: 0;
  197.  height: 0;
  198.  border-style: solid;
  199.  border-width: 0 500px 250px 0;
  200.  border-color: transparent #731573 transparent transparent;}
  201.  
  202. .title {
  203. position: absolute;
  204. font-family: 'Kaushan Script', cursive;
  205. color: #009bda;
  206. font-size: 60px;
  207. letter-spacing: 3px;
  208. text-transform: uppercase;
  209. font-weight: bold;
  210. bottom: 375%;
  211. left: 110%;
  212. margin-left: -580px;
  213. margin-bottom: -310px;
  214. text-shadow: -5px 2px 0px #731573;}
  215.  
  216.  
  217.  
  218. </style>
  219.  
  220. <body>
  221.  
  222. <div id="wrapper">
  223.  
  224. <div id="sidebar">
  225.  
  226.  <div id="sidebar img">
  227.  <img src="https://i.imgur.com/HtqUvnS.gif">
  228.  </div>
  229.  
  230.  
  231. <div id="desc">
  232. <h2>beauty and brains</h2>
  233. <font style=float:left><span>Name:</span></font> <font style=float:right>Emily Briggs</font><br>
  234. <font style=float:left><span>Aliases:</span></font> <font style=float:right>Lia, Legs, Red</font><br>
  235. <font style=float:left><span>Age:</span></font> <font style=float:right>Appears Early-Twenties</font><br>
  236. <font style=float:left><span>Occupation:</span></font> <font style=float:right>Model, Vigilante</font><br>
  237. <font style=float:left><span>Affiliation:</span></font> <font style=float:right>---</font><br>
  238. <font style=float:left><span>Status:</span></font> <font style=float:right><a target="_blank" href="https://www.youtube.com/watch?v=PLolag3YSYU">On the hunt</a></font><br>
  239. <font style=float:left><span>Sexuality:</span></font> <font style=float:right>Bisexual</font><br>
  240. <font style=float:left><span>Species:</span></font> <font style=float:right>Vampire</font><br></div>
  241.  
  242. <div id="desc2">
  243. <h2>out of charm</h2>
  244. 🦇 Code done by <b><a target="_blank" href="https://4.roleplay.chat/profile.php?user=Batgirl">Batgirl</a></b>. Please don't steal!<br>
  245. 🦇 DC Comics preferred. Others accepted. Mildly divergent.<br>
  246. 🦇 Snowball, one-liners, third-person, etc.<br>
  247. 🦇 Flirty but #loyalto<b><a target="_blank" href="https://www.youtube.com/watch?v=P_SlAzsXa7E">THECAUSE</a></b>! 💋<br>
  248. 🦇 Discord and other OOC details earned.<br>
  249.  
  250. </div>
  251.  
  252. <div id="sidebar2">
  253.  
  254.  <div id="sidebar2 img">
  255.  <img src="https://i.imgur.com/oyJdM2L.gif">
  256.  </div>
  257.  
  258. <div class="title">Looker</div>
  259.  
  260. </div>
  261.  
  262. </div>
  263. </div>
  264.  
  265. <div id="tri"></div>
  266.  
  267.  
  268. <div id="left"></div>
  269. <div id="leftsm"></div>
  270.  
  271.  
  272.  
  273.  
  274. <div id="content">
  275.  
  276.  
  277.  
  278.  
  279. </div>
  280.  
  281.  
  282.  
  283.  
  284.  
  285.  
  286.  
  287.  
  288.  
  289. </div>
  290. </body>
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