API tools faq
paste
owltrash

nejire/hadouken's profile

owltrash
Jan 27th, 2019
159
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.55 KB | None | 0 0
raw download clone embed print report
  1. <style>
  2. @import 'https://fonts.googleapis.com/css?family=Asap:400,400i,700,700i|Merriweather+Sans:300,400,400i,800i';
  3. .pfor {display: none;}
  4.  
  5. body{
  6. color: #fff;
  7. font-family: 'dosis', sans-serif;
  8. font-size: 9px;
  9. background: #fffcff; /*--- BACKGROUND ---*/
  10. }
  11.  
  12. body, a, a:hover {cursor: url(http://i.picpar.com/QaYb.png), auto;}
  13.  
  14. ::-webkit-scrollbar-thumb {
  15. min-height: 60px;
  16. width: 1px;
  17. background: transparent;
  18. }
  19.  
  20. ::-webkit-scrollbar {
  21. width: 1px;
  22. background: transparent;
  23. }
  24. ::selection {
  25. color: #fff;
  26. }
  27. ::-moz-selection {
  28. color: #fff;
  29. }
  30. /*--- CREDIT, PLEASE DON'T REMOVE HERE, OR ON THE PROFILE. ---*/
  31.  
  32. .credit{
  33. position: fixed;
  34. bottom: 0px;
  35. left: 0px;
  36. height: 25px;
  37. width: 25px;
  38. font-family: 'hind';
  39. font-size: 10px;
  40. color: #fffcff; /*--- Change to match color scheme. ---*/
  41. text-align: center;
  42. overflow: hidden;
  43. }
  44.  
  45.  
  46. /*-- NAME/TITLE --*/
  47.  
  48. .border-name{
  49. position: fixed; margin: auto;
  50. top: 0; bottom: 201; left: 0; right: 0;
  51. background: #9a81ad; /*--- CHANGE TO MATCH FONT COLOR ---*/
  52. height: 3px; width: 400px;
  53. }
  54. .name{
  55. position: fixed; margin: auto;
  56. top: 0; bottom: 245; left: 0; right: 0;
  57. height: 50px; width: 400px;
  58. font-family: helvetica;
  59. font-size: 50px;
  60. color: #dcc9eb; /*--- FONT COLOR, CHANGE TO MATCH BORDER-NAME BACKGROUND COLOR. ---*/
  61. font-weight: 900;
  62. font-style: italic;
  63. text-align: left;
  64. line-height: 50px;
  65. }
  66.  
  67. /*--- ICON ---*/
  68.  
  69. .icon{
  70. position: fixed; margin: auto;
  71. top: 0; bottom: 80; left: 0; right: 300;
  72. height: 100px; width: 100px;
  73.  
  74. background-image: url('https://i.imgur.com/Txdewyx.png'); /*-- ICON BACKGROUND IMAGE --*/
  75. background-repeat: no-repeat;
  76. background-position: center;
  77. }
  78. /*-- STATS --*/
  79.  
  80. .stat-con{
  81. position: fixed; margin: auto;
  82. top: 120; bottom: 0; left: 0; right: 300;
  83. height: 100px; width: 100px;
  84. }
  85.  
  86. .stat-block{
  87. display: block;
  88. height: 10px;
  89. width: 100px;
  90. margin-top: 2px;
  91. margin-bottom: 2px;
  92. overflow: hidden;
  93. }
  94.  
  95. .stat-top{
  96. display: block;
  97. margin-left: 0;
  98. opacity: 1;
  99. height: 10px; width: 100px;
  100. line-height: 10px;
  101. text-align: justify;
  102. text-indent: 2px;
  103. text-transform: uppercase;
  104. font-family: 'asap', sans-serif;
  105. font-size: 8px;
  106. color: #000000; /*--- STAT TOP FONT COLOR --*/
  107. background-color: #cbb7cf; /*--- STAT TOP BACKGROUND COLOR --*/
  108. z-index: 1;
  109. transition: .9s linear;
  110. }
  111. .stat-block:hover .stat-top{
  112. margin-left: -100px;
  113. opacity: 0;
  114. transition: .9s linear;
  115. }
  116. .stat-bottom{
  117. display: block;
  118. margin-top: 0px;
  119. opacity: 0;
  120. height: 10px; width: 100px;
  121. line-height: 10px;
  122. text-align: justify;
  123. text-indent: 2px;
  124. text-transform: uppercase;
  125. font-family: 'asap', sans-serif;
  126. font-size: 8px;
  127. color: #000000; /*--- STAT BOTTOM FONT COLOR --*/
  128. background-color: #fffcff; /*--- STAT BOTTOM BACKGROUND COLOR --*/
  129. z-index: 2;
  130. transition: .9s linear;
  131. }
  132. .stat-block:hover .stat-bottom{
  133. margin-top: -10px;
  134. opacity: 1;
  135. transition: .9s linear;
  136. transition-delay: .9s;
  137. }
  138.  
  139.  
  140.  
  141. /*--- BLOCK TEXT ---*/
  142.  
  143. .main-text{
  144. position: fixed; margin: auto;
  145. top: 20; bottom: 0; left: 110; right: 0;
  146. height: 200px; width: 285px;
  147. border-left: 3px solid #9a81ad; /*--- MATCH BORDER WITH NAME/TITLE COLORS ---*/
  148. overflow: hidden;
  149. }
  150.  
  151. .text{
  152. height: 180px;
  153. width: 265px;
  154. margin: 10px;
  155. text-align: justify;
  156. font-family: 'Merriweather Sans', sans-serif;
  157. font-size: 10px;
  158. line-height: 10px;
  159. font-weight: 100;
  160. color: #000000; /*--- BIG BOX TEXT COLOR ---*/
  161. overflow: auto;
  162. }
  163. .text-first-letter{
  164. float: left;
  165. height: 30px;
  166. background-color: #f7cdb4; /*--- FIRST LETTER BACKGROUND COLOR, MATCH TITLE COLOR. ---*/
  167. color: #fff; /*--- FIRST LETTER COLOR ---*/
  168. border: 3px double #fff; /*--- FIRST LETTER BORDER --*/
  169. margin-left: 5px;
  170. margin-right: 5px;
  171. padding: 5px;
  172. line-height: 30px;
  173. font-size: 20px;
  174. text-align: center;
  175. display: inline-flex;
  176. }
  177.  
  178. a:hover { cursor: url('https://i.imgur.com/kB7wThl.png'), default; }
  179.  
  180. </style>
  181. <body>
  182.  
  183. <div class="border-name"></div>
  184.  
  185. <div class="name">波動</div>
  186.  
  187. <div class="icon"></div>
  188.  
  189. <div class="stat-con">
  190.  
  191. <div class="stat-block">
  192. <div class="stat-top"> name </div>
  193. <div class="stat-bottom"> nejire hadou ! </div>
  194. </div>
  195.  
  196. <div class="stat-block">
  197. <div class="stat-top"> age </div>
  198. <div class="stat-bottom"> seventeen ! </div>
  199. </div>
  200.  
  201. <div class="stat-block">
  202. <div class="stat-top"> height </div>
  203. <div class="stat-bottom"> five-four and a half ! </div>
  204. </div>
  205.  
  206. <div class="stat-block">
  207. <div class="stat-top"> quirk </div>
  208. <div class="stat-bottom"> wave motion ! </div>
  209. </div>
  210.  
  211. <div class="stat-block">
  212. <div class="stat-top"> likes </div>
  213. <div class="stat-bottom"> lilies, jasmine tea ! </div>
  214. </div>
  215.  
  216. <div class="stat-block">
  217. <div class="stat-top"> affiliation </div>
  218. <div class="stat-bottom"> u.a., the big 3 ! </div>
  219. </div>
  220.  
  221. <div class="stat-block">
  222. <div class="stat-top"> status </div>
  223. <div class="stat-bottom"> very much alive ! </div>
  224. </div>
  225. </div>
  226.  
  227. <div class="main-text">
  228. <div class="text">
  229. <center>[ <i>hey, hey ! are you listening ?</i> ]
  230.  
  231. <br><br></center>
  232. <br>
  233. hi i am easily distracted, so i will go AFK a lot without warning ! i may miss stuff ! please don't think i am ignoring you !
  234.  
  235. <p>
  236. <center>
  237. <b> f r i e n d s </b>
  238. <br>
  239. <br>
  240. [ don't be scared ! i am very doubles-friendly ! ]
  241. <br>
  242. <br>
  243.  
  244. <a target="_blank" href="/profile.php?user=takoyaki"><img src="https://i.imgur.com/EFFnB8F.png" width="100" height="100" title="" alt=""></a>
  245.  
  246. <a target="_blank" href="/profile.php?user="><img src="https://i.imgur.com/ojaPcxA.png" width="100" height="100" title="" alt=""></a>
  247.  
  248. </div>
  249. </div>
  250.  
  251.  
  252. <div class="credit" title="Profile by 100% Juice">@</div>
  253.  
  254. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!