Suggestions

[Vipershark]

Oh, we're allowed to make suggestions for the CSS?
In that case, could an admin apply the following changes to the Pixeltendo theme? I've even conveniently included the entire CSS file so all you have to do is Select All, Copy, and Paste.

[spoiler]

Code:

body {
    color: #fff;
    line-height: 1.3;
    margin: 10px;
    padding: 0;
    text-align: center;
    background-color: #0C1318;
    
    font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    font-size: 10px;
}

.spoiler_header {
    background: #000;
    border: 1px solid #000;
    padding: 4px;
    margin: 4px 0 0 0;
    color: #FFF;
}

.spoiler_body {
    background: 0C1318;
    padding: 4px;
    border: 1px solid #000;
    border-top: 0;
    color: #FFF;
    margin: 0 0 4px 0;
}

a:link, a:active, a:visited {
    color: #BFD6E3;
text-decoration: none;
}

a:hover {
    color: #fff;
text-decoration: none;
}

#container {
    background: #18242D;
    width: 85%;
    color: #fff;
    border: 1px solid #000;
    margin: auto auto;
    padding: 4px;
    text-align: left;
}

.logo {
    background: #18242D url(../../../images/pt/tile_logo.gif) repeat-x;
    min-height: 57px;
    border: 1px solid #000;
}

#content {
    width: auto !important;
}

.menu ul {
    color: #fff;
font-weight: bold;
text-align: right;
padding: 4px;
}

.menu ul a:link {
    color: #BFD6E3;
    text-decoration: none;
}

.menu ul a:visited {
    color: #fff;
text-decoration: none;
}

.menu ul a:hover, .menu ul a:active {
    color: #fff;
text-decoration: none;
}

#panel {
    background: #1e2c38;
color: #fff;
font-size: 10px;
border: 1px solid #000;
padding:6px; margin-bottom:1px; padding-left:10px
}

table {
    color: #fff;
font-family: Verdana, Arial, Sans-Serif;
font-size: 10px;
}

.tborder {
    background: #546971;
width: 100%;
margin: auto auto;
border: 1px solid #000;
}

.thead {
    background: url(../../../images/pt/tile_cat.gif);
    color: #FFF;
    border-bottom: 1px solid #000;
    margin: 8px;
    padding: 8px;
    
    font-size: 12px;
    font-weight: bold;
}

.thead a:link {
    color: #BFD6E3;
    text-decoration: none;
}

.thead a:visited {
    color: #BFD6E3;
    text-decoration: none;
}

.thead a:hover, .thead a:active {
    color: #BFD6E3;
    text-decoration: none;
}

.tcat {
    background: url(../../../images/pt/tile_sub.gif);
border-top: 0;
color: #fff;
margin: 0;
height: 28px;
}

.tcat a:link {
    color: #BFD6E3;
}

.tcat a:visited {
    color: #BFD6E3;
}

.tcat a:hover, .tcat a:active {
    color: #BFD6E3;
}

.trow1 {
    background: #273643;
    padding-top: 4px;
}

.trow2 {
    background: #273643;
    padding-top: 4px;
}

.trow_shaded {
    background: #5A0C0E; /*makes report fields readable*/
}

.trow_selected td {
    background: #4F6B86; /*makes post selection readable*/
}

.trow_sep {
    background: url(../../../images/pt/tile_cat.gif);
color: #fff;
font-size: 10px;
font-weight: bold;
}

.tfoot {
    background: #1E2C38 url(/images/thead.gif) top left repeat-x;
    color: #ffffff;
    text-padding-top: 8px;
}

.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: underline;
}

.bottommenu {
    background: #243f4c;
color: #fff;
border: 1px solid #000;
padding: 10px;
}

.navigation {
    color: #fff;
font-size: 11px;
font-weight: bold;
}

.navigation a:link {
    color: #fff;
font-size: 11px;
text-decoration: none;
}

.navigation a:visited {
    color: #fff;
font-size: 11px;
text-decoration: none;
}

.navigation a:hover, .navigation a:active {
    color: #fff;
font-size: 11px;
text-decoration: none;
}

.navigation .active {
    color: #fff;
font-size: 11px;
font-weight: bold;
}

.smalltext {
    font-size: 10px;
}

.largetext {
    font-size: 16px;
font-weight: bold;
}

input.textbox {
    background: #374958;
    color: #fff;
    border: 1px solid #000000;
    padding: 1px;
}

textarea {
    background: #243f4c;
    color: #fff;
    border: 1px solid #000000;
    padding: 2px;
    line-height: 135%;
    
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
}

select {
    background: #243f4c;
    color: #fff;
    border: 1px solid #000;
    
    font-family: Verdana,Arial, Sans-Serif;
    font-size: 10px;
}

.editor {
    background: #f1f1f1;
    color: #000000;
    border: 1px solid #ccc;
    
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
}

.editor_control_bar {
    background: #243f4c;
    color: #000000;
    border: 1px solid #000;
    
    font-family: Verdana;
    font-size: 11px;
}

.autocomplete {
    background: #243f4c;border: 1px solid #000;color: white;
}

.autocomplete_selected {
    background: #adcee7;color: #000;
}

.popup_menu {
    background: #ccc;border: 1px solid #000;
}

.popup_menu .popup_item {
    background: #fff;color: #000;
}

.popup_menu .popup_item:hover {
    background: #C7DBEE;color: #000;
}

.trow_reputation_positive {
    background: #0E340E;
    color: #FFFFFF;
}
.trow_reputation_negative {
    background: #431212;
    color: #FFFFFF;
}
.reputation_positive {
    color: #00A300;
}
.reputation_neutral {
    color: #999999;
}
.reputation_negative {
    color: #FF0000;
}

.invalid_field {
    border: 1px solid #f30;color: #f30;
}

.valid_field {
    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: 10px;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: 10px;padding-left: 22px;
}

img {
    border: none;
}

.clear {
    clear: both;
}

.hidden {
    display: none;float: none;width: 1%;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.menu ul {
    list-style: none;margin: 0;
}

.menu li {
    display: inline;padding-left: 5px;
}

.menu img {
    padding-right: 5px;vertical-align: top;
}

#panel .links {
    margin: 0;float: right;
}

.expcolimage {
    float: right;width: auto;vertical-align: middle;margin-top: 3px;
}

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: 1E2C38;
    border: 1px solid #000;
    margin: 3px;
    padding-top: 4px;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
}

blockquote cite {
    background: #000;
    color: #FFF;
    border: 1px solid #000;
    display: block;
    padding: 4px;
    margin: -4px -4px 4px -4px;
    
    font-style: normal;
    font-weight: bold;
}

blockquote cite span {
    float: right;font-weight: normal;
}

.codeblock {
    background: 1E2C38;
    border: 1px solid #000;
    margin: 3px;
    padding-top: 4px;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
}

.codeblock .title {
    background: #000;
    color: #FFF;
    border: 1px solid #000;
    display: block;
    padding: 4px;
    margin: -4px -4px 4px -4px;
    font-weight: bold;
}

.codeblock code {
    overflow: auto;
    height: auto;
    max-height: 200px;
    display: block;
    font-family: Courier, Monaco, Consolas, monospace;
    font-size: 13px;
}

.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;
     color: #000;
    padding-top: 3px;
    padding-bottom: 3px;
}

.pm_alert {
    background: #7A4181; /*changed pm alert to make it more visible*/
    border: 1px solid #B375AF;
    font-size: 10px;
    margin-bottom: 15px;
    padding: 5px 20px;
    text-align: center;
}

.red_alert {
    background: #863333; /*makes report alerts blend in better*/
    border: 1px solid #C76B6B;
    color: #FFFFFF;
    font-size: 10px;
    margin-bottom: 15px;
    padding: 5px 20px;
    text-align: center;
}

.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: #546971;  font-size: 12px;
}

div.error p {
    margin: 0;color: #000000;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; color: #000;
}

.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 {
    padding: 2px;
background: #132734;
border: 1px solid #000;
color: #fff;
}

.pagination .pagination_current, .pagination a {
    padding: 2px 6px;
margin-bottom: 3px;
}

.pagination a {
    background: #132734;
border: 1px solid #000;
color: #FFF;
font-weight: bold;
font-size: 10px;
}

.pagination .pagination_current {
    background: #3a5a6f;
border: 1px solid #000;
color: #FFF;
font-weight: bold;
font-size: 10px;
    color: #000;
}

.pagination a:hover {
    text-decoration: none;
color: #FFF;
font-weight: bold;
font-size: 10px;
}

.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;
    margin-bottom: 10px;
    
    font-size: 10px;
    font-weight: bold;
}

.post_body {
    padding: 5px;
}

.post_content {
    padding: 5px 10px;
}

.quick_jump {
    background: url(../../../images/jump.gif) no-repeat 0;width: 13px;height: 13px;padding-left: 13px; vertical-align: middle;border: none;
}
img {
    image-rendering: -moz-crisp-edges; -ms-interpolation-mode: nearest-neighbor;
}

.mysupport_status_technical {
    color: blue;
}

.mysupport_status_solved {
    color: green;
}

.mysupport_status_notsolved {
    color: red;
}

.mysupport_bar_technical {
    background: darkblue;
    height: 10px;
}

.mysupport_bar_solved {
    background: #387C44;
    height: 10px;
}

.mysupport_bar_notsolved {
    background: red;
    height: 10px;
}

.mysupport_bestanswer_highlight {
    background: #3B5E4A !important;
}

.mysupport_staff_highlight {
    background: #273643 !important;
}

.usercp_nav_support_threads {
    background: url(../../../images/usercp/mysupport_support.png) no-repeat left center;
}

.usercp_nav_assigned_threads {
    background: url(../../../images/usercp/mysupport_assigned.png) no-repeat left center;
}

.modcp_nav_tech_threads {
    background: url(../../../images/modcp/mysupport_technical.png) no-repeat left center;
}

.modcp_nav_deny_support {
    background: url(../../../images/mysupport_no_support.gif) no-repeat left center;
}

#panel .remember_me input {
    vertical-align: middle;
    margin-top: -1px;
}

.hiddenrow {
    display: none;
}

.selectall {
    background-color: #FFFBD9;
    font-weight: bold;
    text-align: center;
}

.repbox {
    font-size:16px;
    font-weight: bold;
    padding:5px 7px 5px 7px;
}

._neutral {
    background-color:#FAFAFA;
    color: #999999;
    border:1px solid #CCCCCC;
}

._minus {
    background-color: #FDD2D1;
    color: #CB0200;
    border:1px solid #980201;
}

._plus {
    background-color:#E8FCDC;
    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;
}

.pagination_breadcrumb_link {
    vertical-align: middle;
    cursor: pointer;
}

[/spoiler]

What this does is make it so that certain fields with super bright colors (such as PM notifications, Report descriptions, etc) have darker colors and are therefore readable without having to highlight, while changing other fields (Reputation comments, etc) to match the rest of the theme.