usmcsnipes

Buycraft CSS

May 21st, 2013
249
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.73 KB | None | 0 0
  1. body {
  2. background: url('http://i.imgur.com/p30iY.jpg');
  3. background-size: 1920px 1080px;
  4. background-repeat: no-repeat;
  5. overflow: hidden;
  6. }
  7. .container {
  8. background-color: transparent;
  9. border-color: transparent;
  10. *zoom: 1;
  11. margin-bottom: 1000px;
  12. }
  13. .container:hover {
  14. cursor: default;
  15. }
  16. .navbar {
  17. border-radius: 5px;
  18. box-shadow: 2px 2px 5px #222;
  19. -webkit-box-shadow: 2px 2px 5px #222;
  20. -moz-box-shadow: 2px 2px 5px #222;
  21. -o-box-shadow: 2px 2px 5px #222;
  22. }
  23. .navbar .nav > .active > a {
  24. color: #21B905;
  25. background-image: -webkit-linear-gradient(top, #0C9452, #0C9452);
  26. }
  27. .navbar .nav > .active > a:hover {
  28. color: #FFFFFF;
  29. }
  30. .navbar-inner {
  31. color: #FFFFFF;
  32. border: 0px;
  33. background-color: #0C9452;
  34. background-image: -moz-linear-gradient(top, #0C9452, #4A2BE6);
  35. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0C9452), to(#4A2BE6));
  36. background-image: -webkit-linear-gradient(top, #0C9452, #4A2BE6);
  37. background-image: -o-linear-gradient(top, #0C9452, #4A2BE6);
  38. background-image: linear-gradient(to bottom, #0C9452, #4A2BE6);
  39. background-repeat: repeat-x;
  40. }
  41. .navbar .nav > li > a, .navbar .nav > li > a:focus {
  42. color: #FFFFFF;
  43. text-shadow: 0 1px 0 black;
  44. font-weight: bold;
  45. }
  46. .navbar .nav > li > a:hover {
  47. color: #21B905;
  48. }
  49. .navbar .nav li.dropdown.open > .dropdown-toggle {
  50. color: #21B905;
  51. background-color: rgba(255, 255, 255, 0);
  52. background-image: -webkit-linear-gradient(top, rgba(245, 100, 33, 0), #962A00);
  53. background-image: -o-linear-gradient(top, rgba(245, 100, 33, 0), #962A00);
  54. background-image: -moz-linear-gradient(top, rgba(245, 100, 33, 0), #962A00);
  55. background-image: linear-gradient(to bottom, rgba(245, 100, 33, 0), #962A00);
  56. }
  57. .open > .dropdown-menu {
  58. font-weight: bold;
  59. background-image: -webkit-linear-gradient(top, #FD7F0A, #8D0000);
  60. background-image: -o-linear-gradient(top, #FD7F0A, #8D0000);
  61. background-image: -moz-linear-gradient(top, #FD7F0A, #8D0000);
  62. background-image: linear-gradient(to bottom, #FD7F0A, #8D0000);
  63. }
  64. .dropdown-menu li > a {
  65. font-weight: bold;
  66. color: #21B905;
  67. text-shadow: 0 1px 0 black;
  68. }
  69. .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-menu .active > a, .dropdown-menu .active > a:hover, .dropdown-menu .active > a:focus {
  70. background-color: rgba(0, 129, 194, 0);
  71. background-image: -webkit-linear-gradient(top, rgba(255, 155, 5, 0), rgba(255, 255, 255, 0.46));
  72. background-image: -o-linear-gradient(top, rgba(255, 155, 5, 0), rgba(255, 255, 255, 0.46));
  73. background-image: linear-gradient(to bottom, rgba(255, 155, 5, 0), rgba(255, 255, 255, 0.46));
  74. }
  75. .box-container .header {
  76. background-image: url('http://images4.wikia.nocookie.net/__cb20110518144204/mirekserver/images/5/50/Wiki-background');
  77. color: #5FEC00;
  78. border: none;
  79. background-color: transparent;
  80. border-top-left-radius: 0px;
  81. border-top-right-radius: 0px;
  82. -webkit-border-radius-topright: 0px;
  83. -webkit-border-radius-topleft: 0px;
  84. -moz-border-radius-topright: 0px;
  85. -moz-border-radius-topleft: 0px;
  86. height: 20px;
  87. padding-top: 10px;
  88. padding-bottom: 10px;
  89. font-family: Arial;
  90. text-shadow: 1px 2px #282828;
  91. font-size: 17pt;
  92. border-bottom-left-radius: 14px;
  93. border-top-right-radius: 14px;
  94. box-shadow: 2px 2px 5px #222;
  95. -webkit-box-shadow: 2px 2px 5px #222;
  96. -moz-box-shadow: 2px 2px 5px #222;
  97. -o-box-shadow: 2px 2px 5px #222;
  98. }
  99. .box-container .content {
  100. margin-top: 5px;
  101. border-top-left-radius: 14px;
  102. border-top-right-radius: 0px;
  103. border-bottom-left-radius: 0px;
  104. border-bottom-right-radius: 14px;
  105. box-shadow: 2px 2px 5px #222;
  106. -webkit-box-shadow: 2px 2px 5px #222;
  107. -moz-box-shadow: 2px 2px 5px #222;
  108. -o-box-shadow: 2px 2px 5px #222;
  109. }
  110. .box-container .empty-header {
  111. background-color: rgba(255, 255, 255, 0);
  112. border: 0px;
  113. height: 0px;
  114. }
  115. .box-container .header.separator {
  116. padding-bottom: 10px;
  117. padding-top: 10px;
  118. font-size: 18px;
  119. border-radius: 9px;
  120. -webkit-border-radius: 9px;
  121. }
  122. .box-container .content.square {
  123. border-radius: 9px;
  124. -webkit-border-radius: 9px;
  125. margin-top: 3px;
  126. margin-bottom: 10px;
  127. }
  128. form {
  129. margin: 0 0 5px;
  130. }
  131. .header {
  132. height: 117px;
  133. }
  134. .header .logo {
  135. background: url('http://i.imgur.com/xGrjEdf.png');
  136. width: 500px;
  137. height: 110px;
  138. background-size: 500px 110px;
  139. background-repeat: no-repeat;
  140. float: left;
  141. position: relative;
  142. }
  143. .header .logo span {
  144. opacity: 0;
  145. font-color: 000000;
  146. font-size: 0;
  147. }
  148. em {
  149. color: red;
  150. font-weight: bold;
  151. font-style: normal;
  152. }
  153. /*Spinny Heads*/
  154. .image {
  155. display: block;
  156. text-decoration: none;
  157. -webkit-transition: .2s all ease-in-out;
  158. -moz-transition: .2s all ease-in-out;
  159. -o-transition: .2s all ease-in-out;
  160. transition: .2s all ease-in-out;
  161. }
  162. .image:hover {
  163. transform: scale(1.25);
  164. -webkit-transform: scale(1.25);
  165. -moz-transform: scale(1.25);
  166. -o-transform: scale(1.25);
  167. box-shadow: 2px 2px 5px;
  168. -webkit-box-shadow: 2px 2px 5px;
  169. -moz-box-shadow: 2px 2px 5px;
  170. -o-box-shadow: 2px 2px 5px;
  171. .image:focus {
  172. transform: scale(1);
  173. -webkit-transform: scale(1);
  174. -moz-transform: scale(1);
  175. -o-transform: scale(1);
  176. box-shadow: 0px 0px;
  177. -webkit-box-shadow: 0px 0px;
  178. -moz-box-shadow: 0px 0px;
  179. -o-box-shadow: 0px 0px;
  180. }
  181. .recent-donator .name {
  182. color: #6CF;
  183. transition: text-shadow 0.5s;
  184. -webkit-transition: text-shadow 0.5s;
  185. }
  186. .recent-donator .name:hover {
  187. cursor: default;
  188. text-shadow: 0px 0px 5px #00FFD6;
  189. }
Advertisement
Add Comment
Please, Sign In to add comment