body {
background: #4e5156;
color: #DCDEE1;
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 13px;
line-height: 1.4;
margin: auto;
}
a:link {
color: #DCDCDD;
text-decoration: none;
text-shadow: -1px -1px 0 #3B3E41;
}
a:visited {
color: #DCDCDD;
text-decoration: none;
}
a:hover, a:active {
color: #BABBBD;
text-decoration: none;
}
.logo {
margin: auto;
width: 960px;
}
.header_search {
float: right;
margin: 25px;
}
#container {
background: #3C4043 url(images/dark/container_bg.png) repeat-x;
box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
color: #8B8F94;
margin: auto auto;
padding: 20px;
text-align: left;
}
#container_wrapper {
margin: auto;
width: 960px;
}
#content {
/* FIX: Make internet explorer wrap correctly */
width: auto !important;
}
.menu {
background: #fff url(images/dark/menu_bg.png) repeat-x;
height: 42px;
}
.menu_wrapper {
margin: auto;
width: 1000px;
}
.menu ul {
position: relative;
}
.menu ul li {
float: left;
height: 42px;
line-height: 42px;
}
.menu ul li a {
border-left: 1px solid rgba(113, 113, 113, 0.5);
border-right: 1px solid #37393C;
color: #B4B5B7;
display: block;
font-size: 12px;
font-weight: bold;
height: 41px;
line-height: 41px;
padding: 0 13px;
text-shadow: -1px -1px 0 #2F3035;
}
.menu ul li.first a {
padding-left: 10px;
}
.menu ul li.first {
border-left: 1px solid #37393C;
margin-left: -1px;
}
.menu ul li.last a {
}
.menu ul li.last {
border-right: 1px solid rgba(113, 113, 113, 0.5);
}
.menu ul li a:hover {
color: #FFFFFF;
}
#panel {
background: #4e5156;
color: #8B8F94;
font-size: 11px;
border-top: 1px solid #55585c;
padding: 8px;
}
#panel .remember_me input {
vertical-align: middle;
margin-top: -1px;
}
#panel_wrapper {
margin: auto;
width: 960px;
}
table {
color: #8B8F94;
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 13px;
text-shadow: -1px -1px 0 #292B2F;
}
.tborder {
background: #505256;
box-shadow: 1px 1px 8px 0 #333333;
width: 100%;
margin: auto auto;
padding: 5px;
border-radius: 5px 5px 5px 5px;
}
.thead {
background: #3a3d42;
background: -moz-linear-gradient(top, #3a3d42 0%, #36393d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3d42), color-stop(100%,#36393d));
background: -webkit-linear-gradient(top, #3a3d42 0%,#36393d 100%);
background: -o-linear-gradient(top, #3a3d42 0%,#36393d 100%);
background: -ms-linear-gradient(top, #3a3d42 0%,#36393d 100%);
background: linear-gradient(top, #3a3d42 0%,#36393d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3d42', endColorstr='#36393d',GradientType=0 );
color: #ffffff;
padding: 8px;
-webkit-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
border-bottom: 1px solid #292b2f;
}
.thead a:link {
color: #ffffff;
text-decoration: none;
}
.thead a:visited {
color: #ffffff;
text-decoration: none;
}
.thead a:hover, .thead a:active {
color: #ffffff;
text-decoration: none;
}
.tcat {
background: #42454b;
color: #8B8F94;
font-size: 12px;
}
.tcat a:link {
color: #DCDCDD;
}
.tcat a:visited {
color: #DCDCDD;
}
.tcat a:hover, .tcat a:active {
color: #BABBBD;
}
.trow1 {
background: #3A3D42;
border-bottom: 1px solid #292b2f;
}
.trow2 {
background: #36393d;
border-bottom: 1px solid #292c2f;
}
.trow_shaded {
background: #693F3F;
}
.trow_selected td {
background: rgba(216, 216, 216, 0.1);
}
.trow_sep {
background: none;
color: #8B8F94;
font-size: 12px;
font-weight: bold;
}
.tfoot {
background: #42454B;
color: #8B8F94;
border-radius: 0px 0px 5px 5px;
}
.tfoot a:link {
color: #ffffff;
text-decoration: none;
}
.tfoot a:visited {
color: #ffffff;
text-decoration: none;
}
.tfoot a:hover, .tfoot a:active {
color: #ffffff;
text-decoration: none;
}
.bottommenu {
background: #36393D;
border: 1px solid #292C2F;
color: #8B8F94;
padding: 10px;
border-radius: 5px 5px 5px 5px;
}
.navigation {
color: #000000;
font-size: 13px;
font-weight: bold;
}
.navigation a:link {
text-decoration: none;
}
.navigation a:visited {
text-decoration: none;
}
.navigation a:hover, .navigation a:active {
text-decoration: none;
}
.navigation .active {
color: #000000;
font-size: 13px;
font-weight: bold;
}
.smalltext {
font-size: 11px;
}
.largetext {
font-size: 16px;
font-weight: bold;
}
input.textbox {
background: #3A3D42;
color: #A2A2A2;
border: 1px solid #505256;
padding: 1px;
}
input.button {
background: #575861;
background: -moz-linear-gradient(top, #575861 0%, #575961 3%, #575961 50%, #3d4045 50%, #3d4045 95%, #2f3034 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575861), color-stop(3%,#575961), color-stop(50%,#575961), color-stop(50%,#3d4045), color-stop(95%,#3d4045), color-stop(100%,#2f3034));
background: -webkit-linear-gradient(top, #575861 0%,#575961 3%,#575961 50%,#3d4045 50%,#3d4045 95%,#2f3034 100%);
background: -o-linear-gradient(top, #575861 0%,#575961 3%,#575961 50%,#3d4045 50%,#3d4045 95%,#2f3034 100%);
background: -ms-linear-gradient(top, #575861 0%,#575961 3%,#575961 50%,#3d4045 50%,#3d4045 95%,#2f3034 100%);
background: linear-gradient(top, #575861 0%,#575961 3%,#575961 50%,#3d4045 50%,#3d4045 95%,#2f3034 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575861', endColorstr='#2f3034',GradientType=0 );
border: 1px solid #36393d;
color: #cfcfcf;
font-size: 13px;
text-shadow: -1px -1px 0 #53545C;
margin: 3px;
padding: 3px 4px;
border-radius: 4px 4px 4px 4px;
}
input.button:hover {
background: #696b75;
background: -moz-linear-gradient(top, #696b75 0%, #6a6c76 3%, #6a6c76 50%, #52555c 50%, #52555c 95%, #45474d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#696b75), color-stop(3%,#6a6c76), color-stop(50%,#6a6c76), color-stop(50%,#52555c), color-stop(95%,#52555c), color-stop(100%,#45474d));
background: -webkit-linear-gradient(top, #696b75 0%,#6a6c76 3%,#6a6c76 50%,#52555c 50%,#52555c 95%,#45474d 100%);
background: -o-linear-gradient(top, #696b75 0%,#6a6c76 3%,#6a6c76 50%,#52555c 50%,#52555c 95%,#45474d 100%);
background: -ms-linear-gradient(top, #696b75 0%,#6a6c76 3%,#6a6c76 50%,#52555c 50%,#52555c 95%,#45474d 100%);
background: linear-gradient(top, #696b75 0%,#6a6c76 3%,#6a6c76 50%,#52555c 50%,#52555c 95%,#45474d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#696b75', endColorstr='#45474d',GradientType=0 );
cursor: pointer;
}
textarea {
background: #36393D;
border: 1px solid #505256;
color: #8B8F94;
padding: 2px;
font-family: Verdana, Arial, Sans-Serif;
line-height: 1.4;
font-size: 13px;
}
select {
background: #3A3D42;
border: 1px solid #505256;
color: #8B8F94;
}
.editor {
background: #f1f1f1;
border: 1px solid #ccc;
}
.editor_control_bar {
background: #42454B;
border: 1px solid #505256;
}
.autocomplete {
background: #fff;
border: 1px solid #000;
color: black;
}
.autocomplete_selected {
background: #adcee7;
color: #000;
}
.popup_menu {
background: #505256;
border: 1px solid #333;
left: auto !important;
}
.popup_menu .popup_item {
background: #36393D;
color: #8B8F94;
font-size: 12px;
}
.popup_menu .popup_item:hover {
background: #3A3D42;
color: #8B8F94;
}
.trow_reputation_positive {
background: #1e5000;
}
.trow_reputation_negative {
background: #693f3f;
}
.reputation_positive {
color: green;
}
.reputation_neutral {
color: #444;
}
.reputation_negative {
color: red;
}
.invalid_field {
background: transparent;
border: 1px solid #f30;
color: #f30;
}
.valid_field {
color: #8B8F94;
background: transparent;
border: 1px solid #0c0;
}
.validation_error {
background: url(images/invalid.gif) no-repeat center left;
color: #f30;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 11px;
padding-left: 22px;
}
.validation_success {
background: url(images/valid.gif) no-repeat center left;
color: #00b200;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 11px;
padding-left: 22px;
}
.validation_loading {
background: url(images/spinner.gif) no-repeat center left;
color: #555;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 11px;
padding-left: 22px;
}
/* Additional CSS (Master) */
img {
border: none;
}
.clear {
clear: both;
}
.hidden {
display: none;
float: none;
width: 1%;
}
.hiddenrow {
display: none;
}
.selectall {
background-color: #FFFBD9;
font-weight: bold;
text-align: center;
}
.float_left {
float: left;
}
.float_right {
float: right;
}
#panel .links {
margin: 0;
float: right;
}
.expcolimage {
float: right;
width: auto;
vertical-align: middle;
margin-top: 3px;
opacity: 0.3;
}
img.attachment {
border: 1px solid #E9E5D7;
padding: 2px;
}
hr {
background-color: #000000;
color: #000000;
height: 1px;
border: 0px;
}
#copyright {
font: 11px Verdana, Arial, Sans-Serif;
margin: 0;
padding: 10px 0 0 0;
}
#debug {
float: right;
text-align: right;
margin-top: 0;
}
blockquote {
background: #36393D;
border-bottom: 1px solid #505256;
border-left: 1px solid #505256;
border-right: 1px solid #505256;
color: #65676C;
font-size: 12px;
line-height: 1.8;
margin: 0;
opacity: 0.8;
padding: 4px;
}
blockquote cite {
background: #404348 url(images/dark/highlight.png) repeat-x;
border-bottom: 1px solid #505256;
border-top: 1px solid #505256;
color: #8B8F94;
display: block;
font-size: 15px;
font-style: normal;
font-weight: bold;
margin: -4px -4px 5px;
padding: 5px;
}
blockquote cite span {
float: right;
font-weight: normal;
font-size: 13px;
}
blockquote cite span.highlight {
float: none;
font-weight: bold;
padding-bottom: 0;
}
.codeblock {
background: #36393D;
border: 1px solid #505256;
color: #8B8F94;;
padding: 8px;
}
.codeblock .title {
display: none;
color: #8B8F94;
font-weight: bold;
margin: -4px -4px 5px;
padding: 8px 10px;.
}
.codeblock code {
overflow: auto;
height: auto;
max-height: 200px;
display: block;
font-family: Courier New;
font-size: 11px;
}
.subforumicon {
border: 0;
vertical-align: middle;
}
.separator {
margin: 5px;
padding: 0;
height: 0px;
font-size: 1px;
list-style-type: none;
}
form {
margin: 0;
padding: 0;
}
.popup_menu .popup_item_container {
margin: 1px;
text-align: left;
}
.popup_menu .popup_item {
display: block;
padding: 3px;
text-decoration: none;
white-space: nowrap;
}
.popup_menu a.popup_item:hover {
text-decoration: none;
}
.autocomplete {
text-align: left;
}
.subject_new {
font-weight: bold;
}
.highlight {
background: #FFFFCC;
padding-top: 3px;
padding-bottom: 3px;
}
.pm_alert {
background: #4E5156;
border: 1px solid #55585C;
box-shadow: 1px 1px 8px 0 #333333;
text-align: center;
padding: 5px 20px;
margin-bottom: 15px;
font-size: 11px;
border-radius: 5px 5px 5px 5px;
}
.red_alert {
background: rgba(0, 0, 0, 0.2);
border: 1px solid rgba(0, 0, 0, 0.1);
color: #A5161A;
text-align: center;
padding: 5px 20px;
margin-bottom: 15px;
font-size: 11px;
border-radius: 5px 5px 5px 5px;
}
.high_warning {
color: #CC0000;
}
.moderate_warning {
color: #F3611B;
}
.low_warning {
color: #AE5700;
}
div.error {
padding: 5px 10px;
border-top: 2px solid #FFD324;
border-bottom: 2px solid #FFD324;
background: #FFF6BF;
font-size: 12px;
}
div.error p {
margin: 0;
color: #000;
font-weight: normal;
}
div.error p em {
font-style: normal;
font-weight: bold;
padding-left: 24px;
display: block;
color: #C00;
background: url(images/error.gif) no-repeat 0;
}
div.error ul {
margin-left: 24px;
}
.online {
color: #15A018;
}
.offline {
color: #C7C7C7;
}
.pagination {
font-size: 11px;
padding-top: 10px;
margin-bottom: 5px;
}
.tfoot .pagination, .tcat .pagination {
padding-top: 0;
}
.pagination .pages {
font-weight: bold;
}
.pagination .pagination_current, .pagination a {
padding: 2px 6px;
margin-bottom: 3px;
}
.pagination a {
background: url(images/dark/highlight.png) repeat-x;
border: 1px solid #3A3D42;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
text-transform: lowercase;
padding: 5px 8px;
border-radius: 3px 3px 3px 3px;
}
.pagination .pagination_current {
background: #404446;
border-radius: 3px 3px 3px 3px;
box-shadow: inset 0px 1px 3px 0px #1A1B1C;
color: #FFFFFF;
cursor: default;
padding: 6px 8px;
}
.pagination a:hover {
background: #3A3D42 url(images/dark/highlight.png) repeat-x;
text-decoration: none;
}
.thread_legend, .thread_legend dd {
margin: 0;
padding: 0;
}
.thread_legend dd {
padding-bottom: 4px;
margin-right: 15px;
}
.thread_legend img {
margin-right: 4px;
vertical-align: bottom;
}
.forum_legend, .forum_legend dt, .forum_legend dd {
margin: 0;
padding: 0;
}
.forum_legend dd {
float: left;
margin-right: 10px;
}
.forum_legend dt {
margin-right: 10px;
float: left;
}
.success_message {
color: #00b200;
font-weight: bold;
font-size: 10px;
margin-bottom: 10px;
}
.error_message {
color: #C00;
font-weight: bold;
font-size: 10px;
margin-bottom: 10px;
}
.post_body {
padding: 5px;
}
.post_content {
padding: 5px 10px;
}
.quick_jump {
background: url(images/dark/jump.png) no-repeat 0;
width: 13px;
height: 13px;
padding-left: 13px; /* amount of padding needed for image to fully show */
vertical-align: middle;
border: none;
opacity: 0.7;
}
.repbox {
font-size:16px;
font-weight: bold;
padding:5px 7px 5px 7px;
}
._neutral {
background-color:#42454B;
color: #999999;
border:1px solid #505256;
}
._minus {
background-color: #FDD2D1;
color: #CB0200;
border:1px solid #980201;
}
._plus {
background-color:#81BA5F;
color: #008800;
border:1px solid #008800;
}
.pagination_breadcrumb {
background-color: #f5f5f5;
border: 1px solid #fff;
outline: 1px solid #ccc;
padding: 5px;
margin-top: 5px;
font-weight: normal;
white-space: nowrap;
}
.pagination_breadcrumb_link {
vertical-align: middle;
cursor: pointer;
}
ol, ul {
list-style: none outside none;
}
#breadcrumb {
background: url(images/dark/breadcrumb_bg.png) repeat-x;
box-shadow: 1px 1px 8px 0 #333333;
font-size: 11px;
font-family: Tahoma, Helvetica, Arial, sans-serif;
text-shadow: -1px -1px 0 #2F3035;
display: block;
height: 37px;
line-height: 37px;
margin: auto;
position: relative;
top: -7px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#breadcrumb ol li {
float: left;
display: inline-block;
margin: 0 3px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
}
#breadcrumb ol li a {
background: url(images/dark/breadcrumb.png) no-repeat;
color: #B4B5B7;
padding-left: 12px;
display: block;
outline: none;
text-decoration: none;
margin-left: -15px;
}
#breadcrumb ol li:first-child {
margin-left: -25px;
}
#breadcrumb ol li a img {
display: none;
}
#breadcrumb_list {
margin: 0;
}
#breadcrumb_list li:first-child:hover img {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
#breadcrumb_list li:first-child a {
background: url(images/dark/breadcrumb.png) right top !important;
position: relative;
height: 37px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#breadcrumb_list li:first-child a:hover {
background-position: 100% -43px !important;
}
#breadcrumb_list li:first-child a img {
display: block;
position: relative;
max-width: 25px;
right: 6px;
top: 4px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity: 0.5;
}
#breadcrumb_list li:first-child a div {
display: block;
margin-left: -8px;
}
#breadcrumb_list li:last-child span {
background: url(images/dark/breadcrumb.png) right top;
display: block;
padding-left: 4px;
padding-right: 12px;
}
#breadcrumb_list li:first-child span:hover {
background-position: 100% -43px !important;
}
#breadcrumb_list li:last-child a {
background: url(images/dark/breadcrumb.png) no-repeat;
color: #E5E7EA;
font-size: 11px;
font-weight: normal;
font-family: Tahoma, Helvetica, Arial, sans-serif;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#breadcrumb li:hover a {
background-position: 0 -43px;
color: #9E9FA1;
}
#breadcrumb li:active a {
color: #A6A7A9;
text-shadow: -1px -1px 0 #2F3035;
background-position: 0 -86px;
}
#breadcrumb ol li a span {
background: url(images/dark/breadcrumb.png) right top;
display: block;
padding-left: 4px;
padding-right: 12px;
}
#breadcrumb li:hover span {
background-position: 100% -43px;
}
#breadcrumb li:active span {
background-position: 100% -86px;
}
.forum_button {
display: block;
height: 43px;
float: right;
line-height: 43px;
margin: 3px -4px 0 0;
}
.forum_button .content {
background: url(images/dark/forum_button_bg.png) repeat-x;
display: inline-block;
float: left;
height: 40px;
line-height: 38px;
padding: 0 5px;
width: auto;
}
.forum_button .left {
background: url(images/dark/forum_button_left.png) no-repeat;
display: inline-block;
float: left;
height: 40px;
line-height: 38px;
width: 7px;
}
.forum_button .right {
background: url(images/dark/forum_button_right.png) no-repeat;
display: inline-block;
float: left;
height: 40px;
line-height: 38px;
width: 7px;
}
.forum_button .content .text {
color: #9FA0A2;
font-weight: bold;
position: relative;
text-shadow: 0 1px 0 #252729;
z-index: 30;
}
.forum_button:hover .content .text {
color: #DCDCDD;
}
.postbit_button {
display: block;
float: left;
line-height: 43px;
}
.postbit_button .content {
background: url(images/dark/postbit_button_bg.png) repeat-x;
display: inline-block;
font-size: 11px;
float: left;
height: 31px;
line-height: 30px;
padding: 0 5px;
width: auto;
}
.postbit_button .left {
background: url(images/dark/postbit_button_left.png) no-repeat;
display: inline-block;
float: left;
height: 31px;
width: 7px;
}
.postbit_button .right {
background: url(images/dark/postbit_button_right.png) no-repeat;
display: inline-block;
float: left;
height: 31px;
width: 7px;
}
.postbit_button .content .text {
color: #9FA0A2;
font-weight: bold;
position: relative;
text-shadow: 0 1px 0 #252729;
z-index: 30;
}
.postbit_button:hover .content .text {
color: #DCDCDD;
}
.stats_block {
background: #36393D url(images/dark/highlight.png) repeat-x;
border: 1px solid #505256;
box-shadow: 1px 1px 8px 0 #333333;
color: #8B8F94;
display: inline-block;
cursor: default;
font-weight: bold;
margin-right: 3px;
margin-bottom: 5px;
padding: 3px 7px;
opacity: 0.7;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.stats_block:hover {
opacity: 1;
}
.stats_block a {
color: #8B8F94;
}
.statstext {
margin-right: 20px;
}
.user_avatar {
background: #36393D;
border: 1px solid #303234;
box-shadow: 0 1px 2px #303234;
padding: 1px;
margin: 5px;
}
.user_avatar:hover {
border: 1px solid #27292b;
box-shadow: 0 1px 2px #27292b;
}
input.fileupload {
background: #45484D;
border: 1px solid #4A4B4E;
color: #8B8F94;
}
input.searchbox {
background: transparent;
border: 0 none;
color: #8B8F94;
font-size: 12px;
outline: 0 none;
padding: 0;
width: 170px;
}
#search_wrap {
background: #45484D url(images/dark/box_bg.gif) repeat;
border: 1px solid #525357;
box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.4) inset;
display: block;
float: left;
line-height: 25px;
padding: 0 26px 0 4px;
position: relative;
border-radius: 4px 0px 0px 4px;
}
#search_options {
background: #3A3D42;
border-left: 1px solid rgba(0, 0, 0, 0.2);
display: inline-block;
font-size: 11px;
height: 26px;
line-height: 26px;
margin: 0;
padding: 0 6px;
text-shadow: 0 1px 0 #FFFFFF;
opacity: 0.3;
}
#search_options:hover {
opacity: 0.7;
cursor: pointer;
}
a.search:hover {
color: #8B8F94;
}
input.search_button {
background: #36393D url(images/dark/search_icon.png) no-repeat scroll 50% center;
border: 0 none;
top: 1px;
bottom: -1px;
right: 1px;
display: block;
height: 26px;
padding: 0;
position: absolute;
text-indent: -3000em;
width: 27px;
}
input.search_button:hover {
background: url(images/dark/search_icon.png) no-repeat scroll 50% center #303236;
cursor: pointer;
}