Advertisement
xorat

[CSS] Harry Dean White

Apr 25th, 2019
120
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.02 KB | None | 0 0
  1. background-color: #f3f3f3;}
  2. *{cursor:url(https://i.postimg.cc/dQzW1Jx5/Blackcursor.png),auto}
  3. body{margin:0;font-family:'Roboto',sans-serif}
  4. /** CSS By Austin (638877683) **/
  5. body {
  6. color: #000;
  7. font: normal normal 10px 'Lato';
  8. letter-spacing: 1px;
  9. }
  10.  
  11. * {
  12. user-select: none;
  13. --accent: #b1b6b9;
  14. }
  15.  
  16. .container {
  17. margin: 0 auto;
  18. width: 400px;
  19. height: auto;
  20. }
  21.  
  22. .top {
  23. width: 100%;
  24. display: flex;
  25. }
  26.  
  27. .topleft,
  28. .topright {
  29. background-color: white;
  30. padding: 10px;
  31. margin-top: 10px;
  32. border-bottom: 1px solid #e1e1e1;
  33. width: 170px;
  34. height: 170px;
  35. display: inline-block;
  36. overflow: hidden;
  37. text-align: center;
  38. }
  39.  
  40. .topright {
  41. margin-left: 20px;
  42. }
  43.  
  44. .topright img {
  45. width: calc(100% - 20px);
  46. height: calc(100% - 20px);
  47. padding: 10px;
  48. }
  49.  
  50. h1 {
  51. text-transform: uppercase;
  52. font-size: 11px;
  53. font-weight: 600;
  54. letter-spacing: 3px;
  55. text-align: center;
  56. padding: 17px 0px;
  57. margin-top: 10px;
  58. background-color: rgba(0, 0, 0, 0.85);
  59. color: #fff;
  60. border-bottom: 1px solid #e1e1e1;
  61. }
  62.  
  63. h2 {
  64. text-transform: uppercase;
  65. font-size: 9px;
  66. font-weight: 900;
  67. letter-spacing: 2px;
  68. text-align: center;
  69. }
  70.  
  71. .topleft span:nth-child(even) {
  72. color: var(--accent);
  73. text-transform: uppercase;
  74. font-size: 8px;
  75. display: block;
  76. font-weight: 700;
  77. line-height: 18px;
  78. }
  79.  
  80. .topleft span:nth-child(odd) {
  81. font-weight: 300;
  82. font-size: 10px;
  83. line-height: 18px;
  84. }
  85.  
  86. .midlinks {
  87. display: block;
  88. background-color: #fff;
  89. margin-top: 15px;
  90. border-bottom: 1px solid #ddd;
  91. padding: 10px;
  92. text-align: center;
  93. }
  94.  
  95. .midlinks a {
  96. display: inline-block;
  97. width: 80px;
  98. text-transform: uppercase;
  99. font-size: 9px;
  100. border: none;
  101. letter-spacing: 2px;
  102. font-weight: 300;
  103. }
  104.  
  105. a,
  106. a:visited {
  107. color: #000;
  108. /*border-bottom: 1px solid var(--accent);*/
  109. text-decoration: none;
  110. }
  111.  
  112. .bio {
  113. display: block;
  114. padding: 25px;
  115. background-color: #fff;
  116. border-bottom: 1px solid #ddd;
  117. margin-top: 15px;
  118. font-weight: 300;
  119. font-size: 11px;
  120. line-height: 20px;
  121. }
  122.  
  123. .bio h1 {
  124. text-align: center;
  125. background-color: #fff;
  126. color: #000;
  127. border: none;
  128. padding: 10px 0px;
  129. font-weight: bold;
  130. text-transform: uppercase;
  131. font-size: 11px;
  132. font-weight: 900;
  133. letter-spacing: 2px;
  134. }
  135.  
  136. .bio h1:after {
  137. content: '';
  138. position: absolute;
  139. height: 3px;
  140. width: 30px;
  141. left: 50%;
  142. margin-top: 20px;
  143. margin-left: -15px;
  144. background-color: var(--accent);
  145. }
  146. a:hover{cursor: url('https://i.postimg.cc/jShvZPd1/pointer.png') ,auto}}#nowaymenu{position:absolute}#nowaymenu{bottom:0;}
  147. {;
  148.  
  149. [font:Lato]
  150. <div class="container">
  151. <h1>Meet Daddy.</h1>
  152. <div class="top">
  153. <div class="topleft">
  154. <h2>Basics</h2>
  155. <span>Name</span>
  156. <span>Dead</span>
  157.  
  158. <span>Age</span>
  159. <span>XVII</span>
  160.  
  161. <span>Sign</span>
  162. <span>Cancer</span>
  163.  
  164. <span>From</span>
  165. <span>Whoknowss</span>
  166. </div>
  167. <div class="topright">
  168. <img src="http://u.cubeupload.com/Xoratz/G2Q3wzk.jpg" />
  169. </div>
  170. </div>
  171.  
  172. <div class="midlinks">
  173. <a href="https://xat.com/Hablar">home</a>
  174. <a href="https://discordapp.com/users/222770959927476224">discord</a>
  175. </div>
  176. <div class="bio">
  177. <h1>SWMRS ยท Harry Dean</h1>
  178. [youtube:350:197:i-BkNKc9-A8:autoplay=1&playlist=57nMDiqHwYA&loop=1&showinfo=0&rel=0&modestbranding=1]
  179. </div>
  180. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement