SHARE
TWEET

Dianthe

bythestars May 30th, 2019 58 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style>
  2. @import url('https://fonts.googleapis.com/css?family=Great Vibes|Major Mono Display|Montserrat');
  3.  
  4. #no {
  5. position: absolute;
  6. left: 0px;
  7. top: 0px;
  8. right: 0px;
  9. bottom: 0px;}
  10.  
  11. ::-webkit-scrollbar {
  12. width: 0px;}
  13.  
  14. ::-webkit-scrollbar-thumb {
  15. background: transparent;}
  16.  
  17. ::selection {
  18. color: #20181c;
  19. background: #bababa;}
  20.  
  21. body {
  22. background-color: #2c2126;
  23. cursor: url('https://78.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_540.png'), default;}
  24.  
  25. a {
  26. color: #bababa;
  27. text-decoration: underline;}
  28.  
  29. h2 {
  30. height: 15px;
  31. text-align: center;
  32. font-family: 'Great Vibes';
  33. color: #bababa;
  34. font-size: 40px;
  35. line-height: 16px;
  36. letter-spacing: 0px;
  37. text-transform: lowercase;
  38. margin-top: 5px;
  39. margin-bottom: 15px;
  40. border-top: 3px solid #20181c;
  41. border-bottom: 3px solid #20181c;
  42. text-shadow: 5px 0px 0px #20181c;}
  43.  
  44. .pic {
  45. position: absolute;
  46. height: 250px;
  47. width: 131px;
  48. background-image: url('http://i.picpar.com/rted.png');
  49. background-attachment: absolute;
  50. background-size: 100% 100%;
  51. bottom: 30px;
  52. left: 30px;
  53. border: 10px solid #2c2126;
  54. border-radius: 250px;
  55. filter: drop-shadow( 10px 0px 0px #20181c);}
  56.  
  57. .con {
  58. position: absolute;
  59. height: 300px;
  60. width: 470px;
  61. background-color: #20181c;
  62. padding: 10px;
  63. overflow: auto;
  64. bottom: 50%;
  65. left: 50%;
  66. margin-left: -250px;
  67. margin-bottom: -150px;
  68. border-radius: 10px 100px 10px 10px;}
  69.  
  70. .stats {
  71. position: absolute;
  72. height: 85px;
  73. width: 250px;
  74. background-color: #2c2126;
  75. padding: 10px;
  76. overflow: auto;
  77. top: 50px;
  78. left: 160px;}
  79.  
  80. .statsin {
  81. position: absolute;
  82. height: 85px;
  83. width: 220px;
  84. font-family: calibri;
  85. color: #bababa;
  86. font-size: 11px;
  87. letter-spacing: 0px;
  88. word-spacing: 3px;
  89. text-transform: none;
  90. background-color: transparent;
  91. padding: 10px;
  92. line-height: 10px;
  93. text-align: justify;
  94. overflow: auto;
  95. bottom: 0px;
  96. right: 0px;}
  97.  
  98. .statsin span {
  99. font-family: 'Major Mono Display';
  100. color: #bababa;
  101. font-size: 11px;
  102. letter-spacing: -2px;
  103. word-spacing: -2px;
  104. text-transform: lowercase;
  105. font-weight: bold;}
  106.  
  107. .box {
  108. position: absolute;
  109. height: 85px;
  110. width: 219px;
  111. font-family: calibri;
  112. color: #bababa;
  113. font-size: 11px;
  114. letter-spacing: 0px;
  115. word-spacing: 3px;
  116. text-transform: none;
  117. background-color: #2c2126;
  118. padding: 10px;
  119. line-height: 10px;
  120. text-align: justify;
  121. overflow: auto;
  122. bottom: 50%;
  123. left: 50%;
  124. margin-left: -59px;
  125. margin-bottom: -1000000px;
  126. opacity: 0;}
  127.  
  128. .box:target {
  129. bottom: 50%;
  130. left: 50%;
  131. margin-left: -59px;
  132. margin-bottom: 15px;
  133. opacity: 1;}
  134.  
  135. .ooc {
  136. position: absolute;
  137. height: 85px;
  138. width: 250px;
  139. background-color: #2c2126;
  140. padding: 10px;
  141. overflow: auto;
  142. bottom: 50px;
  143. left: 160px;}
  144.  
  145. .oocin {
  146. position: absolute;
  147. height: 85px;
  148. width: 220px;
  149. font-family: calibri;
  150. color: #bababa;
  151. font-size: 11px;
  152. letter-spacing: 0px;
  153. word-spacing: 3px;
  154. text-transform: none;
  155. background-color: transparent;
  156. padding: 10px;
  157. line-height: 10px;
  158. text-align: justify;
  159. overflow: auto;
  160. bottom: 0px;
  161. right: 0px;}
  162.  
  163. .oocin span {
  164. font-family: 'Major Mono Display';
  165. color: #bababa;
  166. font-size: 11px;
  167. letter-spacing: -2px;
  168. word-spacing: -2px;
  169. text-transform: lowercase;
  170. font-weight: bold;}
  171.  
  172. .navi {
  173. position: absolute;
  174. bottom: 50%;
  175. left: 50%;
  176. margin-left: -95px;
  177. margin-bottom: -130px;}
  178.  
  179. a.nav:link, a.nav:active, a.nav:visited{
  180. display: inline-block;
  181. width: 50px;
  182. height: 15px;
  183. background-color: #2c2126;
  184. letter-spacing: 1px;
  185. text-transform: lowercase;
  186. font-family: 'Montserrat';
  187. color: #bababa;
  188. font-size: 9px;
  189. letter-spacing: 3px;
  190. text-transform: none;
  191. text-decoration: none;
  192. font-weight: bold;
  193. text-align: center;
  194. line-height: 17px;
  195. padding: 3px;
  196. margin-left: 10px;}
  197.  
  198. .friend {
  199. display: inline-block;
  200. height: 40px;
  201. width: 40px;
  202. background-color: transparent;
  203. padding: 3px;
  204. margin-top: 0px;
  205. border: 2px solid #20181c;}
  206. </style>
  207.  
  208. <div id="no" oncontextmenu="return false;">
  209.  
  210. <div class="con">
  211. <div class="stats">
  212. <div class="statsin">
  213. <h2>Statistics</h2><p>
  214.  
  215. <font style=float:left><span>Stat:</span></font> <font style=float:right>Stat</font><br>
  216. </div>
  217. </div>
  218.  
  219. <div class="ooc">
  220. <div class="oocin">
  221. <h2>Ooc</h2><p>
  222.  
  223. <span>*</span> Code done by <a href="profile.php?user=Angst" target="_blank">Angst</a> for Dianthe only.<br><br>
  224. <span>O1.</span> Ooc shenanigans.
  225. </div>
  226. </div>
  227. <div class="pic"></div>
  228. </div>
  229.  
  230. <div class="navi">
  231. <a class="nav" href="#one">I.</a>
  232. <a class="nav" href="#two">II.</a>
  233. <a class="nav" href="#three">III.</a>
  234. <a class="nav" href="#four">IV.</a>
  235. </div>
  236.  
  237. <div id="one" class="box">
  238. <h2>Bla</h2>
  239.  
  240. Put whatever here.
  241. </div>
  242.  
  243. <div id="two" class="box">
  244. <h2>Bla 2</h2>
  245.  
  246. Put whatever here 2.
  247. </div>
  248.  
  249. <div id="three" class="box">
  250. <h2>Friends</h2>
  251.  
  252. <a href="profile.php?user=LINK HERE" target="_blank"><img src= "PIC HERE" class="friend"></a>
  253. <a href="profile.php?user=LINK HERE" target="_blank"><img src= "PIC HERE" class="friend"></a>
  254. <a href="profile.php?user=LINK HERE" target="_blank"><img src= "PIC HERE" class="friend"></a>
  255. <a href="profile.php?user=LINK HERE" target="_blank"><img src= "PIC HERE" class="friend"></a>
  256. </div>
RAW Paste Data
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
Top