I don't think we have a percentage out yet, but I could be wrong. Maybe put something like "More than 1%, but less than 99%", or something like that.
body { cursor:default; background-color:black; margin-top:5px }body, optgroup, tr, legend, .button { font:10px 'Verdana','san-serif'; color:white }.tuser { font-family: 'Trebuchet MS','Georgia','san-serif' }.tsmall, small { font-size:9px }.tmid { font-size:12px }.tstrong, strong { font:14px 'Arial','Helvetica','san-serif' }.tbig, big { font:22px 'Arial','Helvetica','san-serif' }.bold { font-weight:bold }.box { border:1px solid #404040; padding:3px; background:#7f7f7f }.box_title { border-bottom:0px }.box_title .coltitle { padding:10px 7px 10px 7px }.box_body { border-top:0px; padding-top:0px }.noborder { border:0px }.bump { margin-bottom:15px }.bump_left { margin-left:15px }.box div { zoom:100%; padding:5px }.box .bit { display:inline }.box .anchor { text-align:right }.box .tab span { padding:5px }.box .toggle { padding:0px; margin:1px 4px 1px 1px }.box .left { float:left }.box .right { float:right }.row_emboss .toggle { border:1px solid #bfb400 }.bit .row_emboss { background:#403c00; border: 1px solid #e5d800; color:#e5d8bf }.main_inner_border { border:1px solid #bfb400; }.main_outer_border { border:1px solid #7f7800; }ul { padding-left:25px } .main_table, .bg { background-color:#201e00 }.coltitle { background:#404040; color:#e5e5e5 }.row_dark { background:#202020; color:#bfbfbf }.row_alt { background:#404040; color:#e5e5e5 }.row { background:#403c00; color:#e5d8bf }.row_browse { background:#404040; color:#e5e5e5 }.tab, .active_tab { background:#202020; color:#bfbfbf }.button { background:#606060 }.button { color:lightgrey; text-decoration:none }.textbox, textarea { background:#202020 }form { display:inline }.hp { cursor:help }.button { padding:1px; font-weight:bold }acronym, abbr { text-decoration:none }input, .textbox, textarea, select { color: #bfbfbf; padding: 2px; font: 11px 'courier new'; border: 1px solid #404040 }select { background: #202020; color: #bfbfbf }img { border: 1px solid transparent }a { color:#e5d800; text-decoration:none }a:hover { text-decoration:underline }a.item:link { font-weight:bold }.quote div, .file td { background-color:#202020; color:#bfbfbf; padding:5px; margin:5px }.form_error { border:2px solid #FF4E4E; background-color:#18151A; padding:5px; margin:5px }.form .row_dark { padding: 10px }.form .subtitle { margin-bottom: 7px }.red { color:#FF4E4E }.green { color:#6EE16C }.blue { color:#6CB1E1 }.orange { color:#FF7238 }.grey { color:#8D8D8D }.link_color { color:#FFD800; }.thumb { border:1px solid #000000; margin:3px }.bump .widget { white-space:nowrap }.bump .news { margin-left:50px }.bump .date { margin-left:55px; padding-top:0px; padding-bottom:0px }.row .bump .counter, .row .bump .click { text-align:center; background:#201e00 }.row_alt .bump .counter, .row_alt .bump .click { text-align:center; background:#202020 }.bump .icon { cursor:pointer }#content td { padding:3px }
What do you think of this?
body { cursor:default; background-color:black; margin-top:5px }body, optgroup, tr, legend, .button { font:10px 'Verdana','san-serif'; color:white }.tuser { font-family: 'Trebuchet MS','Georgia','san-serif' }.tsmall, small { font-size:9px }.tmid { font-size:12px }.tstrong, strong { font:14px 'Arial','Helvetica','san-serif' }.tbig, big { font:22px 'Arial','Helvetica','san-serif' }.bold { font-weight:bold }.box { border:1px solid #000000; padding:3px; background:#000000 }.box_title { border-bottom:0px }.box_title .coltitle { padding:10px 7px 10px 7px }.box_body { border-top:0px; padding-top:0px }.noborder { border:0px }.bump { margin-bottom:15px }.bump_left { margin-left:15px }.box div { zoom:100%; padding:5px }.box .bit { display:inline }.box .anchor { text-align:right }.box .tab span { padding:5px }.box .toggle { padding:0px; margin:1px 4px 1px 1px }.box .left { float:left }.box .right { float:right }.row_emboss .toggle { border:1px solid #7f7800 }.bit .row_emboss { background:#403c00; border: 1px solid #bfb400; color:#e5d8bf }.main_inner_border { border:1px solid #bfb400; }.main_outer_border { border:1px solid #7f7800; }ul { padding-left:25px } .main_table, .bg { background-color:#000000 }.coltitle { border:1px solid #bfb400; background:#403c00; color:#e5d8bf }.row_dark { background:#000000; color:#bfbfbf }.row { background:#000000; color:#e5e5e5 }.row_alt { border:1px solid #7f7800; background:#403c00; color:#e5d8bf }.tab, .active_tab { background:#202020; color:#bfbfbf }.button { background:#7f7800 }.button { color:#e5d8bf; text-decoration:none }.textbox, textarea { background:#202020 }form { display:inline }.hp { cursor:help }.button { padding:1px; font-weight:bold }acronym, abbr { text-decoration:none }input, .textbox, textarea, select { color: #bfbfbf; padding: 2px; font: 11px 'courier new'; border: 1px solid #404040 }select { background: #202020; color: #bfbfbf }img { border: 1px solid transparent }a { color:#e5d800; text-decoration:none }a:hover { text-decoration:underline }a.item:link { font-weight:bold }.quote div, .file td { background-color:#202020; color:#bfbfbf; padding:5px; margin:5px }.form_error { border:2px solid #FF4E4E; background-color:#18151A; padding:5px; margin:5px }.form .row_dark { padding: 10px }.form .subtitle { margin-bottom: 7px }.red { color:#FF4E4E }.green { color:#6EE16C }.blue { color:#6CB1E1 }.orange { color:#FF7238 }.grey { color:#8D8D8D }.link_color { color:#FFD800; }.thumb { border:1px solid #000000; margin:3px }.bump .widget { white-space:nowrap }.bump .news { margin-left:50px }.bump .date { margin-left:55px; padding-top:0px; padding-bottom:0px }.row .bump .counter, .row .bump .click { text-align:center; background:#202020; border:0px }.row_alt .bump .counter, .row_alt .bump .click { text-align:center; background:#201e00; border:0px }.bump .icon { cursor:pointer }.bump { background:#000000 }#content td { padding:3px }
If there's little stuff don't be shy about it. It just took a few minutes for me to fudge around with the colors, so I can't imagine how long it would take if you don't know which end is up with the CSBanana stylesheet.
body { cursor:default; background-color:black; margin-top:5px }body, optgroup, tr, legend, .button { font:10px 'Verdana','san-serif'; color:white }.tuser { font-family: 'Trebuchet MS','Georgia','san-serif' }.tsmall, small { font-size:9px }.tmid { font-size:12px }.tstrong, strong { font:14px 'Arial','Helvetica','san-serif' }.tbig, big { font:22px 'Arial','Helvetica','san-serif' }.bold { font-weight:bold }.box { border:1px solid #000000; padding:3px; background:#000000 }.box_title { border-bottom:0px }.box_title .coltitle { padding:10px 7px 10px 7px }.box_body { border-top:0px; padding-top:0px }.noborder { border:0px }.bump { margin-bottom:15px }.bump_left { margin-left:15px }.box div { zoom:100%; padding:5px }.box .bit { display:inline }.box .anchor { text-align:right }.box .tab span { padding:5px }.box .toggle { padding:0px; margin:1px 4px 1px 1px }.box .left { float:left }.box .right { float:right }.row_emboss .toggle { border:1px solid #7f7800 }.bit .row_emboss { background:#403c00; border: 1px solid #bfb400; color:#e5d8bf }.main_inner_border { border:1px solid #bfb400; }.main_outer_border { border:1px solid #7f7800; }ul { padding-left:25px } .main_table, .bg { background-color:#000000 }.coltitle { border:1px solid #bfb400; background:#403c00; color:#e5d8bf }.row_dark { background:#000000; color:#bfbfbf }.row { background:#000000; color:#d8d8d8 }.row_alt { border:1px solid #7f7800; background:#403c00; color:#e5d8bf }.tab, .active_tab { background:#000000; color:#bfbfbf }.button { background:#7f7800 }.button { color:#e5d8bf; text-decoration:none }.textbox, textarea { background:#201e00 }form { display:inline }.hp { cursor:help }.button { padding:1px; font-weight:bold }acronym, abbr { text-decoration:none }input, .textbox, textarea, select { color: #bfb47f; padding: 2px; font: 11px 'courier new'; border: 1px solid #403c00 }select { background: #201e00; color: #bfb47f }img { border: 1px solid transparent }a { color:#e5d800; text-decoration:none }a:hover { text-decoration:underline }a.item:link { font-weight:bold }.quote div, .file td { background-color:#201e00; color:#bfb47f; border:1px solid #7f7800; padding:5px; margin:5px }.form_error { border:2px solid #FF4E4E; background-color:#18151A; padding:5px; margin:5px }.form .row_dark { padding: 10px }.form .subtitle { margin-bottom: 7px }.red { color:#FF4E4E }.green { color:#6EE16C }.blue { color:#6CB1E1 }.orange { color:#FF7238 }.grey { color:#8D8D8D }.link_color { color:#FFD800; }.thumb { border:1px solid #000000; margin:3px }.bump .widget { white-space:nowrap }.bump .news { margin-left:50px }.bump .date { margin-left:55px; padding-top:0px; padding-bottom:0px }.row .bump .counter, .row .bump .click { text-align:center; background:#000000; border:0px }.row_alt .bump .counter, .row_alt .bump .click { text-align:center; background:#000000; border:0px }.bump .icon { cursor:pointer }.bump { background:#000000 }#content td { padding:3px }
OK so I think the only grey left is the text on the black background (#d8d8d8, #bfbfbf).