Advertisement
Guest User

Help!

a guest
Sep 22nd, 2012
70
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.08 KB | None | 0 0
  1. html, body {
  2. margin: 0;
  3. padding: 0;
  4. height: 100%;
  5. }
  6.  
  7. body {
  8. background: #2a2725;
  9. color: #fff;
  10. font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
  11. font-size: 11pt;
  12. line-height: 20px;
  13. -webkit-font-smoothing: antialiased;
  14. }
  15.  
  16. @font-face {
  17. font-family: "TF2 Build";
  18. src: url('../images/fonts/tf2build-webfont.eot');
  19. src: url('../images/fonts/tf2build-webfont.eot?#iefix') format('embedded-opentype'), url('../images/fonts/tf2build-webfont.woff') format('woff'), url('../images/fonts/tf2build-webfont.ttf') format('truetype'), url('../images/fonts/tf2build-webfont.svg#TF2BuildTF2Build') format('svg');
  20. font-weight: normal;
  21. font-style: normal;
  22. }
  23.  
  24. a {
  25. color: #ff8000;
  26. text-decoration: none;
  27. }
  28.  
  29. a:hover {
  30. color: #ffb163;
  31. cursor: pointer;
  32. }
  33.  
  34. img {
  35. border: 0;
  36. }
  37.  
  38. h1, h2, h3, h4 {
  39. font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
  40. }
  41.  
  42. h1 span, h2 span, h3 span, h4 span {
  43. font-family: "TF2 Build", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
  44. }
  45.  
  46. input, textarea, select {
  47. background: #3b342f;
  48. border: 6px solid #3b342f;
  49. border-radius: 6px;
  50. -moz-border-radius: 6px;
  51. -webkit-border-radius: 6px;
  52. color: #fff;
  53. padding: 8px;
  54. font-size: 13px;
  55. margin: 0;
  56. font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
  57. -webkit-font-smoothing: antialiased;
  58. }
  59.  
  60. input[type=text] {
  61. width: 300px;
  62. }
  63.  
  64. select {
  65. width: 328px;
  66. height: 44px;
  67. padding: 0;
  68. }
  69.  
  70. input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
  71. outline-color: #ff8000 !important;
  72. outline-width: 3px !important;
  73. }
  74.  
  75. input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  76. color: #695f57 !important;
  77. }
  78.  
  79. input:-moz-placeholder, textarea:-moz-placeholder {
  80. color: #695f57 !important;
  81. }
  82.  
  83. .placeholder {
  84. color: #695f57 !important;
  85. }
  86.  
  87. ::selection {
  88. color: #fff;
  89. background: #ffa25e;
  90. }
  91.  
  92. ::-moz-selection {
  93. color: #fff;
  94. background: #ffa25e;
  95. }
  96.  
  97. ::-webkit-selection {
  98. color: #fff;
  99. background: #ffa25e;
  100. }
  101.  
  102. input[type=submit], .button {
  103. background: #ff8000 url('../images/button-background.png') repeat-x;
  104. color: #fff;
  105. height: 48px;
  106. padding: 8px 32px;
  107. font-size: 18px;
  108. font-family: "TF2 Build", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
  109. border: 0;
  110. border-radius: 6px;
  111. -moz-border-radius: 6px;
  112. -webkit-border-radius: 6px;
  113. text-shadow: 0 -1px 0 #a75605;
  114. }
  115.  
  116. .condensed {
  117. height: 40px !important;
  118. }
  119.  
  120. .tiny {
  121. height: 20px !important;
  122. font-size: 12px;
  123. padding: 2px 14px;
  124. font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
  125. font-weight: bold;
  126. border-radius: 4px;
  127. -moz-border-radius: 4px;
  128. -webkit-border-radius: 4px;
  129. }
  130.  
  131. input[type=submit]:hover, .button:hover {
  132. background-position: 0 -48px;
  133. cursor: pointer;
  134. color: #fff;
  135. }
  136.  
  137. hr {
  138. color: #554c47;
  139. height: 1px;
  140. border: 0;
  141. border-top: 1px dashed #554c47;
  142. margin: 30px 0;
  143. }
  144.  
  145. table {
  146. padding: 0;
  147. font-size: 13px;
  148. border-collapse: collapse;
  149. border-bottom: 1px dashed #3b342f;
  150. }
  151.  
  152. table th, table td {
  153. text-align: left;
  154. vertical-align: top;
  155. padding: 10px;
  156. word-wrap: break-word;
  157. }s
  158.  
  159. table th {
  160. background: #1d1b1a;
  161. color: #7a7069;
  162. border-bottom: 1px dashed #3b342f;
  163. }
  164.  
  165. table tr:nth-child(even) {
  166. background: #1d1b1a;
  167. }
  168.  
  169. .clear {
  170. clear: both;
  171. visibility: hidden;
  172. height: 1px;
  173. margin: 0;
  174. padding: 0;
  175. border: 0;
  176. }
  177.  
  178. .white { color: #fff; }
  179. .cream { color: #7a7069; }
  180. .dark { color: #554c47; }
  181.  
  182. .positive { color: #24b621 !important; }
  183. .negative { color: #ff4040 !important; }
  184.  
  185. .error {
  186. display: inline-block;
  187. color: #ff4e4e !important;
  188. padding: 0 0 0 18px;
  189. background: url('../images/icons/ranks/banned.png') left 2px no-repeat;
  190. }
  191.  
  192. /* === HEADER === */
  193.  
  194. #header {
  195. background: #161514;
  196. height: 47px;
  197. padding: 0 14px;
  198. border-bottom: 1px solid #3d3634;
  199. }
  200.  
  201. #header #logo {
  202. float: left;
  203. padding: 14px 0 0;
  204. margin: 0 30px 0 0;
  205. position: relative;
  206. }
  207.  
  208. #header #logo .notification {
  209. top: 7px;
  210. right: 0;
  211. }
  212.  
  213. #header #navigation {
  214. float: left;
  215. padding: 14px 0 0;
  216. line-height: 18px;
  217. font-size: 14px;
  218. }
  219.  
  220. #header #navigation ul, #header #navigation li, #header #settings ul, #header #settings li, #header #links ul, #header #links li {
  221. list-style: none;
  222. margin: 0;
  223. padding: 0;
  224. }
  225.  
  226. #header #navigation li {
  227. float: left;
  228. margin-right: 30px;
  229. position: relative;
  230. }
  231.  
  232. #header #navigation li a, #header #settings li a, #header #links li a {
  233. color: #887b6f;
  234. text-decoration: none;
  235. -webkit-transition: all 0.1s ease-in-out;  
  236. -moz-transition: all 0.1s ease-in-out;
  237. -o-transition: all 0.1s ease-in-out;
  238. transition: all 0.1s ease-in-out;
  239. }
  240.  
  241. #header #navigation li a:hover, #header #navigation li a.active, #header #settings li a:hover, #header #settings li a.active, #header #links li a:hover, #header #links a.active {
  242. color: #79ba01;
  243. }
  244.  
  245. #header #navigation li .notification {
  246. top: -6px;
  247. right: -9px;
  248. }
  249.  
  250. #header #navigation li .new-icon {
  251. display: block;
  252. background: url('../images/new-icon.png') top left no-repeat;
  253. width: 19px;
  254. height: 19px;
  255. }
  256.  
  257. #header #navigation li .selected {
  258. background-position: 0 -19px;
  259. }
  260.  
  261. #header #profile {
  262. float: right;
  263. padding: 7px 0 0;
  264. }
  265.  
  266. #header #profile .avatar {
  267. border: 3px solid #5e5b58;
  268. border-radius: 3px;
  269. -moz-border-radius: 3px;
  270. -webkit-border-radius: 3px;
  271. }
  272.  
  273. #header #settings {
  274. float: right;
  275. padding: 16px 8px 0 0;
  276. font-size: 10pt;
  277. line-height: 17px;
  278. }
  279.  
  280. #header #settings li {
  281. float: left;
  282. margin-right: 12px;
  283. }
  284.  
  285. #header #settings li a {
  286. display: block;
  287. position: relative;
  288. margin-top: -2px;
  289. padding-bottom: 4px;
  290. opacity: 0.4;
  291. -moz-opacity: 0.4;
  292. filter: alpha(opacity=40);
  293. -webkit-transition: all 0.1s ease-in-out;  
  294. -moz-transition: all 0.1s ease-in-out;
  295. -o-transition: all 0.1s ease-in-out;
  296. transition: all 0.1s ease-in-out;
  297. }
  298.  
  299. #header #settings li a:hover, #header #settings li .active {
  300. opacity: 1.0;
  301. -moz-opacity: 1.0;
  302. filter: alpha(opacity=100);
  303. }
  304.  
  305. #header #settings li .sprite {
  306. background: url('../images/icons/header/sprite.png') 0 0 no-repeat;
  307. width: 20px;
  308. height: 20px;
  309. }
  310.  
  311. #header #settings li .dashboard { background-position: -62px -62px; }
  312. #header #settings li .donate { background-position: -31px -62px; }
  313. #header #settings li .find { background-position: 0 -62px; }
  314. #header #settings li .forums { background-position: -62px -31px; }
  315. #header #settings li .help { background-position: -62px 0; }
  316. #header #settings li .more { background-position: -31px -31px; }
  317. #header #settings li .rules { background-position: 0 -31px; }
  318. #header #settings li .server { background-position: -31px 0; }
  319. #header #settings li .settings { background-position: 0 0; }
  320.  
  321. #header #settings .submenu {
  322. position: relative;
  323. }
  324.  
  325. #header #settings .submenu ul {
  326. display: none;
  327. position: absolute;
  328. z-index: 3;
  329. top: 27px;
  330. right: -20px;
  331. list-style: none;
  332. margin: 0;
  333. padding: 0;
  334. width: 144px;
  335. background: #131312;
  336. background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#131312), to(#252321));
  337. background: -webkit-linear-gradient(top, #252321, #131312);
  338. background: -moz-linear-gradient(top, #252321, #131312);
  339. background: -ms-linear-gradient(top, #252321, #131312);
  340. background: -o-linear-gradient(top, #252321, #131312);
  341. -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  342. -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  343. box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  344. border: 1px solid #211f1e;
  345. -webkit-border-radius: 6px;
  346. -moz-border-radius: 6px;
  347. border-radius: 6px;
  348. }
  349.  
  350. #header #settings .submenu ul::after {
  351. content: " ";
  352. border: 5px solid transparent;
  353. border-bottom-color: #211f1f;
  354. height: 0;
  355. width: 0;
  356. position: absolute;
  357. bottom: 100%;
  358. right: 25px;
  359. }
  360.  
  361. #header #settings .wide ul {
  362. width: 284px;
  363. }
  364.  
  365. #header #settings .submenu ul li a {
  366. display: block;
  367. padding: 6px 12px;
  368. width: 120px;
  369. opacity: 1.0;
  370. -moz-opacity: 1.0;
  371. filter: alpha(opacity=100);
  372. }
  373.  
  374. #header #settings .wide ul li a {
  375. width: 260px;
  376. }
  377.  
  378. #header #settings .submenu ul li:first-child a {
  379. padding: 10px 12px 6px;
  380. }
  381.  
  382. #header #settings .submenu ul li:last-child a {
  383. padding: 6px 12px 10px;
  384. }
  385.  
  386. #noscript {
  387. background: #201d1c;
  388. color: #625b59;
  389. border-bottom: 1px solid #3d3634;
  390. font-size: 12px;
  391. padding: 10px 20px;
  392. text-align: center;
  393. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement