SHARE
TWEET

Milana Vittori

bythestars May 30th, 2019 85 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. #no {
  5. position: absolute;
  6. left: 0px;
  7. top: 0px;
  8. right: 0px;
  9. bottom: 0px;}
  10.  
  11. ::-webkit-scrollbar {
  12. width: 0px;}
  13.  
  14. ::-webkit-scrollbar-thumb {
  15. background: transparent;}
  16.  
  17. ::selection {
  18. color: #20181c;
  19. background: #450A19;}
  20.  
  21. body {
  22. background-color: #2d0610;
  23. cursor: url('https://78.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_540.png'), default;}
  24.  
  25. a {
  26. color: #8b273f;
  27. text-decoration: none;}
  28.  
  29. h2 {
  30. height: 15px;
  31. text-align: center;
  32. font-family: 'Kaushan Script', cursive;
  33. color: #8b273f;
  34. font-size: 40px;
  35. line-height: 6px;
  36. letter-spacing: 0px;
  37. text-transform: lowercase;
  38. margin-top: 5px;
  39. margin-bottom: 15px;
  40. border-top: 3px solid #2d0610;
  41. border-bottom: 3px solid #2d0610;
  42. text-shadow: 5px 0px 0px #2d0610;}
  43.  
  44. .pic {
  45. position: absolute;
  46. height: 450px;
  47. width: 350px;
  48. background-image: url('https://i.imgur.com/E11HTq2.jpg');
  49. background-attachment: absolute;
  50. background-size: 100% 100%;
  51. bottom: 130px;
  52. left: 20px;
  53. border: 10px solid #501624;
  54. border-radius: 10px 10px 10px 10px;
  55. filter: drop-shadow( 10px 0px 0px #450A19);}
  56.  
  57. .pic2 {
  58. position: absolute;
  59. height: 190px;
  60. width: 350px;
  61. background-image: url('https://66.media.tumblr.com/ac86c8fff3a97d10b58b58789a50c792/tumblr_oc9qclKWQO1ve125mo1_400.gif');
  62. background-attachment: absolute;
  63. background-size: 100% 100%;
  64. bottom: 20px;
  65. left: 410px;
  66. border: 10px solid #501624;
  67. border-radius: 10px 10px 10px 10px;
  68. filter: drop-shadow( 10px 0px 0px #450A19);}
  69.  
  70. .pic3 {
  71. position: absolute;
  72. height: 335px;
  73. width: 330px;
  74. background-image: url('https://i.imgur.com/NaPngL4.jpg');
  75. background-attachment: absolute;
  76. background-size: 100% 100%;
  77. top: 20px;
  78. left: 800px;
  79. border: 10px solid #501624;
  80. border-radius: 10px 10px 10px 10px;
  81. filter: drop-shadow( 10px 0px 0px #450A19);}
  82.  
  83. .con {
  84. position: absolute;
  85. height: 600px;
  86. width: 1150px;
  87. background-color: #450A19;
  88. padding: 10px;
  89. overflow: auto;
  90. bottom: 50%;
  91. left: 50%;
  92. margin-left: -600px;
  93. margin-bottom: -350px;
  94. border-radius: 10px 10px 10px 10px;}
  95.  
  96. .stats {
  97. position: absolute;
  98. height: 335px;
  99. width: 350px;
  100. background-color: #501624;
  101. padding: 10px;
  102. overflow: auto;
  103. top: 20px;
  104. left: 410px;
  105. border-radius: 10px 10px 10px 10px;}
  106.  
  107. .statsin {
  108. position: absolute;
  109. height: 330px;
  110. width: 350px;
  111. font-family: calibri;
  112. color: #2d0610;
  113. font-size: 13px;
  114. letter-spacing: 0px;
  115. word-spacing: 0px;
  116. text-transform: none;
  117. background-color: transparent;
  118. padding: 10px;
  119. line-height: 10px;
  120. text-align: justify;
  121. overflow: auto;
  122. bottom: -5px;
  123. right: 0px;}
  124.  
  125. .statsin span {
  126. font-family: 'Kaushan Script', cursive;
  127. color: #8b273f;
  128. font-size: 17px;
  129. letter-spacing: 0px;
  130. word-spacing: 3px;
  131. text-transform: lowercase;
  132. font-weight: bold;}
  133.  
  134. .box {
  135. position: absolute;
  136. height: 320px;
  137. width: 330px;
  138. font-family: calibri;
  139. color: #2d0610;
  140. font-size: 13px;
  141. letter-spacing: 0px;
  142. word-spacing: 0px;
  143. text-transform: none;
  144. background-color: #501624;
  145. padding: 10px;
  146. line-height: 10px;
  147. text-align: justify;
  148. overflow: auto;
  149. bottom: 50%;
  150. left: 50%;
  151. margin-left: -59px;
  152. margin-bottom: -1000000px;
  153. opacity: 0;}
  154.  
  155. .box:target {
  156. bottom: 50%;
  157. left: 50%;
  158. margin-left: -180px;
  159. margin-bottom: -100px;
  160. opacity: 1;}
  161.  
  162. .ooc {
  163. position: absolute;
  164. height: 190px;
  165. width: 330px;
  166. background-color: #501624;
  167. padding: 10px;
  168. overflow: auto;
  169. bottom: 20px;
  170. left: 800px;
  171. border-radius: 10px 10px 10px 10px;}
  172.  
  173. .oocin {
  174. position: absolute;
  175. height: 190px;
  176. width: 330px;
  177. font-family: calibri;
  178. color: #2d0610;
  179. font-size: 13px;
  180. letter-spacing: 0px;
  181. word-spacing: 0px;
  182. text-transform: none;
  183. background-color: transparent;
  184. padding: 10px;
  185. line-height: 10px;
  186. text-align: justify;
  187. overflow: auto;
  188. bottom: 0px;
  189. right: 0px;}
  190.  
  191. .oocin span {
  192. font-family: 'Kaushan Script', cursive;
  193. color: #8b273f;
  194. font-size: 17px;
  195. letter-spacing: -2px;
  196. word-spacing: -2px;
  197. text-transform: lowercase;
  198. font-weight: bold;}
  199.  
  200. .navi {
  201. position: absolute;
  202. bottom: 50%;
  203. left: 50%;
  204. margin-left: -540px;
  205. margin-bottom: -260px;}
  206.  
  207. a.nav:link, a.nav:active, a.nav:visited{
  208. display: inline-block;
  209. width: 50px;
  210. height: 15px;
  211. background-color: #501624;
  212. letter-spacing: 1px;
  213. text-transform: lowercase;
  214. font-family: 'Kaushan Script', cursive;
  215. color: #8b273f;
  216. font-size: 9px;
  217. letter-spacing: 3px;
  218. text-transform: none;
  219. text-decoration: none;
  220. font-weight: bold;
  221. text-align: center;
  222. line-height: 17px;
  223. padding: 3px;
  224. margin-left: 10px;}
  225.  
  226. .friend {
  227. display: inline-block;
  228. height: 40px;
  229. width: 40px;
  230. background-color: transparent;
  231. padding: 3px;
  232. margin-top: 0px;
  233. border: 2px solid #20181c;}
  234.  
  235. .title {
  236. position: absolute;
  237. font-family: 'Kaushan Script', cursive;
  238. color: #8b273f;
  239. font-size: 38px;
  240. letter-spacing: 3px;
  241. text-transform: uppercase;
  242. font-weight: bold;
  243. bottom: 50%;
  244. left: 50%;
  245. margin-left: -580px;
  246. margin-bottom: -315px;
  247. text-shadow: -5px 2px 0px #2d0610;}
  248.  
  249.  
  250. .title2 {
  251. position: absolute;
  252. font-family: 'Kaushan Script', cursive;
  253. color: #8b273f;
  254. font-size: 20px;
  255. letter-spacing: 3px;
  256. text-transform: uppercase;
  257. font-weight: bold;
  258. bottom: 50%;
  259. left: 50%;
  260. margin-left: -500px;
  261. margin-bottom: -335px;
  262. text-shadow: -5px 2px 0px #2d0610;}
  263. </style>
  264.  
  265. <div id="no" oncontextmenu="return false;">
  266.  
  267. <div class="con">
  268. <div class="stats">
  269. <div class="statsin">
  270. <h2>Statistics</h2>
  271.  
  272. <font style=float:left><span>Name:</span></font> <font style=float:right>Milana Vittori</font><br><br>
  273. <font style=float:left><span>alias:</span></font> <font style=float:right>the Copycat, Mila, Lana</font><br><br>
  274. <font style=float:left><span>birthdate:</span></font> <font style=float:right><a title="On the twelfth hour..">October 1, 1989</a></font><br><br>
  275. <font style=float:left><span>hometown:</span></font> <font style=float:right>---</font><br><br>
  276. <font style=float:left><span>stat:</span></font> <font style=float:right>---</font><br><br>
  277. <font style=float:left><span>stat:</span></font> <font style=float:right>---</font><br><br>
  278. <font style=float:left><span>stat:</span></font> <font style=float:right>---</font><br><br>
  279.  
  280. </div></div>
  281.  
  282. <div class="ooc">
  283. <div class="oocin">
  284. <h2>Ooc</h2><p>
  285.  
  286. <span>☂</span>. ---<br>
  287. <br><span>☂</span>. ---<br>
  288. <br><span>☂</span>. ---<br>
  289. <br><span>☂</span>. This is a custom character for the Umbrella Academy verse. She is one of the remaining 36 of 43 that was not acquired by Sir Reginald Hargreeves.<br>
  290. <br><span>☂</span>. Check out the <a target="_blank" href="https://imgur.com/a/WIGWEvI" target="_blank">Gallery</a>, for additional images and aesthetics. <a target="_blank" href="https://www.youtube.com/watch?v=qHm9MG9xw1o" target="_blank">Current theme</a> is subject to change as I work on finding her particular voice.<br>
  291. </div>
  292. </div>
  293. <div class="pic"></div>
  294. <div class="pic2"></div>
  295. <div class="pic3"></div>
  296. </div>
  297.  
  298. <div class="navi">
  299. <a class="nav" href="#one">I.</a>
  300. <a class="nav" href="#two">II.</a>
  301. <a class="nav" href="#three">III.</a>
  302. <a class="nav" href="#four">IV.</a>
  303. </div>
  304.  
  305. <div id="one" class="box">
  306. <h2>Bla</h2>
  307.  
  308. Put whatever here.
  309. </div>
  310.  
  311. <div id="two" class="box">
  312. <h2>Bla 2</h2>
  313.  
  314.  
  315. </div>
  316.  
  317. <div id="three" class="box">
  318. <h2>Friends</h2>
  319.  
  320. <a href="profile.php?user=LINK HERE" target="_blank"><img src= "PIC HERE" class="friend"></a>
  321. <a href="profile.php?user=LINK HERE" target="_blank"><img src= "PIC HERE" class="friend"></a>
  322. <a href="profile.php?user=LINK HERE" target="_blank"><img src= "PIC HERE" class="friend"></a>
  323. <a href="profile.php?user=LINK HERE" target="_blank"><img src= "PIC HERE" class="friend"></a>
  324. </div>
  325.  
  326. <div class="title">Milana Vittori</div>
  327. <div class="title2">the Copycat</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