Advertisement
Guest User

Untitled

a guest
Feb 27th, 2017
73
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.36 KB | None | 0 0
  1. #profile-container {
  2. background: none;
  3. height:2000px;
  4. width: 2000px;
  5. }
  6.  
  7. body {
  8. background-color:#000;
  9. }
  10.  
  11. body,
  12. a:hover {
  13. cursor: url(http://31.media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), progress !important;
  14. }
  15.  
  16. @font-face {
  17. font-family: text;
  18. src: url(https://dl.dropbox.com/s/jwlxft6wualrnqw/Quicksand-Regular.ttf?dl=0);
  19. }
  20.  
  21.  
  22.  
  23. .Words {
  24. position: absolute;
  25. left: -170px;
  26. top: 0px;
  27. width: 700px;
  28. height: 355px;
  29. overflow: auto;
  30. z-index: 10;
  31. font-family: Copperplate;
  32. font-size: 20px;
  33. color: #FFAA44;
  34. text-shadow: 0 0 30px #000, 0 0 30px #FF0000, 3px 3px 0 #000;}
  35.  
  36. .Pic {
  37. z-index: 10;
  38. position: absolute;
  39. top: 110px;
  40. left: 105px;
  41. background: url(https://68.media.tumblr.com/3d4744692c32a5fcf3a969a87eeeb87e/tumblr_nmwtaecaD01u753kro1_500.gif);
  42. background-size: cover;
  43. background-position:center;
  44. width: 820px;
  45. height: 100px;
  46. padding: 5px;
  47. color: #1b1b1b;
  48. opacity:0.5;
  49. }
  50.  
  51. .Staff1 {
  52. z-index: 100;
  53. position: absolute;
  54. top: 10px;
  55. left: 105px;
  56. background: url(http://38.media.tumblr.com/453547dfc558f989f46e509a1107a5e7/tumblr_nb7gn90Vkg1rftd23o1_250.gif);
  57. background-size: cover;
  58. background-position:center;
  59. width: 150px;
  60. height: 150px;
  61. border-radius:150px;
  62. padding: 5px;
  63. color: #1b1b1b;
  64. }
  65. .Staff2 {
  66. z-index: 10;
  67. position: absolute;
  68. top: 10px;
  69. left: 370px;
  70. background: url(http://i.picpar.com/eanb.gif);
  71. background-size: cover;
  72. background-position:center;
  73. width: 150px;
  74. height: 150px;
  75. border-radius:150px;
  76. padding: 5px;
  77. color: #1b1b1b;
  78. }
  79. .Staff3 {
  80. z-index: 10;
  81. position: absolute;
  82. top: 10px;
  83. left: 650px;
  84. background: url(https://38.media.tumblr.com/0877452ff69e6b61718cf24e0e71bbd8/tumblr_n02yyz130a1qlyfm1o2_250.gif);
  85. background-size: cover;
  86. background-position:center;
  87. width: 150px;
  88. height: 150px;
  89. border-radius:150px;
  90. padding: 5px;
  91. color: #1b1b1b;
  92. }
  93.  
  94. .StaffText {
  95. z-index: 10;
  96. position: absolute;
  97. top: 350px;
  98. left: 175px;
  99. width: 350px;
  100. height: 350px;
  101. padding: 5px;
  102. }
  103.  
  104. .Box2 {
  105. z-index: 9;
  106. position: absolute;
  107. top: 0px;
  108. left: 0px;
  109. background-image: url(http://data.whicdn.com/images/19409036/original.jpg);
  110. background-size:cover;
  111. width: 100vw;
  112. height:100vh;
  113. padding: 0px;
  114. }
  115.  
  116. .Box1 {
  117. z-index: 9;
  118. position: absolute;
  119. top: 70px;
  120. left: 20px;
  121. background: #996633;
  122. background-image: url(http://static.tumblr.com/owybrrj/b7pmnqx7c/tumblr_mcm703y1i51rn459uo1_500.gif);
  123. background-position:center;
  124. background-size:cover;
  125. width: 970px;
  126. height: 445px;
  127. padding: 5px;
  128. border-radius:30px;
  129. }
  130.  
  131.  
  132. .tabs {
  133. position: absolute;
  134. margin: 25px 0px;
  135. }
  136.  
  137. .tab label {
  138. top: 5px;
  139. left: 350px;
  140. float: right;
  141. height: 15px;
  142. margin-left: 13px;
  143. border: 3px solid #000;
  144. background: #330000;
  145. width: 100px;
  146. padding: 2px;
  147. position: relative;
  148. color: #FFCC33;
  149. text-align: center;
  150. font-family: text;
  151. font-size: 14px;
  152. z-index: 400;
  153. -webkit-transition: all .5s ease;
  154. }
  155.  
  156. table,
  157. th,
  158. td {
  159. font-family: text;
  160. }
  161.  
  162. .tab label:hover {
  163. color: #FFF;
  164. border-color: #FFF;
  165. }
  166.  
  167. .tab [type=radio] {
  168. display: none;
  169. }
  170.  
  171. .content {
  172. position: absolute;
  173. top: 148px;
  174. left: 75px;
  175. width: 865px;
  176. height: 265px;
  177. background: #100;
  178. padding: 10px;
  179. font-size: 15px;
  180. color: #FFCC44;
  181. font-family: text;
  182. font-size: 12px;
  183. overflow: auto;
  184. z-index: 20;
  185. border-radius:30px;
  186. box-shadow: 0 0 10px #300, 0 0 1px #300;
  187. }
  188.  
  189. [type=radio]:checked ~ label {
  190. color: #FFF;
  191. border-color: #bfbfbf;
  192. }
  193.  
  194. [type=radio]:checked ~ label ~ .content {
  195. z-index: 30;
  196. }
  197.  
  198. ::-webkit-scrollbar {
  199. width: 10px;
  200. height: 1px;
  201. }
  202.  
  203. ::-webkit-scrollbar-thumb {
  204. -webkit-box-shadow: inset 0 0 6px #000;
  205. }
  206.  
  207. ::-webkit-scrollbar-track {
  208. -webkit-box-shadow: inset 0 0 6px #111;
  209. }
  210.  
  211. a:link,
  212. a:visited,
  213. a:active {
  214. text-decoration: none;
  215. color: #1b1b1b;
  216. -webkit-transition: all .5s ease;
  217. }
  218.  
  219. a:hover {
  220. color: #4f4f4f;
  221. -webkit-transition: all .5s ease;
  222. }
  223.  
  224. .Credit {
  225. position: fixed;
  226. right: 50px;
  227. top: 50px;
  228. width: 20px;
  229. height: 20px;
  230. border-radius: 20px;
  231. border-color: #fff;
  232. border-style: dotted;
  233. border-width: 2px;
  234. background: #000;
  235. -webkit-transition: all 1s ease;
  236. .Credit:hover {
  237. background: #fff;
  238. border-color: #000;
  239. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement