owltrash

principal nezu's (slightly less lazy) profile

Sep 1st, 2018
166
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.42 KB | None | 0 0
  1. <style type="text/css">
  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: #f5dcc1; /*--- 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: #f5e8da; /*--- 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/CA9gEMs.jpg'); /*-- 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: #f5e8da; /*--- 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 #f5dcc1; /*--- 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. </style>
  179. <div class="border-name"></div>
  180.  
  181. <div class="name">根津</div>
  182.  
  183. <div class="icon"></div>
  184.  
  185. <div class="stat-con">
  186.  
  187. <div class="stat-block">
  188. <div class="stat-top"> name </div>
  189. <div class="stat-bottom"> nezu, mr. principal </div>
  190. </div>
  191.  
  192. <div class="stat-block">
  193. <div class="stat-top"> quirk </div>
  194. <div class="stat-bottom"> high spec </div>
  195. </div>
  196.  
  197. <div class="stat-block">
  198. <div class="stat-top"> species </div>
  199. <div class="stat-bottom"> ??? </div>
  200. </div>
  201.  
  202. <div class="stat-block">
  203. <div class="stat-top"> height </div>
  204. <div class="stat-bottom"> 85 cm (2'9) </div>
  205. </div>
  206.  
  207. <div class="stat-block">
  208. <div class="stat-top"> birthplace </div>
  209. <div class="stat-bottom"> tokyo, japan </div>
  210. </div>
  211.  
  212. <div class="stat-block">
  213. <div class="stat-top"> affiliation </div>
  214. <div class="stat-bottom"> u.a. high school </div>
  215. </div>
  216.  
  217. <div class="stat-block">
  218. <div class="stat-top"> origin </div>
  219. <div class="stat-bottom"> my hero academia </div>
  220. </div>
  221. </div>
  222.  
  223. <div class="main-text">
  224. <div class="text">
  225. <center>hello<i>!</i> this is <a target="_blank" href="http://bokunoheroacademia.wikia.com/wiki/Nezu"><font color="#aaa">principal nezu</font></a> from
  226. boku no hero academia<i>!</i>
  227.  
  228. <br><br>
  229. i am pm- and doubles-friendly, but i prefer to save pms for ooc things and bnha rooms for rp.
  230. <br>this is an alt, so please feel free to mail me<i>!</i>
  231.  
  232. <br>
  233. <br>
  234. <br>
  235.  
  236. <a target="_blank" href="LINK"><img src="IMAGE" width="100" height="100" title="" alt=""></a>
  237.  
  238. <a target="_blank" href="LINK"><img src="IMAGE" width="100" height="100" title="" alt=""></a>
  239.  
  240. </div>
  241. </div>
  242.  
  243.  
  244. <div class="credit" title="Profile by 100% Juice">@</div>
Advertisement
Add Comment
Please, Sign In to add comment