API tools faq
paste
Advertisement
bythestars

Lani

bythestars
Jun 15th, 2019
97
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.06 KB | None | 0 0
raw download clone embed print report
  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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!