Advertisement
Chibi-Elle

LAURA CODE [UPDATED]

Jun 24th, 2021
58
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.42 KB | None | 0 0
  1. <style type="text/css">
  2. @import url('https://fonts.googleapis.com/css?family=Forum|Marck+Script|Pirata+One|Josefin+Sans|Satisfy|Cookie|Bebas+Neue');
  3. @import url('https://fonts.googleapis.com/css?family=Montserrat|Orbitron|Oswald|Teko');
  4. @font-face { font-family:couture; src: url('https://dl.dropboxusercontent.com/s/d9zz0jc1khr7ogr/couture-bld.otf') ;}
  5.  
  6. body {
  7. background-color: #000;
  8. background-image: url('https://www.transparenttextures.com/patterns/white-wall-3-2.png');
  9. background-position: center;
  10. background-repeat:repeat;
  11. }
  12.  
  13. #tt {
  14. position:absolute;
  15. left: 500px;
  16. top: 50px;
  17. font-size:49px;
  18. z-index: 2;
  19. font-family:'couture';
  20. font-size:49px;
  21. text-transform:uppercase;
  22. text-align:justify;
  23. line-height:35px;
  24. padding-bottom:12px;
  25. margin-top:0px;
  26. -webkit-text-stroke: 1px #ccc;
  27. color:transparent;
  28. }
  29.  
  30. #laura {
  31. position: fixed;
  32. left: 0px;
  33. right: 0px;
  34. top: 0px;
  35. bottom: 0px;
  36. }
  37.  
  38. ::-webkit-scrollbar-track {
  39. background-color:;
  40. }
  41.  
  42. ::-webkit-scrollbar-thumb {
  43. background-color:;
  44. }
  45.  
  46. ::-webkit-scrollbar {
  47. width:0px;
  48. height:0px;
  49. }
  50.  
  51.  
  52. #container {
  53. position: absolute;
  54. left: 15%;
  55. top: 15%;
  56. width: 900px;
  57. height: 320px;
  58. border: 1px solid #4E4F49;
  59. background-color: #000;
  60. background-image: url('');
  61. box-shadow: 0px 0px 3px 3px #D5D6D8;
  62. }
  63.  
  64. #centerimg {
  65. position: absolute;
  66. z-index: 2;
  67. left: 380px;
  68. top: -80px;
  69. background-image: url('https://64.media.tumblr.com/6934a1229fca98e499988af6620c0104/tumblr_oxmnunsxIB1wteacyo1_1280.png');
  70. border-radius: 50%;
  71. border: 6px solid #4E4F49;
  72. height: 140px;
  73. width: 140px;
  74. background-size: 100%;
  75. filter: grayscale(20%);
  76. background-repeat: no-repeat;
  77. background-position: center;
  78. }
  79.  
  80. #borderimg {
  81. position: absolute;
  82. left: -96px;
  83. z-index: 1;
  84. bottom: 170px;
  85. width: 150px;
  86. height: 370px;
  87. background-image: url('https://i.imgur.com/triac8J.png');
  88. background-size: 100%;
  89. background-position: right;
  90. background-repeat: no-repeat;
  91. transform: rotate(-30deg);
  92.  
  93. }
  94.  
  95. #opposite {
  96. position: absolute;
  97. right: -56px;
  98. z-index: 1;
  99. bottom: -300px;
  100. width: 152px;
  101. height: 370px;
  102. background-image: url('https://i.imgur.com/triac8J.png');
  103. background-size: 100%;
  104. background-repeat: no-repeat;
  105. transform: rotate(-250deg);
  106. }
  107.  
  108. #centerbox {
  109. position: absolute;
  110. z-index: ;
  111. top: 5px;
  112. left: 5px;
  113. height: 305px;
  114. width: 884px;
  115. background-image: url('https://i.imgur.com/TfBSvVn.gif');
  116. background-size: 60%;
  117. background-position: right;
  118. background-repeat: no-repeat;
  119. opacity: 0.5;
  120. border: double white;
  121. }
  122.  
  123. #botbox {
  124. position: absolute;
  125. left: -1px;
  126. bottom: -120px;
  127. width: 901px;
  128. height: 100px;
  129. border: 1px solid #4E4F49;
  130. background-color: #000;
  131. background-image: url('');
  132. box-shadow: 0px 0px 3px 3px #D5D6D8;
  133. }
  134.  
  135. #layerbox {
  136. position: absolute;
  137. z-index: ;
  138. bottom: -115px;
  139. left: 5px;
  140. height: 85px;
  141. width: 884px;
  142. background-image: url('https://i.imgur.com/IAMRLDK.png');
  143. background-size: 100%;
  144. background-repeat: no-repeat;
  145. background-position: right;
  146. opacity: 0.5;
  147. border: double white;
  148. }
  149.  
  150. #imageleft {
  151. position: absolute;
  152. z-index: 1;
  153. left: 12px;
  154. bottom: -108.8px;
  155. height: 70px;
  156. width: 70px;
  157. border: 4px solid #000;
  158. background-image: url('https://64.media.tumblr.com/6934a1229fca98e499988af6620c0104/tumblr_oxmnunsxIB1wteacyo1_1280.png');
  159. background-size: 100%;
  160. background-repeat: no-repeat;
  161. box-shadow: 0px 0px 1px 1px white;
  162. }
  163.  
  164. #imgright {
  165. position: absolute;
  166. z-index: 1;
  167. right: 12px;
  168. bottom: -108.8px;
  169. height: 70px;
  170. width: 70px;
  171. border: 4px solid #000;
  172. background-image: url('https://i.pinimg.com/originals/96/a3/e3/96a3e338558ed59782b13dfbd2c7175a.jpg');
  173. background-size: 100%;
  174. background-repeat: no-repeat;
  175. box-shadow: 0px 0px 1px 1px white;
  176. }
  177. .wolverine {
  178. overflow:hidden;
  179. position:absolute;
  180. bottom:0px;
  181. left: 0px;
  182. height:430px;
  183. width:282px;
  184. z-index: 1;
  185. filter: drop-shadow( 0px 0px 10px #ccc);
  186. background-image: url('https://i.imgur.com/fkMApSA.png');
  187. background-position:top center;
  188. background-attachment: absolute;
  189. background-repeat: no-repeat;
  190. -webkit-background-size: cover;
  191. -moz-background-size: cover;
  192. -o-background-size: cover;
  193. background-size: cover;
  194. }
  195.  
  196. #textbox {
  197. position: absolute;
  198. z-index: 3;
  199. left: 300px;
  200. top: 40px;
  201. height: 224px;
  202. width: 220px;
  203. border: 1px dotted #fff;
  204. background: #000;
  205. padding: 5px;
  206. overflow-y: auto;
  207. font-family: 'Forum';
  208. font-size: 11px;
  209. color: #fff;
  210. line-height: 15px;
  211. }
  212.  
  213. #tab1 {
  214. position: absolute;
  215. z-index: 1;
  216. left: -25px;
  217. top: 24px;
  218. height: 60px;
  219. width: 12px;
  220. background: #000;
  221. border: 0.5px solid #000;
  222. box-shadow: 0px 0px 1px 1px #fff;
  223. }
  224.  
  225. #tab1:hover {
  226. background: #222;
  227. }
  228.  
  229. #tab2 {
  230. position: absolute;
  231. z-index: 1;
  232. left: -25px;
  233. top: 104px;
  234. height: 60px;
  235. width: 12px;
  236. background: #000;
  237. border: 0.5px solid #000;
  238. box-shadow: 0px 0px 1px 1px #fff;
  239. }
  240.  
  241. #tab2:hover {
  242. background: #222;
  243. }
  244.  
  245. #tab3 {
  246. position: absolute;
  247. z-index: 1;
  248. left: -25px;
  249. top: 184px;
  250. height: 60px;
  251. width: 12px;
  252. background: #000;
  253. border: 0.5px solid #000;
  254. box-shadow: 0px 0px 1px 1px #fff;
  255. }
  256.  
  257. #tab3:hover {
  258. background: #222;
  259. }
  260.  
  261. #tab4 {
  262. position: absolute;
  263. z-index: 1;
  264. left: -25px;
  265. top: 264px;
  266. height: 60px;
  267. width: 12px;
  268. background: #000;
  269. border: 0.5px solid #000;
  270. box-shadow: 0px 0px 1px 1px #fff;
  271. }
  272.  
  273. #tab4:hover {
  274. background: #222;
  275. }
  276.  
  277. </style>
  278. <div id= "tt">// laura kinney</div>
  279.  
  280. <div id="laura" oncontextmenu="return false;">
  281.  
  282. <div id="container">
  283. <div class="wolverine"></div>
  284. <div id="quotebox"></div>
  285. <div id="borderimg"></div>
  286. <div id="opposite"></div>
  287. <div id="centerbox"></div>
  288. <div id="botbox"></div>
  289. <div id="layerbox"></div>
  290. <div id="imageleft"></div>
  291. <div id="imgright"></div>
  292. <a href="#2"><div id="tab1"></div></a>
  293. <a href="#3"><div id="tab2"></div></a>
  294. <a href="#4"><div id="tab3"></div></a>
  295. <a href="#1"><div id="tab4"></div></a>
  296. <div id="textbox">
  297. <div style="height: 224px; overflow-y: hidden;">
  298. <a name="1"></a>
  299. <div style="height: 224px; overflow: auto;">
  300. <div style="margin: 0 auto; width: 20em;">
  301. Words, words, words, words, words, words, words, words.
  302. </div></div>
  303.  
  304. <a name="2"></a>
  305. <div style="height: 224px; overflow: auto;">
  306. <div style="margin: 0 auto; width: 20em;">
  307. BOX 2.
  308. </div></div>
  309.  
  310. <a name="3"></a>
  311. <div style="height: 224px; overflow: auto;">
  312. <div style="margin: 0 auto; width: 20em;">
  313. BOX 3.
  314. </div></div>
  315.  
  316. <a name="4"></a>
  317. <div style="height: 224px; overflow: auto;">
  318. <div style="margin: 0 auto; width: 20em;">
  319. BOX 4.
  320. </div></div></div></div>
  321.  
  322. </div>
  323. </div>
  324.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement