SHARE
TWEET

Lani

bythestars Jun 15th, 2019 (edited) 60 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=Lato|Lobster|Lobster+Two');
  3.  
  4. body {
  5.  background-image: url('');
  6.  background: -webkit-linear-gradient(#FCA699, #C9729F, #583B7E);
  7.  cursor: url('https://i.imgur.com/LbP8o6q.png?1'), default;}
  8.  
  9. ::-webkit-scrollbar-thumb:vertical {background-color:#C9729F; height:3px; }
  10. ::-webkit-scrollbar { height:3px; width:3px; background-color:transparent; }
  11.  
  12. ::selection {
  13.  color: #601286;
  14.  background: #FFE5F9;}
  15.  
  16. a {
  17.  color: #C9729F;
  18.  text-decoration: none;
  19.  text-transform: uppercase;
  20.  font-family: 'Lobster Two', cursive;
  21.  font-size: 12px;
  22.  letter-spacing: 1;
  23.  -webkit-transition: all 0.5s ease-in-out;
  24.  -moz-transition: all 0.5s ease-in-out;
  25.  -o-transition: all 0.5s ease-in-out;
  26.  -ms-transition: all 0.5s ease-in-out;
  27.  transition: all 0.5s ease-in-out;}
  28.  
  29. a:hover {
  30.  color: white;
  31.  text-decoration: none;
  32.  -webkit-transition: all 0.5s ease-in-out;
  33.  -moz-transition: all 0.5s ease-in-out;
  34.  -o-transition: all 0.5s ease-in-out;
  35.  -ms-transition: all 0.5s ease-in-out;
  36.  transition: all 0.5s ease-in-out;}
  37.  
  38. b {
  39. color:#583B7E;
  40. font-family: 'Lato', sans-serif;
  41. text-transform: uppercase;
  42. font-size: 10px;
  43. letter-spacing: 1;
  44. }
  45.  
  46. i {
  47.  color:#C9729F;
  48.  font-family: 'Lato', sans-serif;
  49.  text-transform: lowercase;
  50.  font-size: 10px;
  51.  letter-spacing: 1;}
  52.  
  53. u {
  54.  color:#FFE4AA;
  55.  font-family: 'Lato', sans-serif;
  56.  text-transform: lowercase;
  57.  font-size: 10px;
  58.  letter-spacing: 1;}
  59.  
  60. s {
  61.  color:#FFE4AA;
  62.  font-family: 'Lato', sans-serif;
  63.  text-transform: lowercase;
  64.  font-size: 10px;
  65.  letter-spacing: 1;}
  66.  
  67. h1 {
  68.  background-color: #C9729F;
  69.  width: 100%;
  70.  padding:10px;
  71.  margin-top: 1;
  72.  margin-left: -10px;
  73.  color: #EFD7FA;
  74.  font-size: 30px;
  75.  font-family: 'Lobster Two', cursive;
  76.  font-weight: 2;
  77.  text-transform: lowercase;
  78.  letter-spacing: 0px;
  79.  text-align:center;}
  80.  
  81. *{cursor: url('https://i.imgur.com/LbP8o6q.png?1'), default;}
  82.  
  83. #outercon {
  84.  position:absolute;
  85.  top:45%;
  86.  margin-top:-235px;
  87.  left:50%;
  88.  margin-left:-415px;
  89.  margin-bottom:;
  90.  height: 380px;
  91.  width: 860px;
  92.  background:#583B7E;
  93.  border: 10px solid #C9729F;
  94.  background-image: url('https://www.transparenttextures.com/patterns/dark-dotted-2.png');}
  95.  
  96. #container {
  97.  position:absolute;
  98.  top:45%;
  99.  margin-top:-220px;
  100.  left:50%;
  101.  margin-left:-400px;
  102.  margin-bottom:;
  103.  height: 360px;
  104.  width: 840px;
  105.  background:#583B7E;
  106.  border: 5px solid #C9729F;
  107.  background-image: url('https://www.transparenttextures.com/patterns/dark-dotted-2.png');}
  108.  
  109. #pic1 {
  110.  position: absolute;
  111.  height: 320px;
  112.  width: 191px;
  113.  background-image: url('https://i.imgur.com/XoduH2S.jpg?2');
  114.  background-attachment: absolute;
  115.  bottom: 20px;
  116.  right: 630px;
  117.  border: 2px solid #C9729F;
  118.  opacity: 1;
  119.  z-index: 100;}
  120.  
  121. #stats {
  122.  border: 2px solid #C9729F;
  123.  background-color: #FCA699;
  124.  text-transform: ;
  125.  text-align: left;
  126.  color: #fff;
  127.  font-size: 10px;
  128.  font-family: 'Lato', sans-serif;
  129.  position: absolute;
  130.  width:300px;
  131.  height:300px;
  132.  left: 220px;
  133.  bottom: 20px;
  134.  letter-spacing:1px;
  135.  line-height: 13px;
  136.  padding: 10px;
  137.  margin: 1px;
  138.  overflow:auto;
  139.  opacity: 1;}
  140.  
  141. #contacts {
  142.  border: 2px solid #C9729F;
  143.  background-color: #FCA699;
  144.  text-transform: ;
  145.  text-align: center;
  146.  color: #fff;
  147.  font-size: 10px;
  148.  font-family: 'Lato', sans-serif;
  149.  position: absolute;
  150.  width: 245px;
  151.  height:250px;
  152.  left: 555px;
  153.  bottom: 70px;
  154.  letter-spacing:1px;
  155.  line-height: 13px;
  156.  padding: 10px;
  157.  margin: 1px;
  158.  overflow: auto;
  159.  opacity: 1;}
  160.  
  161. .navbar {position: absolute; left: 45px; top: -5px; z-index: 3000; opacity: 1; }
  162.  
  163. .link1 {position: absolute; border-radius: 50%; left: 510px; bottom: -403px; height: 100px; width: 100px; filter: drop-shadow( 0px 0px 2px #);}
  164. .link1:hover {}
  165.  
  166. .link2 {position: absolute; left: 565px; bottom: -344px; 100px; width: 100px; filter: drop-shadow( 0px 0px 2px #);}
  167. .link2:hover {}
  168.  
  169. .link3 {position: absolute; left: 620px; bottom: -344px; width: 100px; width: 15px; filter: drop-shadow( 0px 0px 2px #);}
  170. .link3:hover {}
  171.  
  172. .link4 {position: absolute; left: 680px; bottom: -344px; width: 100px; width: 15px; filter: drop-shadow( 0px 0px 2px #);}
  173. .link4:hover {}
  174.  
  175. .link5 {position: absolute; left: 740px; bottom: -344px; width: 100px; width: 15px; filter: drop-shadow( 0px 0px 2px #);}
  176. .link5:hover {}
  177.  
  178.  
  179. .abox, .abox2, .abox3, .abox4 {
  180.  border: 2px solid #C9729F;
  181.  background-color: #FCA699;
  182.  text-transform: ;
  183.  text-align: left;
  184.  color: #fff;
  185.  font-size: 10px;
  186.  font-family: 'Lato', sans-serif;
  187.  position: absolute;
  188.  width:300px;
  189.  height:300px;
  190.  left: 220px;
  191.  bottom: 20px;
  192.  letter-spacing:1px;
  193.  line-height: 13px;
  194.  padding: 10px;
  195.  margin: 1px;
  196.  overflow:auto;
  197.  opacity: 1;
  198.  z-index: 100;}
  199.  
  200. .slide {z-index: -1; opacity: 0;}
  201.  
  202. .slide:target {left: 0; opacity: 1; z-index: 1000;}
  203.  
  204. #lan1 { z-index: 10000; position: absolute; left: 22px; top: 280px; font-family: 'Lobster', cursive; font-size: 70px; color: #30262e;
  205. -webkit-text-fill-color: transparent; background: -webkit-linear-gradient(transparent, transparent), url('https://i.imgur.com/Zn1Lwmy.gif') repeat; background: -o-linear-gradient(transparent, transparent); -webkit-background-clip: text; background-position: center left; background-size: cover;}
  206.  
  207. #lan2 { z-index: 100; position: absolute; left: 22px; top: 280px; font-family: 'Lobster', cursive; font-size: 70px; color: #000; text-shadow: -1px 1px .5px #000;}
  208. </style>
  209.  
  210. <div id= "outercon"> </div>
  211. <div id= "container">
  212. <div id= "border"></div>
  213. <div id= "border2"></div>
  214.  
  215. <div class="navbar">
  216. <a class="link1" href="#1" title= "one"><img src= "https://i.imgur.com/utf8Nih.png?1"></a>
  217. <a class="link2" href="#2" title= "two"><img src= "https://i.imgur.com/utf8Nih.png?1"></a>
  218. <a class="link3" href="#3" title= "three"><img src= "https://i.imgur.com/utf8Nih.png?1"></a>
  219. <a class="link4" href="#4" title= "four"><img src= "https://i.imgur.com/utf8Nih.png?1"></a>
  220. <a class="link5" href="#5" title= "reset"><img src= "https://i.imgur.com/utf8Nih.png?1"></a>
  221. </div>
  222.  
  223. <div id= "lan1">Lani</div>
  224. <div id= "lan2">Lani</div>
  225. <div id= "pic1"></div>
  226.  
  227. <div id= "contacts">
  228. <h1>connections</h1>
  229. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  230. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  231.  
  232. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  233. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  234.  
  235. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  236. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  237.  
  238. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  239. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  240.  
  241. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  242. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  243.  
  244. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  245. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  246.  
  247. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  248. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  249.  
  250. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  251. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  252. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  253. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  254.  
  255. </div>
  256.  
  257. <div id= "stats">
  258.  
  259. <h1>statistics</h1>
  260. <font style=float:left><b>stat</b> </font> <font style=float:right>---</font><br>
  261. <font style=float:left><b>stat</b> </font> <font style=float:right>---</font><br>
  262. <font style=float:left><b>stat</b> </font> <font style=float:right>---</font><br>
  263. <font style=float:left><b>stat</b> </font> <font style=float:right>---</font><br>
  264. <font style=float:left><b>stat</b> </font> <font style=float:right>---</font><br>
  265. <font style=float:left><b>stat</b> </font> <font style=float:right>---</font><br><br>
  266.  
  267. <font style=float:left><b>stat</b> </font> <font style=float:right>---</font><br>
  268. <font style=float:left><b>stat</b> </font> <font style=float:right>---</font><br>
  269. <font style=float:left><b>stat</b> </font> <font style=float:right>---</font><br>
  270. <font style=float:left><b>stat</b> </font> <font style=float:right>---</font><br>
  271. <font style=float:left><b>stat</b> </font> <font style=float:right>---</font><br>
  272. <font style=float:left><b>stat</b> </font> <font style=float:right>---</font><br><br>
  273.  
  274. <font style=float:left><b>stat</b> </font> <font style=float:right>---</font><br>
  275. <font style=float:left><b>stat</b> </font> <font style=float:right>---</font><br>
  276. <font style=float:left><b>stat</b> </font> <font style=float:right>---</font><br>
  277. <font style=float:left><b>stat</b> </font> <font style=float:right>---</font><br>
  278. <font style=float:left><b>stat</b> </font> <font style=float:right>---</font><br>
  279. <font style=float:left><b>stat</b> </font> <font style=float:right>---</font><br><br>
  280. </div>
  281.  
  282. <div id="1" class="slide">
  283. <div class="abox">
  284. <h1>title</h1>
  285. this is just an example.<br>
  286. <b>this is just an example.</b><br>
  287. <i>this is just an example.</i><br>
  288. <u>this is just an example.</u><br>
  289. <s>this is just an example.</s><br>
  290. </div></div>
  291.  
  292. <div id="2" class="slide">
  293. <div class="abox2">
  294. <h1>title</h1>
  295. this is just an example.<br>
  296. <b>this is just an example.</b><br>
  297. <i>this is just an example.</i><br>
  298. <u>this is just an example.</u><br>
  299. <s>this is just an example.</s><br>
  300. </div></div>
  301.  
  302. <div id="3" class="slide">
  303. <div class="abox3">
  304. <h1>title</h1>
  305. this is just an example.<br>
  306. <b>this is just an example.</b><br>
  307. <i>this is just an example.</i><br>
  308. <u>this is just an example.</u><br>
  309. <s>this is just an example.</s><br>
  310. </div></div>
  311.  
  312. <div id="4" class="slide">
  313. <div class="abox4">
  314. <h1>ooc</h1>
  315. <b>001</b> This code was made by <a target="_blank" href="https://roleplay.chat/profile.php?user=Gemma">Star</a> as a gift for <b>Lani</b>, under the multiple sources of tutelage by far more experienced coders. Please don't bother stealing, I can point you in the direction of those that would be happy to do commissions. <br><br>
  316. <b>002</b> Stuff.<br><br>
  317. <b>003</b> Stuff. <br><br>
  318. <b>004</b> Stuff.
  319. </div></div>
  320.  
  321. </div>
  322. </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