Advertisement
NaotoShirgone

Shaka Top part

Oct 18th, 2017
238
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.34 KB | None | 0 0
  1. #profile-container {
  2. background: none;
  3. }
  4.  
  5. body {
  6. background: #ccc;
  7. background-image:url(https://s-media-cache-ak0.pinimg.com/originals/d8/9c/05/d89c05208a34700beeaedc08c7474ba6.jpg);
  8. background-repeat:repeat;
  9. background-position:center;
  10. background-attachment: fixed;
  11. font: 11px arial;
  12. color: #000000;}
  13. }
  14.  
  15. body,
  16. a:hover {
  17. cursor: url(http://31.media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), progress !important;
  18. }
  19.  
  20. @font-face {
  21. font-family: Name;
  22. src: url(https://dl.dropbox.com/s/2hyxkli58yf612h/Debby.ttf?dl=0);
  23. }
  24.  
  25. @font-face {
  26. font-family: text;
  27. src: url(https://dl.dropbox.com/s/lejbvspe73o079n/OpenSans-CondLight.ttf?dl=0);
  28. }
  29.  
  30. .Name {
  31. Z-index: 5;
  32. position: absolute;
  33. top: -15px;
  34. left: 300px;
  35. width: 670px;
  36. height: 70px;
  37. font-family: Name;
  38. color: #fff;
  39. text-align: right;
  40. font-size: 60px;
  41. }
  42.  
  43. .Pic {
  44. z-index: 10;
  45. position: absolute;
  46. top: 110px;
  47. left: 330px;
  48. border: none;
  49. background-image: url(https://d.wattpad.com/story_parts/88/images/14d633b017b5ca4c966343448158.jpg);
  50. background-size: auto 100%;
  51. width: 250px;
  52. height: 370px;
  53. padding: 5px;
  54. color: #1b1b1b;
  55. }
  56. .Pictwo {
  57. z-index: 10;
  58. position: absolute;
  59. top: 110px;
  60. left: 1000px;
  61. border: none;
  62. background-image: url(https://cdn.discordapp.com/attachments/258769738887331840/369625439393546250/9eef5d163ebc532e583b837f44bb4b63.jpg);
  63. background-size: auto 100%;
  64. width: 250px;
  65. height: 370px;
  66. padding: 5px;
  67. color: #1b1b1b;
  68. }
  69.  
  70. .Box {
  71. z-index: 9;
  72. position: absolute;
  73. top: 100px;
  74. left: 310px;
  75. border: none;
  76. background: #666;
  77. box-shadow: 10px 10px 5px #222;
  78. width: 980px;
  79. height: 400px;
  80. }
  81.  
  82. table,
  83. th,
  84. td {
  85. font-family: text;
  86. }
  87.  
  88. td:nth-child(odd) {
  89. color: #888
  90. }
  91.  
  92. td:nth-child(even) {
  93. color: #cfcfcf
  94. }
  95.  
  96. .tabs {
  97. position: absolute;
  98. width: 5px;
  99. }
  100.  
  101. .tab label {
  102. top: 95px;
  103. left: 992px;
  104. float: right;
  105. height: 6px;
  106. margin-top: 10px;
  107. border: none;
  108. background: #333;
  109. border-radius: 50px;
  110. width: 5px;
  111. padding: 5px;
  112. position: relative;
  113. z-index: 400;
  114. -webkit-transition: all .5s ease;
  115. }
  116.  
  117. .tab label:hover {
  118. background: #111;
  119. box-shadow: 0 0 9px #000;
  120. }
  121.  
  122. .tab [type=radio] {
  123. display: none;
  124. }
  125.  
  126. .content {
  127. position: absolute;
  128. top: 110px;
  129. left: 600px;
  130. width: 360px;
  131. height: 360px;
  132. background: #444;
  133. padding: 10px;
  134. border: none font-size: 15px;
  135. color: #111;
  136. font-family: text;
  137. font-size: 16px;
  138. overflow: auto;
  139. z-index: 20;
  140. }
  141.  
  142. [type=radio]:checked ~ label {
  143. background: #333;
  144. }
  145.  
  146. [type=radio]:checked ~ label ~ .content {
  147. z-index: 30;
  148. }
  149.  
  150. ::-webkit-scrollbar {
  151. display: none;
  152. }
  153.  
  154. a:link,
  155. a:visited,
  156. a:active {
  157. text-decoration: none;
  158. color: #000;
  159. -webkit-transition: all .5s ease;
  160. }
  161.  
  162. a:hover {
  163. color: #444;
  164. -webkit-transition: all .5s ease;
  165. }
  166.  
  167. .Credit {
  168. position: fixed;
  169. right: 50px;
  170. bottom: 50px;
  171. width: 20px;
  172. height: 20px;
  173. border-radius: 20px;
  174. border-color: #fff;
  175. border-style: dotted;
  176. border-width: 2px;
  177. background: #000;
  178. -webkit-transition: all 1s ease;
  179. .Credit:hover {
  180. background: #fff;
  181. border-color: #000;
  182. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement