API tools faq
paste
Advertisement
Guest User

Saeyoung profile code!

a guest
Oct 21st, 2016
80
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.42 KB | None | 0 0
raw download clone embed print report
  1. <style type="text/css">
  2.  
  3. /*
  4. e J
  5. c
  6. i
  7. u e c i uic ceJ
  8. J c i u e c u J
  9. e i u J c J e
  10. c u J e i eJuic
  11. c i J e c u c
  12. i u e ic i J e i u
  13. ice eJ i u Jui ice
  14.  
  15. */
  16.  
  17. @import 'https://fonts.googleapis.com/css?family=Hind+Guntur|Scope+One';
  18.  
  19. .pfor {display: none;}
  20.  
  21. body, a:hover {cursor: url(http://i.picpar.com/HiUb.png), auto;}
  22.  
  23. #profile { background-color: transparent; border: 0px; }
  24.  
  25. body{
  26. background-color: #FF8560;
  27. background-image:url('http://i.imgur.com/Rs2UcTA.png');
  28. background-size: 17%;
  29. background-repeat:no-repeat;
  30. background-position:bottom right; }
  31. body, a:hover {cursor: url(http://i.imgur.com/ZOrzC.png), progress !important;}
  32. /*---- BACKGROUND BODY COLOR ---*/
  33. color: #FF8560; /*--- BODY FONT COLOR ---*/
  34. font-family: 'Hind Guntur', sans-serif;
  35. }
  36.  
  37. ::-webkit-scrollbar-thumb:vertical{
  38. width: 1px;
  39. background-color: transparent;
  40. }
  41. ::-webkit-scrollbar-thumb:horizontal{
  42. height: 1px;
  43. background-color: transparent;
  44. }
  45.  
  46. ::-webkit-scrollbar {
  47. width: 1px;
  48. background-color: transparent;
  49. }
  50.  
  51. ::selection {
  52. background: transparent; /*-- HIGHLIGHT BACKGROUND COLOR --*/
  53. color: #0000; /*-- HIGHLIGHT FONT COLOR --*/
  54. }
  55.  
  56. ::-moz-selection {
  57. background: transparent; /*-- HIGHLIGHT BACKGROUND COLOR --*/
  58. color: #fff; /*-- HIGHLIGHT FONT COLOR --*/
  59. }
  60.  
  61.  
  62. /*--- CREDIT, PLEASE DON'T REMOVE. ---*/
  63.  
  64. .credit{
  65. position: fixed;
  66. bottom: 0px;
  67. left: 0px;
  68. height: 25px;
  69. width: 25px;
  70. font-family: 'hind';
  71. font-size: 10px;
  72. color: #fff;
  73. text-align: center;
  74. overflow: hidden;
  75. }
  76.  
  77. /*--- MUSIC PLAYER ---*/
  78.  
  79.  
  80. .mp{
  81. position: fixed;
  82. bottom: 415px;
  83. left: 415px;
  84. height: 30px;
  85. width: 30px;
  86. line-height: 35px;
  87. border-left: 3px double #990000; /*--- MUSIC PLAYER BORDER LEFT ---*/
  88. border-bottom: 3px double #990000; /*--- MUSIC PLAYER BORDER BOTTOM ---*/
  89. font-size: 10px;
  90. color: #990000; /*--- MUSIC PLAYER COLOR ---*/
  91. text-shadow: 0px 0px .1px transparent, 0px 0px .1px transparent; /*--- MUSIC PLAYER TEXT SHADOW --*/
  92. text-align: center;
  93. overflow: hidden;
  94. }
  95.  
  96. .mp:active {
  97. color: #666761; /*--- MUSIC PLAYER COLOR ---*/
  98. text-shadow: -3px -3px .1px #111, 3px 3px .1px #111; /*--- MUSIC PLAYER TEXT SHADOW --*/
  99. }
  100. .mpc{
  101. float: left;
  102. margin-top: -35px;
  103. margin-left: -8px;
  104. height: 30px;
  105. width: 30px;
  106. opacity: 0;
  107. }
  108.  
  109.  
  110.  
  111. /*--- CONTAINER ---*/
  112.  
  113.  
  114. #con{
  115. position: fixed;
  116. bottom: 100px;
  117. left: 100px;
  118. height: 310px;
  119. width: 310px;
  120. overflow: hidden;
  121. background-color: #000; /*---- BOX BACKGROUND COLOR ----*/
  122. border: 3px double #990000; /*---- BOX BORDER BACKGROUND COLOR ---*/
  123. transition: .9s linear;
  124. }
  125.  
  126. .pic-con{
  127. float: left;
  128. height: 125px;
  129. width: 125px;
  130. margin: 10px;
  131. background-position: center;
  132. background-size: 140%;
  133. background-repeat: no-repeat;
  134. background-color: #fff; /*---- PICTURE BACKGROUND ----*/
  135. border: 5px solid transparent; /*---- PICTURE BORDER ----*/
  136. opacity: .7;
  137. transition: .9s linear;
  138. }
  139.  
  140. .pic-con:hover{
  141. opacity: 1;
  142. transition: .9s linear;
  143. }
  144.  
  145. /*--- QUOTE / NAME ---*/
  146.  
  147. #name{
  148. position: fixed;
  149. bottom: 243px;
  150. left: 270px;
  151. height: 30px;
  152. width: 320px;
  153. margin: auto;
  154. line-height: 30px;
  155. font-size: 13px;
  156. color: #990000; /*--- NAME FONT COLOR ---*/
  157. text-align: center;
  158. text-transform: uppercase;
  159. font-family: 'hind guntur';
  160. overflow: hidden;
  161. -webkit-transform: rotate(90deg);
  162. transform: rotate(90deg);
  163. }
  164.  
  165. #quote{
  166. position: fixed;
  167. bottom: 413px;
  168. left: 100px;
  169. height: 30px;
  170. width: 310px;
  171. margin: auto;
  172. line-height: 30px;
  173. font-size: 13px;
  174. color: #990000; /*--- QUOTE FONT COLOR ---*/
  175. text-align: left;
  176. text-transform: uppercase;
  177. font-family: 'hind guntur';
  178. white-space: nowrap;
  179. text-overflow: ellipsis;
  180. overflow: hidden;
  181. }
  182.  
  183.  
  184.  
  185.  
  186. /*--- CLEAR ----*/
  187.  
  188. #clear{
  189. position: fixed;
  190. bottom: 67px;
  191. left: 67px;
  192. height: 30px;
  193. width: 30px;
  194. line-height: 35px;
  195. border-top: 3px double #990000; /*--- EXIT BORDER TOP ---*/
  196. border-right: 3px double #990000; /*--- EXIT BORDER RIGHT ---*/
  197.  
  198. overflow: hidden;
  199. }
  200.  
  201. #clear a{
  202. display: block;
  203. line-height: 35px;
  204. height: 30px;
  205. width: 30px;
  206. font-size: 10px;
  207. color: #990000; /*--- EXIT COLOR ---*/
  208. text-align: center;
  209. text-decoration: none;
  210. transition: .9s linear;
  211. }
  212.  
  213. #clear a:hover{
  214. color: transparent;
  215. transition: .9s linear;
  216. }
  217.  
  218. /*--- TABS ---*/
  219.  
  220. .tabbed{
  221. position: fixed;
  222. bottom: 100px;
  223. left: 100px;
  224. height: 310px;
  225. width: 310px;
  226. overflow: hidden;
  227. background-color: #000; /*---- TEXT CONTAINER BACKGROUND COLOR ----*/
  228. border: 3px double #990000; /*---- TEXT CONTAINER BORDER BACKGROUND COLOR ---*/
  229. opacity: 0;
  230. z-index: 0;
  231. transition: .9s linear;
  232. }
  233.  
  234. .tabbed:target{
  235. opacity: 1;
  236. z-index: 1;
  237. transition: .9s linear;
  238. }
  239.  
  240.  
  241. .text{
  242. float: left;
  243. height: 270px;
  244. width: 270px;
  245. margin: 9px;
  246. padding: 10px;
  247. border: 1px solid #990000; /*--- TEXT BORDER COLOR ---*/
  248. text-align: justify;
  249. color: #FF8560; /*--- TEXT COLOR ---*/
  250. font-family: 'hind guntur';
  251. font-size: 10px;
  252. overflow: auto;
  253. }
  254.  
  255.  
  256.  
  257.  
  258. /*--- MODIFIERS ---*/
  259.  
  260. h1{
  261. font-family: 'scope one';
  262. font-size: 13px;
  263. color: #FF8560; /*--- HEADER FONT COLOR ---*/
  264. text-align: center;
  265. border-right: 10px solid #FF8560; /*--- HEADER BORDER RIGHT COLOR ---*/
  266. border-left: 10px solid #FF8560; /*--- HEADER BORDER LEFT COLOR ---*/
  267. line-height: 10px;
  268. margin: 0px;
  269. }
  270.  
  271. b{
  272. font-weight: bolder;
  273. font-size: 12px;
  274. text-transform: uppercase;
  275. }
  276.  
  277. i{
  278. font-size: 10px;
  279. }
  280.  
  281. p{
  282. text-indent: 15px;
  283. }
  284.  
  285. p::first-letter{
  286. color: #FF8560;
  287. font-weight: bold;
  288. font-style: italic;
  289. }
  290.  
  291. a{
  292. font-family: 'hind guntur';
  293. color: #900;
  294. text-transform: uppercase;
  295. text-decoration: underline;
  296. transition: .4s linear;
  297. }
  298.  
  299. a:hover{
  300. color: #fff;
  301. transition: .4s linear;
  302. }
  303.  
  304.  
  305. </style>
  306.  
  307.  
  308. <div id="name">
  309. saeyoung choi / 707 / luciel - the genius!
  310. </div>
  311.  
  312. <div id="quote">
  313. "Special agent hacker, god seven zero seven!"
  314. </div>
  315.  
  316.  
  317.  
  318. <div class="mp" title="Mysterious Messenger.">
  319. ► <div class="mpc"><audio controls loop><source src="https://my.mixtape.moe/hfiucz.mp3"></audio></div>
  320. </div>
  321.  
  322.  
  323.  
  324. <div id="clear"><a href="#">X</a></div>
  325.  
  326.  
  327.  
  328. <div class="tabbed" id="1">
  329. <div class="text">
  330.  
  331. <h1>A Quiet Fascade.</h1>
  332. <br>
  333. Stat. <font style="float:right; font-weight: bold;">Info.</font><br>
  334. Stat. <font style="float:right; font-weight: bold;">Info.</font><br>
  335. Stat. <font style="float:right; font-weight: bold;">Info.</font><br>
  336. Stat. <font style="float:right; font-weight: bold;">Info.</font><br>
  337. Stat. <font style="float:right; font-weight: bold;">Info.</font><br>
  338. Stat. <font style="float:right; font-weight: bold;">Info.</font><br>
  339. Stat. <font style="float:right; font-weight: bold;">Info.</font><br>
  340. Stat. <font style="float:right; font-weight: bold;">Info.</font><br>
  341. Stat. <font style="float:right; font-weight: bold;">Info.</font><br>
  342. </div>
  343. </div>
  344.  
  345. <div class="tabbed" id="2">
  346. <div class="text">
  347.  
  348. <h1>More Than Just An Agent.</h1>
  349. <br>
  350. <p>Chocolate bear claw sweet roll sweet roll macaroon apple pie topping. Caramels powder biscuit danish dessert. Chupa chups pastry halvah bear claw dragée liquorice pastry cake lemon drops. Donut powder gummi bears chocolate bar liquorice tart muffin topping. Muffin toffee topping fruitcake. Sugar plum icing jujubes ice cream jelly beans jelly beans fruitcake sesame snaps. Liquorice chocolate cake dessert muffin danish pudding tootsie roll. Sugar plum marzipan wafer cotton candy. Chocolate cake tiramisu ice cream biscuit cookie tootsie roll tootsie roll. Carrot cake sugar plum bonbon cake tiramisu chocolate bar candy canes jelly beans. Tootsie roll lollipop pastry oat cake. Candy canes tart biscuit pastry.
  351. </p>
  352.  
  353.  
  354.  
  355. </div>
  356. </div>
  357.  
  358. <div class="tabbed" id="3">
  359. <div class="text">
  360.  
  361. <h1>Connections Are Temporary.</h1>
  362. <br>
  363. <p><p style="padding-bottom: 4px";><a target="_blank" href="https://roleplay.chat/profile.php?user=Kanami" target="_blank" title="Kana-chan! Here, kitty kitty.~"><img src="http://i.imgur.com/yltgyeb.png" align="left" height="50" width="50" border="1px solid #000"></a></div>
  364.  
  365.  
  366.  
  367. </div>
  368. </div>
  369.  
  370. <div class="tabbed" id="4">
  371. <div class="text">
  372.  
  373. <h1>Out of Time.</h1>
  374. <br>
  375. <p><b>Profile credit goes to the lovely Juice. Edits and design done by kitty Kana-chan!</b></p>
  376. <p>o1. This is your ooc. Fill it out how you like!</p>
  377.  
  378.  
  379. </div>
  380. </div>
  381.  
  382.  
  383.  
  384. <div id="con">
  385. <a href="#1"><div class="pic-con" style="background-image: url('https://media.tenor.co/images/78abb440a48d8790bfe0a0894f30b42e/tenor.gif');"></div></a>
  386. <a href="#2"><div class="pic-con" style="background-image: url('http://pa1.narvii.com/6215/2a18ce61738724cd3f13eb0654f907fb4a586d05_hq.gif');"></div></a>
  387. <a href="#3"><div class="pic-con" style="background-image: url('http://pa1.narvii.com/6228/b2c4059dbd11daaa2dab15c1f4b91b0837323558_hq.gif');"></div></a>
  388. <a href="#4"><div class="pic-con" style="background-image: url('http://67.media.tumblr.com/fdccdb10d23a74033dc63d84ade2d073/tumblr_ocr2baMQSS1qctn2ko2_500.gif');"></div></a>
  389. </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!