Advertisement
QueenOfGeckos

Untitled

May 21st, 2020
77
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.83 KB | None | 0 0
  1. Css------
  2. @import url('https://fonts.googleapis.com/css?family=Dancing+Script');
  3. @import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');
  4. @import url('https://fonts.googleapis.com/css?family=Oswald:400,700');
  5. @font-face { font-family: "qwell";
  6. src: url('https://dl.dropboxusercontent.com/s/jeqxpn7dw40xzsd/qwinkwell.otf?dl=0');
  7. format("truetype"); }
  8.  
  9.  
  10. .pfor{ display:none; background-color:transparent; }
  11. body { background:url('') top left fixed repeat;
  12. background-image:linear-gradient(#daebf4, #e9d3ea, #efd7ec, #fec9d5);
  13. background-color:#000;
  14. overflow:hidden; }
  15.  
  16. #profile{ border:0px; background-color:transparent; }
  17. *{cursor:url('https://i.imgur.com/6M3oVdp.png'), default; }
  18.  
  19. body{ background-color:#ffdfd4;
  20. background-position:left bottom;
  21. background-repeat: repeat; background-attachment:fixed; background-size: repeat; }
  22.  
  23.  
  24.  
  25. /*------» INFO «------*//*------» INFO «------*/
  26.  
  27. #bg{ position:absolute; width:100%; height:100%;
  28. left: 0%; bottom: 0%; }
  29. #pic { position:absolute;
  30. background-image:url('https://i.imgur.com/MrwQr1A.png');
  31. background-position: bottom left;
  32. background-size: 100%;
  33. background-attachment: absolute;
  34. background-repeat:no-repeat;
  35. width: 500px; height: 772px;
  36. left: 150px; bottom: -20px;
  37. opacity: .9; }
  38.  
  39.  
  40. #crown { position: absolute;
  41. transform: rotate(20deg);
  42. width: 190px; height: 70px;
  43. left: 785px; bottom: 610px;
  44. background-color: transparent;
  45. color: #fc6db8;
  46. font-family: 'dancing script';
  47. font-size: 32px;
  48. font-weight: bold;
  49. letter-spacing:1px;
  50. line-height: 20px;
  51. text-transform: none;
  52. text-align: justify;
  53. text-shadow:
  54. 2px 0px 0px #fff,
  55. 0px 1px 0px #fff,
  56. -2px 0px 0px #fff,
  57. 0px -2px 0px #fff; padding: 5px;
  58. overflow: none;
  59. opacity: 1; transition: 1s; }
  60.  
  61. #title { position: absolute;
  62. width: 190px; height: 70px;
  63. left: 590px; bottom: 613px;
  64. background-color: transparent;
  65. color: #fc6db8;
  66. font-family: 'dancing script';
  67. font-size: 85px;
  68. font-weight: bold;
  69. letter-spacing:1px;
  70. line-height: 20px;
  71. text-transform: none;
  72. text-align: justify;
  73. text-shadow:
  74. 2px 0px 0px #fff,
  75. 0px 1px 0px #fff,
  76. -2px 0px 0px #fff,
  77. 0px -2px 0px #fff; padding: 5px;
  78. overflow: none;
  79. opacity: 1; transition: 1s; }
  80.  
  81. #box1 { position: absolute;
  82. width: 182px; height: 60px;
  83. left: 612px; bottom: 573px;
  84. background-color: transparent;
  85. color: #fc6db8;
  86. font-family: 'open sans condensed', sans serif;
  87. font-size: 13px;
  88. font-weight: bold;
  89. letter-spacing:1px;
  90. line-height: 19px;
  91. text-transform: uppercase;
  92. text-align: justify;
  93. padding: 5px;
  94. overflow: none;
  95. opacity: 1; transition: 1s; }
  96.  
  97. #box2 { position: absolute;
  98. width: 187px; height: 130px;
  99. left: 615px; bottom: 415px;
  100. background-color: transparent;
  101. color: #fc6db8;
  102. font-family: 'open sans condensed', sans serif;
  103. font-size: 13px;
  104. font-weight: bold;
  105. letter-spacing:1px;
  106. line-height: 19px;
  107. text-transform: uppercase;
  108. text-align: justify;
  109. padding: 2px;
  110. overflow: auto;
  111. opacity: 1; transition: 1s; }
  112.  
  113. #h1box3 { position: absolute;
  114. width: 183px; height: 20px;
  115. left: 617px; bottom: 400px;
  116. background-color: transparent;
  117. color: #fc6db8;
  118. font-family: 'open sans condensed', sans serif;
  119. font-size: 13px;
  120. font-weight: bold;
  121. letter-spacing:1px;
  122. line-height: 19px;
  123. text-transform: uppercase;
  124. text-align: justify;
  125. padding: 0px;
  126. overflow: none;
  127. opacity: 1; transition: 1s; }
  128.  
  129. #box3 { position: absolute;
  130. width: 187px; height: 130px;
  131. left: 615px; bottom: 253px;
  132. background-color: transparent;
  133. color: #fc6db8;
  134. font-family: 'open sans condensed', sans serif;
  135. font-size: 13px;
  136. font-weight: bold;
  137. letter-spacing:1px;
  138. line-height: 19px;
  139. text-transform: uppercase;
  140. text-align: justify;
  141. padding: 2px;
  142. overflow: auto;
  143. opacity: 1; transition: 1s; }
  144.  
  145. #box4 { position: absolute;
  146. width: 185px; height: 150px;
  147. left: 615px; bottom: 90px;
  148. background-color: transparent;
  149. color: #fc6db8;
  150. font-family: 'open sans condensed', sans serif;
  151. font-size: 13px;
  152. font-weight: bold;
  153. letter-spacing:1px;
  154. line-height: 19px;
  155. text-transform: uppercase;
  156. text-align: justify;
  157. padding: 2px;
  158. overflow: none;
  159. opacity: 1; transition: 1s; }
  160.  
  161. #msc{ position: absolute;
  162. z-index: 99;
  163. background-color: #fff;
  164. border-radius: 180px;
  165. width: 37px; height: 37px;
  166. left: 395px; bottom: 565px;
  167. color: #ee68bc;
  168. font-size: 16pt;
  169. line-height: 13px;
  170. text-align: center;
  171. opacity: .9; transition: .5s; }
  172. body:hover #msc{
  173. box-shadow:
  174. 3px 0px 0px #fc6db8,
  175. 0px 3px 0px #fc6db8,
  176. -3px 0px 0px #fc6db8,
  177. 0px -3px 0px #fc6db8; }
  178.  
  179. #hhh{ position:absolute;
  180. transform: rotate(22deg);
  181. color: #fff;
  182. font-size: 22px;
  183. left: 27px; bottom: 5px;
  184. opacity: 1; transition: .5s; }
  185.  
  186. #music-player { position: absolute;
  187. z-index: 999;
  188. left: 390px; bottom: 560px;
  189. opacity: 0; }
  190.  
  191. /*------» TAGS «------*//*------» TAGS «------*/
  192.  
  193.  
  194. h1 { text-decoration: none;
  195. border-left: 3px solid #a171b8;
  196. background-color: #a171b8;
  197. color: #f7f1fe;
  198. font-family: 'open sans condensed', sans serif;
  199. font-size: 15px;
  200. font-weight: none;
  201. display-inline: block;
  202. text-transform: uppercase;
  203. letter-spacing: 1px;
  204. padding: 0px;
  205. opacity: .8
  206. }
  207. h1:hover { opacity: 1; transition: .5s; }
  208.  
  209. u { text-decoration: none;
  210. border-left: 3px solid #a171b8;
  211. background-color: #a171b8;
  212. color: #f7f1fe;
  213. font-family: 'open sans condensed', sans serif;
  214. font-weight: none;
  215. text-transform: uppercase;
  216. letter-spacing: 1px;
  217. padding: 0px;
  218. opacity: .8
  219. }
  220. u:hover { opacity: 1; transition: .5s; }
  221.  
  222. b:hover {
  223. text-shadow:
  224. 2px 0px 0px #fff,
  225. 0px 1px 0px #fff,
  226. -2px 0px 0px #fff,
  227. 0px -2px 0px #fff;
  228. }
  229.  
  230. a { text-decoration: none; display:inline-block;
  231. border-left: 3px solid #fc6db8;
  232. border-right: 3px solid #fc6db8;
  233. background-color: #fc6db8;
  234. color: #f7f1fe;
  235. font-family: 'open sans condensed', sans serif;
  236. font-weight: bold;
  237. text-transform: uppercase;
  238. letter-spacing: 1px;
  239. padding: 0px;
  240. opacity: .8;
  241. }
  242. a:hover { color: #fc6db8; transition: .5s;
  243. border-left: 3px solid transparent;
  244. border-right: 3px solid transparent;
  245. background-color: transparent;
  246. cursor: url('https://i.imgur.com/5295nUP.png'), default;
  247. font-style: italic;
  248. text-shadow:
  249. 2px 0px 0px #fff,
  250. 0px 1px 0px #fff,
  251. -2px 0px 0px #fff,
  252. 0px -2px 0px #fff;
  253. }
  254.  
  255. a[data-tooltip] { position: relative; z-index: 99; }
  256. a[data-tooltip]::before,
  257. a[data-tooltip]::after { position: absolute; display: none; opacity: 1; }
  258. a[data-tooltip]::before { content: attr(data-tooltip);
  259. background: #fc6db8; color: #fff;
  260. font-family: arial; font-size: 11px; padding: 5px; border-radius: 5px;
  261. width:px; text-decoration: none; text-align: center; text-transform: lowercase;
  262. text-shadow: 2px 0px 0px transparent, 0px 1px 0px transparent,
  263. -2px 0px 0px transparent, 0px -2px 0px transparent;
  264. }
  265. a[data-tooltip]::after { content:''; width: 0; height: 0; border: 6px solid transparent; }
  266.  
  267. a[data-tooltip]:hover::before,
  268. a[data-tooltip]:hover::after { display: block; }
  269.  
  270. a[data-tooltip][data-placement="top"]::before { bottom: 80%; left: 0; margin-bottom: 10px; }
  271. a[data-tooltip][data-placement="top"]::after { border-top-color: #fc6db8;
  272. border-bottom: none; bottom: 80%; left: 10px; margin-bottom: 5px; }
  273.  
  274. a[data-tooltip][data-placement="bottom"]::before { top: 80%; left: 0; margin-top: 10px; }
  275. a[data-tooltip][data-placement="bottom"]::after { border-bottom-color: #fc6db8;
  276. border-top: none; top: 80%; left: 10px; margin-top: 5px; }
  277.  
  278. a[data-tooltip][data-placement="left"]::before { top: -25%; right: 100%; margin-right: 10px; }
  279. a[data-tooltip][data-placement="left"]::after { border-left-color: #fc6db8; border-right: none; top: 50%;
  280. right: 100%; margin-top: -6px; margin-right: 4px; }
  281.  
  282. a[data-tooltip][data-placement="right"]::before { top: -25%; left: 100%; margin-left: 10px; width: 115px; }
  283. a[data-tooltip][data-placement="right"]::after { border-right-color: #fc6db8; border-left: none;
  284. top: 50%; left: 100%; margin-top: -6px; margin-left: 4px; }
  285.  
  286. ::selection { color: #fff; background-color: #a0c3e0;
  287. text-shadow:
  288. 2px 0px 0px transparent,
  289. 0px 1px 0px transparent,
  290. -2px 0px 0px transparent,
  291. 0px -2px 0px transparent; }
  292. ::-moz-selection { color: #fff; background-color: #a0c3e0;
  293. text-shadow:
  294. 2px 0px 0px transparent,
  295. 0px 1px 0px transparent,
  296. -2px 0px 0px transparent,
  297. 0px -2px 0px transparent; }
  298.  
  299.  
  300. ::-webkit-scrollbar { width:5px; height:0px; background:; }
  301. ::-webkit-scrollbar-thumb { background-color:transparent; border:1px solid transparent;
  302. -webkit-border-radius:10px; border-radius:10px; }
  303.  
  304.  
  305. .media { border-radius: 15%; width: 20px; height: 20px; }
  306. .media:hover {
  307. box-shadow:
  308. 2px 0px 0px #fff,
  309. 0px 1px 0px #fff,
  310. -2px 0px 0px #fff,
  311. 0px -2px 0px #fff;
  312. cursor: url('https://i.imgur.com/5295nUP.png'), default;
  313. }
  314.  
  315. .title { color: #fc6db8; font-family: 'dancing script'; border-left: 3px solid transparent; text-transform: none; border-right: 3px solid transparent; background-color: transparent }
  316.  
  317.  
  318.  
  319. Html---------
  320. <script defer>
  321. window.onload = function() {
  322. <!--
  323. function clickIE() {if (document.all) {(message);return false;}}
  324. function clickNS(e) {if
  325. (document.layers||(document.getElementById&&!document.all)) {
  326. if (e.which==2||e.which==3) {(message);return false;}}}
  327. if (document.layers)
  328. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  329. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  330. document.oncontextmenu=new Function("return false")
  331. // -->
  332. };
  333.  
  334. </script>
  335.  
  336. <div id="bg">
  337. <div id="pic"></div>
  338.  
  339.  
  340. <div id="crown">♕</div>
  341. <div id="title"><a data-tooltip="a.k.a. 'minnie', 'min', 'babe', 'pretty in pink', 'minne', 'minty', 'minty fresh'" data-placement="right"
  342. class="title" target="_blank" href="">Minthe</a></div>
  343.  
  344. <div id="box1">
  345.  
  346. <a data-tooltip="½ thai" data-placement="left" target="_blank" href="">½ japanese.</a>
  347. <u>u.a. 3-z.</u>
  348. <u>student.</u>
  349. <u>model.</u>
  350. <u>hella famous.</u>
  351. <a data-tooltip="art by punziella" data-placement="right" target="_blank" href="https://i.imgur.com/TZxUUYu.png">
  352. cute af</a>
  353.  
  354. <br>
  355. <a data-tooltip="power: 3 speed: 4 techq: 5 intel: 3 teamwork: 5" data-placement="bottom" target="_blank" href="">stats.</a>
  356. <a data-tooltip="perfect physical balance; minthe can do pretty much anything in heels" data-placement="bottom" target="_blank" href="">quirk: equilibrium.</a>
  357.  
  358. <center><h1>story</h1></center>
  359. </div>
  360.  
  361. <div id="box2">
  362.  
  363. <b>a former child star turned hero in training,</b>
  364. <b>minthe may come off as shallow at times.</b>
  365. <b>however, she is actually quite smart</b> <b>and
  366. wishes only to help others.</b>
  367.  
  368. <br>
  369. once her quirk manifested,
  370. minthe was quickly put through various classes for training <b>(dance, ballet, gymnastics)</b>.
  371. her looks and <b>natural singing voice</b> also made her <b>a shoo-in for beauty contests< and talent shows.</b>
  372. eventually she was picked up by <b>super☆beat productions</b>, a showbiz agency based in tokyo;
  373. but by then she already had many fans. slowly yet surely <b>'minthe' was becoming a household name.</b>
  374.  
  375. <br> however, <b>some seemed to love her <i>too</i> much,</b> and one of them went out of their way to
  376. act on it. <b>after surviving a kidnapping attempt</b> by – <b>and then a rescue from –</b> a stalker,
  377. <b>minthe had a new dream: to become a hero.</b>
  378.  
  379. <br> <b>now she is in her third year of u.a.'s hero program</b> — <b>a student already more famous than most,</b>
  380. with great potential and <b>several offers of internship every year.</b> but only time will tell if success
  381. is as assured as everyone thinks it is...
  382.  
  383. <center><h1>trivia</h1></center>
  384. <b>- full name: kiamin manoban</b>
  385. <br> <b>- pet: a tiny pig named konpeito</b>
  386. <br> <b>- has mastered the art of not sweating</b>
  387. <br> - <a target="_blank" href="https://roleplay.chat/profile.php?user=Lady+Legasaurus">maiko yukawa</a> <b>was her ballet instructor</b>
  388. <br> <b>- records makeup reviews, tutorials and stunts like</b> <a target="_blank" href="https://www.reddit.com/r/UNBGBBIIVCHIDCTIICBG/comments/b1so0f/cheerleader_hyunsook_seo_playing_beat_saber/">this</a>
  389. <br> <b>- sometimes ft. on her friend's asmr channel and gaming streams,</b> <a target="_blank" href="https://roleplay.chat/profile.php?user=milk-boy">taisei</a>
  390. <br> <b>- rumor has it that her hair has been insured for ¥1,000,000</b>
  391.  
  392. </div>
  393.  
  394. <div id="h1box3">
  395. <center><h1>career</h1></center>
  396. </div>
  397.  
  398. <div id="box3">
  399. <u>filmography:</u>
  400. <b>as told by ginko</b>;
  401. <b>box "r"</b>;
  402. <b>dream high</b>;
  403. <b>hey all might!</b>;
  404. <b>pachimari & friends</b>;
  405. <b>superkids</b>;
  406. <b>superkids: the movie</b>;
  407. <b>that's so plus ultra</b>;
  408. <b>the ultra mouse club</b>
  409. <br>
  410. <u>modeling/promos:</u>
  411. <b>colourpro</b>;
  412. <b>heropop</b>;
  413. <b>juicy plus couture</b>;
  414. <b>recovergirl</b>;
  415. <b>super smash pros</b>;
  416. <b>ultra beauty</b>;
  417. <b>ultraqlo</b>;
  418. <b>urban hero outfitters</b>
  419. <br>
  420. <u>contests:</u>
  421. <b>3x winner of "little miss musutafu"</b>
  422.  
  423. </div>
  424. <div id="box4">
  425. <u>social media:</u>
  426. <font style="float:right">
  427. <u>prov. license:</u>
  428. <br> [ ] yes <b>[✘] no</b>
  429. </font>
  430. <br>
  431. <img src="https://i.imgur.com/DHVF3wK.png" class="media" title="@mintheshake">
  432. <img src="https://i.imgur.com/sByzrj6.png" class="media" title="@justminthe2b">
  433. <img src="https://i.imgur.com/2VCdTf8.png" class="media" title="MintheVEVO">
  434. <img src="https://i.imgur.com/wDOhvfA.png" class="media" title="Pinkmin">
  435.  
  436.  
  437. <br><u>total # followers:</u> <b>20.95m</b>
  438. <br><u>dating:</u>
  439. <a data-tooltip="@wildwildwestly" data-placement="right" target="_blank" href="https://roleplay.chat/profile.php?user=homerun">
  440. westly watai</a>
  441. <br><u>mentor:</u>
  442. <a target="_blank" href="https://bokunoheroacademia.fandom.com/wiki/Wild,_Wild_Pussycats">
  443. wild, wild pussycats</a>
  444.  
  445. <br><br>
  446.  
  447. <small>
  448. <u>out of costume:</u>
  449. <font style="float:right"> [<b> coder alt </b>] </font>
  450. <br><b>♥ discord for friends & customers</b>
  451. <br><b>♥ dm for deets, samples</b>
  452. <center><b>♥ 'no tabs' is my aesthetic ♥</center>
  453.  
  454. </small>
  455. </div>
  456.  
  457. <div id="msc">
  458. <img src="https://i.imgur.com/xcpEpGp.gif" width="35">
  459. <div id="hhh">
  460. </div>
  461. <br>
  462. </div>
  463.  
  464. <div id="music-player">
  465. <audio controls style="width:150px;" loop="" title="iu - bbibbi">
  466. <source src="https://dl.dropboxusercontent.com/s/ui2qjobjdv5qbdz/IU%20-%20BBIBBI.mp3?dl=0">
  467. </audio>
  468. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement