Advertisement
Deanmon

Gabe CSS

Feb 18th, 2015
213
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.59 KB | None | 0 0
  1. body { background:none; }
  2. #profile-container { width:750px;background:#333; }
  3. .pfor{display:none;}
  4. #profile{border:none; background:none;}
  5. #profile-container { width:750px;background-color:transparent; }
  6.  
  7. body{
  8. background-image:url('http://th05.deviantart.net/fs70/PRE/i/2012/091/3/e/a_trick_of_light___gabriel_by_lasse17-d4ulfo3.png');
  9. background-repeat:no-repeat;
  10. background-size:100%;
  11. background-position:bottom right;
  12. background-color:#000;
  13. }
  14.  
  15. *{cursor:
  16. url('https://31.media.tumblr.com/a12089bcc6148c225c183c1780b97a20/tumblr_inline_n6xt49PcC71s6kc9l.png'),
  17. default;}
  18.  
  19. #bod{
  20. position: absolute;
  21. top: 100px;
  22. left: 200px;
  23. padding: 16px;
  24. background-color: #000;
  25. border-left: 6px solid #EAC117;
  26. z-index: 2;
  27. }
  28.  
  29. #fade {
  30. position: absolute;
  31. top: 325px;
  32. left: 255px;
  33. padding: 6px;
  34. width: 270px;
  35. background-color: #090909;
  36. opacity: 1;
  37. color: #ccc;
  38. font-family: consolas;
  39. font-variant: small-caps;
  40. font-size: 10px;
  41. text-align: center;
  42. border: 4px double #E9AB17;
  43. -webkit-transition: all 0.8s ease-in-out;
  44. -moz-transition: all 0.8s ease-in-out;
  45. -o-transition: all 0.8s ease-in-out;
  46. z-index: 2
  47. }
  48.  
  49. #fade:hover {
  50. opacity: 1;;
  51. color: fff;
  52. border: 4px double #000;
  53. -webkit-transition: all 0.8s ease-in-out;
  54. -moz-transition: all 0.8s ease-in-out;
  55. -o-transition: all 0.8s ease-in-out;
  56. z-index: 2
  57. }
  58.  
  59. #shift {
  60. position: absolute;
  61. top: 100px;
  62. left: 444px;
  63. width: 130px;
  64. height: 220px;
  65. border-right: 20px solid #E8A317;
  66. padding: 10px;
  67. background-color: #111111;
  68. overflow: auto;
  69. text-align: left;
  70. color: #fff;
  71. font-family: consolas;
  72. text-transform: uppercase;
  73. font-size: 8px;
  74. overflow: auto;
  75. -webkit-transition: all 0.9s ease-in-out;
  76. -moz-transition: all 0.9s ease-in-out;
  77. -o-transition: all 0.9s ease-in-out;
  78. z-index: 0;
  79. opacity: 1;
  80. }
  81.  
  82. #shift:hover {
  83. left: 595px;
  84. color: #fff;
  85. border-right: 20px solid #000;
  86. -webkit-transition: all 0.9s ease-in-out;
  87. -moz-transition: all 0.9s ease-in-out;
  88. -o-transition: all 0.9s ease-in-out;
  89. }
  90.  
  91. #shift p{
  92. padding: 8px;
  93. border-top: 2px dotted #EEAD0E;
  94. margin-top: 8px;
  95. margin-bottom: 8px;
  96. margin-right:4px;
  97. margin-left:4px;
  98. color: #ccc;
  99. font-family: consolas;
  100. text-transform: uppercase;
  101. font-size: 8px;
  102. }
  103.  
  104. #shift h1{
  105. padding: 8px;
  106. margin-top: 4px;
  107. margin-bottom: 4px;
  108. margin-right:4px;
  109. margin-left:4px;
  110. color:#FFB90F;
  111. font-family: courier new;
  112. text-transform: uppercase;
  113. font-size: 10px;
  114. text-align: right;
  115. }
  116.  
  117. #links {
  118. position: absolute;
  119. left: 350px;
  120. top: 98px;
  121. z-index: 2;
  122. }
  123.  
  124. a.likz {
  125. display: inline-block;
  126. text-decoration: none;
  127. width: 80px;
  128. text-align: center;
  129. margin-left: 1px;
  130. margin-right: 1px;
  131. font-family: times;
  132. text-transform: uppercase;
  133. font-style: none;
  134. font-size: 6px;
  135. color: gold;
  136. padding: 2px;
  137. opacity: 1;
  138. letter-spacing: 1px;
  139. background-color: #111111;
  140. -webkit-transition: all 0.8s ease-in-out;
  141. -moz-transition: all 0.8s ease-in-out;
  142. -o-transition: all 0.8s ease-in-out;
  143.  
  144. }
  145. a.likz:hover {
  146. color: #000;
  147. -webkit-transition: all 0.8s ease-in-out;
  148. -moz-transition: all 0.8s ease-in-out;
  149. -o-transition: all 0.8s ease-in-out;
  150. }
  151.  
  152. p.tabs {font: normal normal normal 10px/10px 'lucida console';color: #aaaaaa;margin: 10px;margin-top: 0px;padding: 5px;text-align: left;background-color: #0A0A0A;}
  153.  
  154. span.tabs {background-color: #000;padding-left: 2px;padding-right: 2px;}
  155.  
  156. strong {
  157. background-color: transparent;
  158. color: gold;
  159. font-size: 10;
  160. font-family: georgia;
  161. margin-top: -1px;
  162. text-align: right;
  163. text-shadow: #1F0606 0px 0px 5px;
  164. }
  165.  
  166. #stats {position: absolute;top: 95px;left: 317px;width: 235px;overflow: hidden;opacity: 5;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-ms-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;transition: all 0.8s ease-out;z-index: 5;}
  167.  
  168. p.tabs {font: normal normal normal 10px/10px 'lucida console';color: #aaaaaa;margin: 10px;margin-top: 0px;padding: 5px;text-align: left;background-color: #0A0A0A;}
  169.  
  170. span.tabs {background-color: #000;padding-left: 2px;padding-right: 2px;}
  171.  
  172. #logo {
  173.  
  174. top:500px;
  175. left:880px;
  176. height:70px;
  177. width:70px;
  178. position: absolute;
  179. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement