Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- html, body {
- margin: 0;
- padding: 0;
- height: 100%;
- }
- body {
- background: #2a2725;
- color: #fff;
- font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
- font-size: 11pt;
- line-height: 20px;
- -webkit-font-smoothing: antialiased;
- }
- @font-face {
- font-family: "TF2 Build";
- src: url('../images/fonts/tf2build-webfont.eot');
- 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');
- font-weight: normal;
- font-style: normal;
- }
- a {
- color: #ff8000;
- text-decoration: none;
- }
- a:hover {
- color: #ffb163;
- cursor: pointer;
- }
- img {
- border: 0;
- }
- h1, h2, h3, h4 {
- font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
- }
- h1 span, h2 span, h3 span, h4 span {
- font-family: "TF2 Build", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
- }
- input, textarea, select {
- background: #3b342f;
- border: 6px solid #3b342f;
- border-radius: 6px;
- -moz-border-radius: 6px;
- -webkit-border-radius: 6px;
- color: #fff;
- padding: 8px;
- font-size: 13px;
- margin: 0;
- font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
- -webkit-font-smoothing: antialiased;
- }
- input[type=text] {
- width: 300px;
- }
- select {
- width: 328px;
- height: 44px;
- padding: 0;
- }
- input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
- outline-color: #ff8000 !important;
- outline-width: 3px !important;
- }
- input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
- color: #695f57 !important;
- }
- input:-moz-placeholder, textarea:-moz-placeholder {
- color: #695f57 !important;
- }
- .placeholder {
- color: #695f57 !important;
- }
- ::selection {
- color: #fff;
- background: #ffa25e;
- }
- ::-moz-selection {
- color: #fff;
- background: #ffa25e;
- }
- ::-webkit-selection {
- color: #fff;
- background: #ffa25e;
- }
- input[type=submit], .button {
- background: #ff8000 url('../images/button-background.png') repeat-x;
- color: #fff;
- height: 48px;
- padding: 8px 32px;
- font-size: 18px;
- font-family: "TF2 Build", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
- border: 0;
- border-radius: 6px;
- -moz-border-radius: 6px;
- -webkit-border-radius: 6px;
- text-shadow: 0 -1px 0 #a75605;
- }
- .condensed {
- height: 40px !important;
- }
- .tiny {
- height: 20px !important;
- font-size: 12px;
- padding: 2px 14px;
- font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
- font-weight: bold;
- border-radius: 4px;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- }
- input[type=submit]:hover, .button:hover {
- background-position: 0 -48px;
- cursor: pointer;
- color: #fff;
- }
- hr {
- color: #554c47;
- height: 1px;
- border: 0;
- border-top: 1px dashed #554c47;
- margin: 30px 0;
- }
- table {
- padding: 0;
- font-size: 13px;
- border-collapse: collapse;
- border-bottom: 1px dashed #3b342f;
- }
- table th, table td {
- text-align: left;
- vertical-align: top;
- padding: 10px;
- word-wrap: break-word;
- }s
- table th {
- background: #1d1b1a;
- color: #7a7069;
- border-bottom: 1px dashed #3b342f;
- }
- table tr:nth-child(even) {
- background: #1d1b1a;
- }
- .clear {
- clear: both;
- visibility: hidden;
- height: 1px;
- margin: 0;
- padding: 0;
- border: 0;
- }
- .white { color: #fff; }
- .cream { color: #7a7069; }
- .dark { color: #554c47; }
- .positive { color: #24b621 !important; }
- .negative { color: #ff4040 !important; }
- .error {
- display: inline-block;
- color: #ff4e4e !important;
- padding: 0 0 0 18px;
- background: url('../images/icons/ranks/banned.png') left 2px no-repeat;
- }
- /* === HEADER === */
- #header {
- background: #161514;
- height: 47px;
- padding: 0 14px;
- border-bottom: 1px solid #3d3634;
- }
- #header #logo {
- float: left;
- padding: 14px 0 0;
- margin: 0 30px 0 0;
- position: relative;
- }
- #header #logo .notification {
- top: 7px;
- right: 0;
- }
- #header #navigation {
- float: left;
- padding: 14px 0 0;
- line-height: 18px;
- font-size: 14px;
- }
- #header #navigation ul, #header #navigation li, #header #settings ul, #header #settings li, #header #links ul, #header #links li {
- list-style: none;
- margin: 0;
- padding: 0;
- }
- #header #navigation li {
- float: left;
- margin-right: 30px;
- position: relative;
- }
- #header #navigation li a, #header #settings li a, #header #links li a {
- color: #887b6f;
- text-decoration: none;
- -webkit-transition: all 0.1s ease-in-out;
- -moz-transition: all 0.1s ease-in-out;
- -o-transition: all 0.1s ease-in-out;
- transition: all 0.1s ease-in-out;
- }
- #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 {
- color: #79ba01;
- }
- #header #navigation li .notification {
- top: -6px;
- right: -9px;
- }
- #header #navigation li .new-icon {
- display: block;
- background: url('../images/new-icon.png') top left no-repeat;
- width: 19px;
- height: 19px;
- }
- #header #navigation li .selected {
- background-position: 0 -19px;
- }
- #header #profile {
- float: right;
- padding: 7px 0 0;
- }
- #header #profile .avatar {
- border: 3px solid #5e5b58;
- border-radius: 3px;
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- }
- #header #settings {
- float: right;
- padding: 16px 8px 0 0;
- font-size: 10pt;
- line-height: 17px;
- }
- #header #settings li {
- float: left;
- margin-right: 12px;
- }
- #header #settings li a {
- display: block;
- position: relative;
- margin-top: -2px;
- padding-bottom: 4px;
- opacity: 0.4;
- -moz-opacity: 0.4;
- filter: alpha(opacity=40);
- -webkit-transition: all 0.1s ease-in-out;
- -moz-transition: all 0.1s ease-in-out;
- -o-transition: all 0.1s ease-in-out;
- transition: all 0.1s ease-in-out;
- }
- #header #settings li a:hover, #header #settings li .active {
- opacity: 1.0;
- -moz-opacity: 1.0;
- filter: alpha(opacity=100);
- }
- #header #settings li .sprite {
- background: url('../images/icons/header/sprite.png') 0 0 no-repeat;
- width: 20px;
- height: 20px;
- }
- #header #settings li .dashboard { background-position: -62px -62px; }
- #header #settings li .donate { background-position: -31px -62px; }
- #header #settings li .find { background-position: 0 -62px; }
- #header #settings li .forums { background-position: -62px -31px; }
- #header #settings li .help { background-position: -62px 0; }
- #header #settings li .more { background-position: -31px -31px; }
- #header #settings li .rules { background-position: 0 -31px; }
- #header #settings li .server { background-position: -31px 0; }
- #header #settings li .settings { background-position: 0 0; }
- #header #settings .submenu {
- position: relative;
- }
- #header #settings .submenu ul {
- display: none;
- position: absolute;
- z-index: 3;
- top: 27px;
- right: -20px;
- list-style: none;
- margin: 0;
- padding: 0;
- width: 144px;
- background: #131312;
- background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#131312), to(#252321));
- background: -webkit-linear-gradient(top, #252321, #131312);
- background: -moz-linear-gradient(top, #252321, #131312);
- background: -ms-linear-gradient(top, #252321, #131312);
- background: -o-linear-gradient(top, #252321, #131312);
- -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
- -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
- box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
- border: 1px solid #211f1e;
- -webkit-border-radius: 6px;
- -moz-border-radius: 6px;
- border-radius: 6px;
- }
- #header #settings .submenu ul::after {
- content: " ";
- border: 5px solid transparent;
- border-bottom-color: #211f1f;
- height: 0;
- width: 0;
- position: absolute;
- bottom: 100%;
- right: 25px;
- }
- #header #settings .wide ul {
- width: 284px;
- }
- #header #settings .submenu ul li a {
- display: block;
- padding: 6px 12px;
- width: 120px;
- opacity: 1.0;
- -moz-opacity: 1.0;
- filter: alpha(opacity=100);
- }
- #header #settings .wide ul li a {
- width: 260px;
- }
- #header #settings .submenu ul li:first-child a {
- padding: 10px 12px 6px;
- }
- #header #settings .submenu ul li:last-child a {
- padding: 6px 12px 10px;
- }
- #noscript {
- background: #201d1c;
- color: #625b59;
- border-bottom: 1px solid #3d3634;
- font-size: 12px;
- padding: 10px 20px;
- text-align: center;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement