Advertisement
xariaaaa

about page

Nov 21st, 2017
187
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.03 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <title>TESTING 1 2 3</title>
  3. <style type="text/css">
  4. /* TUMBLR CONTROLS BY CYANTISIS */
  5.  
  6. iframe.tmblr-iframe {
  7. z-index: 99999999999999!important;
  8. top: 0!important;
  9. right: 0!important;
  10. opacity: 0.4;
  11. margin-top:-200px!important;
  12. filter: invert(1) contrast(150%);
  13. -webkit-filter: invert(1) contrast(150%);
  14. -o-filter: invert(1) contrast(150%);
  15. -moz-filter: invert(1) contrast(150%);
  16. -ms-filter: invert(1) contrast(150%);
  17. transform: scale(0.5);
  18. transform-origin: 100% 0;
  19. -webkit-transform: scale(.7);
  20. -webkit-transform-origin: 100% 0;
  21. -o-transform: scale(.7);
  22. -o-transform-origin: 100% 0;
  23. -moz-transform: scale(.7);
  24. -moz-transform-origin: 100% 0;
  25. -ms-transform: scale(.7);
  26. -ms-transform-origin: 100% 0;
  27. }
  28.  
  29. ::-webkit-scrollbar {
  30. width: 17px;
  31. height: 17px;
  32. background-color: #ffffff;
  33. }
  34.  
  35. ::-webkit-scrollbar-thumb {
  36. border: 8px solid #fff;
  37. background-color: #c6c6c6;
  38. min-height: 26px;
  39. }
  40.  
  41. body {
  42. background: #ffffff;
  43. color:#3a3a3a;
  44. }
  45.  
  46. a {
  47. text-decoration:none;
  48. color:#3a3a3a;
  49. }
  50.  
  51. @font-face{ font-family:"amarillo"; src: url('https://dl.dropboxusercontent.com/s/nlh2742zs6kut5d/AMARILLO.OT');}
  52.  
  53. .persname {
  54. margin-left: -5px;
  55. margin-top: -260px;
  56. width: 650px;
  57. height: 250px;
  58. padding: 5px;
  59. font-family: "amarillo";
  60. font-size: 65px;
  61. text-align: center;
  62. line-height: 250px;
  63. color: #dcdcdc;
  64. text-shadow: 0px 5px #fafafa;
  65. -webkit-transition: opacity 0.7s linear;
  66. -webkit-transition: all 0.7s ease-out;
  67. -moz-transition: all 0.7s ease-out;
  68. transition: all 0.7s ease-out;
  69. }
  70.  
  71. .persname:hover {
  72. opacity: 0;
  73. -webkit-transition: opacity 0.7s linear;
  74. -webkit-transition: all 0.7s ease-out;
  75. -moz-transition: all 0.7s ease-out;
  76. transition: all 0.7s ease-out;
  77. }
  78.  
  79. #persimg {
  80. width: 650px;
  81. height: 250px;
  82. margin-left: calc(28% - 10px);
  83. margin-top: 50px;
  84. padding: 5px;
  85. background: #fafafa;
  86. border-radius: 10px;
  87. }
  88.  
  89. #persimg img {
  90. border-radius: 5px;
  91. }
  92.  
  93. .persborder {
  94. height: 10px;
  95. width: auto;
  96. }
  97.  
  98. table {
  99. margin-top: 10px;
  100. height: auto;
  101. }
  102.  
  103. table td
  104. {
  105. vertical-align: top;
  106. }
  107.  
  108. .statss {
  109. height: auto;
  110. width: 150px;
  111. background: #fafafa;
  112. border-radius: 5px;
  113. font-family: "Calibri";
  114. font-size: 15px;
  115. line-height: 22px;
  116. text-transform: uppercase;
  117. font-weight: 800;
  118. padding: 5px;
  119. margin-right: 5px;
  120. margin-bottom: 5px;
  121. }
  122.  
  123. .statscont {
  124. height: auto;
  125. width: 155px;
  126. padding: 5px;
  127. background: #fafafa;
  128. border-radius: 5px;
  129. font-family: "Calibri";
  130. font-size: 10px;
  131. line-height: 22px;
  132. text-transform: none;
  133. font-weight: 100;
  134. text-align: right;
  135. }
  136.  
  137. #cont2 {
  138. margin-top: -1px;
  139. height: auto;
  140. width: 310px;
  141. padding: 5px;
  142. background: #fafafa;
  143. border-radius: 5px;
  144. font-family: "Calibri";
  145. font-size: 12px;
  146. text-align: justify;
  147. }
  148. </style>
  149. </head>
  150. <body>
  151.  
  152. <div id="persimg"><img src="http://placehold.it/650x250" />
  153. <div class="persname">
  154. Jeon Jungkook
  155. </div>
  156. </div>
  157.  
  158. <table style="margin-left: 27%;">
  159. <tr>
  160. <td>
  161. <table style="margin-top: -2px;">
  162. <tr>
  163. <td>
  164. <div class="statss">
  165. one<br />
  166. two<br />
  167. </div>
  168. </td>
  169.  
  170. <td>
  171. <div class="statscont">
  172. one<br />
  173. two<br />
  174. </div>
  175. </td>
  176. </tr>
  177.  
  178. <!-- To add more copy from here -->
  179. <tr>
  180. <td>
  181. <div class="statss">
  182. one<br />
  183. two<br />
  184. this<br />
  185. on<br />
  186. as<br />
  187. as<br />
  188. like
  189. </td>
  190.  
  191. <td>
  192. <div class="statscont">
  193. one<br />
  194. two<br />
  195. goes<br />
  196. for<br />
  197. long<br />
  198. you<br />
  199. okay?
  200. </div>
  201. </td>
  202. </tr>
  203. <!-- Up to here! -->
  204. </table>
  205. <td>
  206. <div id="cont2">
  207. Lorem ipsum dolor sit amet, mei at sonet malorum. His nibh habeo id, te nam dicat mentitum. Vim iudico postea et, mea et facer integre, in volutpat scripserit ius. At assum quaeque equidem vix. Iisque corpora democritum ad est, deserunt expetendis liberavisse qui te. Decore evertitur duo id, ne eum unum altera.
  208. <br />Ad illum pertinax consectetuer est. Sed dictas invenire ea, prima commodo alterum eos ex. Et vel meliore argumentum. Errem option consectetuer est an. Ut vidit omnis ius, ad pro primis labore docendi. Ius suas dicant docendi cu, ne pro semper platonem pertinacia. Mea et partem saperet efficiantur. Habemus reprehendunt id mea, nec ei corrumpit constituam. Ex repudiare adipiscing suscipiantur sit, mel vivendo scribentur te. Ex etiam tation vis, ea ius modo accommodare, vel ne idque disputationi. Eu facilisis disputando pro, ei omnes temporibus vis.
  209. <br />Mei id doming civibus. Erant zril albucius quo in, praesent dissentias mediocritatem eos id, enim everti no ius. Sale legere ea qui, no magna labore pri, accumsan repudiare ne sea. Offendit deseruisse vix ea, cu pri mandamus sadipscing intellegebat, vix no saepe offendit. An pri iusto euismod vivendum, at qui tale consulatu. Ut inciderint omittantur nec, an ius sensibus platonem. At congue iudicabit scribentur duo. No singulis delicata eum, ipsum adipiscing duo eu. Ut semper erroribus consequat usu. Cu diam nostro his, id sed diam indoctum, sea laudem docendi aliquando ea. Natum labitur inermis cu his.
  210. </div>
  211. </td>
  212. </tr>
  213. </table>
  214. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement