RBClassic Themes Comment/Issue Thread

[nabaxo]

Here are a couple of bugs I've found/noticed:

[BRickAstley]

1st Ugly: Idk how you're seeing that, it should be disabled and isn't visible from my admin account or a regular user account. Do you have any special script set up for this website that might be rendering that visible?

Illegible and 2nd Ugly: noted and put on to-do list.

[nabaxo]

By the "ugly" I meant mostly the white outline around certain buttons.

[KingOfPain]

These are known issues. We concentrated on replacing the .gif buttons on the front pages first so we can release the themes and then work on all the others as time allows. I have finish recreating all the larger buttons this morning, and you should see them replaced as soon as we hunt down the calls and replace them with .png.

Same as the highlight white on white. Admittedly, I have only hunted down black texts and turn them white(ish) and sometimes I just don't see the white background until certain features are being used.

So yes, please keep reporting where you see these things

[Ilios]

These are known issues. We concentrated on replacing the .gif buttons on the front pages first so we can release the themes and then work on all the others as time allows. I have finish recreating all the larger buttons this morning, and you should see them replaced as soon as we hunt down the calls and replace them with .png.

Same as the highlight white on white. Admittedly, I have only hunted down black texts and turn them white(ish) and sometimes I just don't see the white background until certain features are being used.

So yes, please keep reporting where you see these things

Love this smilie.

Good job chaps!

[Viqsi]

I have decided that the editor coloration and styling needs to be fixed. So I fixed it.

Replacement for http://realmsbeyond.net/forums/jscripts/...esheet.css:

Code:

.messageEditor {
/*    background: #f5f5f5;
    border: 1px solid #aaa;*/
    background: #124a4a;
    border: 1px solid #007777;
    padding: 3px;
}

.messageEditor .toolbar_container {
    height: 28px;
    padding: 2px;
}

.toolbar {
    height: 28px;
}

.messageEditor .toolbar_dropdown {
    margin-top: 3px;
    margin-right: 4px;
}

.messageEditor .toolbar_button {
    margin: 2px;
    height: 22px;
    width: 23px;
    float: left;
    display: block;
    z-index: 1;
}

.messageEditor .toolbar_button img, .messageEditor .toolbar_button span {
    width: 23px;
    height: 22px;
    float: left;
}

.messageEditor .toolbar_sprite {
    display: block;
    background: url('images/toolbar.gif') no-repeat;
}

.messageEditor .toolbar_button .toolbar_sprite_italic {
    background-position: -46px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_underline {
    background-position: -23px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_align_left {
    background-position: -69px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_align_center {
    background-position: -92px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_align_right {
    background-position: -115px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_align_justify {
    background-position: -138px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_list_num {
    background-position: -161px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_list_bullet {
    background-position: -184px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_image {
    background-position: -207px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_link {
    background-position: -230px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_email {
    background-position: -253px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_quote {
    background-position: -276px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_code {
    background-position: -299px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_php {
    background-position: -322px 0;
}

.messageEditor .toolbar_button_close_tags {
    width: 90px;
}

.messageEditor .toolbar_button .toolbar_sprite_close_tags {
    width: 87px;
    background-position: -345px 0;
}

.messageEditor .toolbar_normal {
/*    background: #f5f5f5;
    border: 1px solid #f5f5f5;*/
    background: #0a3737;
    border: 1px solid #077;
}

.messageEditor .toolbar_hover {
/*    background: #c1d2ee;
    border: 1px solid #5296f7;*/
    border: 1px solid #0bb;
}

.messageEditor .toolbar_clicked {
/*    background: #e1F2fe;
    border: 1px solid #5296f7;*/
    background: #0a4646;
    border: 1px solid #0bb;
}

.messageEditor .toolbar_sep {
    background: url('images/separator.gif');
    width: 4px;
    height: 23px;
    margin: 2px;
    margin-top: 4px;
    float: left;
}

.messageEditor .toolbar_dropdown, .messageEditor .toolbar_dropdown_image {
    font-size: 11px;
    display: block;
    float: left;
    position: relative;
    z-index: 100;
    cursor: default;
}

.messageEditor .toolbar_dropdown {
    min-width: 130px;
}

/* IE 6 */
.messageEditor .toolbar_dropdown {
    width: 130px;
}

.messageEditor .toolbar_dropdown .editor_dropdown_label, .messageEditor .toolbar_dropdown_image .editor_dropdown_label {
    display: block;
}

.messageEditor .toolbar_dropdown .editor_dropdown_label {
    min-width: 120px;
/*    background: #fff;*/
    background: #0a3737;
    padding: 3px 4px;
    margin-right: 14px;
/*    border: 1px solid #aaa;*/
    border: 1px solid #077;
    border-right: 0;
    height: 14px;
    overflow: hidden;
}

.messageEditor .toolbar_dropdown .editor_dropdown_arrow, .messageEditor .toolbar_dropdown_image .editor_dropdown_arrow {
    top: 0;
    position: absolute;
    right: 0;
    float: left;
    display: block;
    height: 20px;
/*    border: 1px solid #aaa;*/
    border: 1px solid #077;
/*    background: #efefef url(images/dropdown.gif) no-repeat center center;*/
    background: #0a4646 url(images/dropdown.gif) no-repeat center center;
    width: 12px;
}

.messageEditor .toolbar_dropdown_over .editor_dropdown_label, .messageEditor .editor_dropdown_menu_open .editor_dropdown_label {
/*    border-color: #5296f7;
    color: navy;*/
    border-color: #0bb;
    color: silver;
}

.messageEditor .toolbar_dropdown_over .editor_dropdown_arrow {
/*    background-color: #c1d2ee;
    border-color: #5296f7;*/
    background-color: #0a4646;
    border-color: #0bb;
}

.messageEditor .toolbar_dropdown_image.toolbar_dropdown_over .editor_dropdown_label,
.messageEditor .toolbar_dropdown_image.toolbar_dropdown_over .editor_dropdown_arrow {
/*    background-color: #fff;*/
    background-color: #0a3737;
}

.messageEditor .editor_dropdown_menu_open .editor_dropdown_arrow {
/*    background-color: #c1d2ee;
    border-color: #5296f7;*/
    background-color: #0bb;
    border-color: 1px solid #0bb;
}

.messageEditor .editor_dropdown_menu {
    margin: 0;
    padding: 0;
    margin-top: -3px;
    padding-bottom: 1px;
    top: 24px;
    left: 0;
/*    border: 1px solid #5296f7;*/
    border: 1px solid #077;
    position: absolute;
    width: 160px;
    /*background: #fff;*/
    background: #0a3737;
    z-index: 10000;
    max-height: 200px;
    overflow: auto;
    -moz-border-radius: 2px;
}

.messageEditor .toolbar_dropdown_image .editor_dropdown_menu {
    margin-top: -1px;
}

.messageEditor .editor_dropdown_menu li {
    list-style: none;
    padding: 3px 3px 3px 12px;
    margin: 0;
    position: relative;
    cursor: pointer;
}

.messageEditor .editor_dropdown_menu li.editor_dropdown_menu_item_active {
    background-image: url(images/dropdown2.gif);
    background-repeat: no-repeat;
    background-position: 2px center;    
}

.messageEditor .editor_dropdown_menu_title {
    /*background: #efefef;*/
    background: #0a4646;
    padding-left: 3px;
/*    border-bottom: 1px solid #aaa;*/
    border-bottom: 1px solid #077;
/*    color: #999;*/
    color: #efefef;
    font-size: 10px;
    font-weight: bold;
}

.messageEditor .editor_dropdown_menu li.editor_dropdown_menu_item_over {
/*    background-color: #f5f5f5;*/
    background-color: #077;
    cursor: pointer;
}

.messageEditor .toolbar_button_color .editor_dropdown_menu {
    width: 153px;
    height: 98px;    
    padding: 1px;
/*    background: #EFEFEF;*/
    background: #0bb;
    margin-left: -1px;
}

.messageEditor .toolbar_button_color li.editor_dropdown_color_item {
    float: left;
    padding: 3px;
    margin: 1px;
    width: 11px;
    height: 11px;
}

.messageEditor .toolbar_button_color a {
    width: 9px;
    height: 9px;
    display: block;
    border: 1px solid #FFF;
}

.messageEditor .toolbar_button_color li.editor_dropdown_menu_item_active {
/*    background: #81A2C4;*/
    background: #077;
}

.messageEditor .toolbar_button_color {
    position: relative;
}

.messageEditor .toolbar_button_video {
    position: relative;
}

.messageEditor .editor_button_color_selected {
    position: absolute;
    z-index: 100;
    width: 16px;
    height: 4px;
    top: 15px;
    left: 3px;
    display: block;
    background: transparent;
}

.messageEditor .toolbar_button_color li.editor_dropdown_menu_item_over {
/*    border: 1px solid #5296f7;*/
    border: 1px solid #0bb;
    background: transparent;
    margin: 0px;    
}

.messageEditor .toolbar_button_with_arrow {
    width: 34px;
}

.messageEditor .toolbar_button_arrow {
    top: 0px;
    float: left;
    display: block;
    width: 8px;
    background: url(images/dropdown.gif) no-repeat center center;
    height: 20px;
    border: 1px solid transparent;
}

.messageEditor .toolbar_hover .toolbar_button_arrow, .messageEditor .toolbar_clicked .toolbar_button_arrow {
/*    border-left-color: #5296f7;*/
    border-left-color: #0bb;
}

New toolbar.gif: http://nwcs.com/~jvc/gaming/rb/newstyle/toolbar-new.gif
New color.gif: http://nwcs.com/~jvc/gaming/rb/newstyle/color-new.gif - WARNING: may not actually fully function as intended, but my hopes are high. (This wasn't something I could test).

An approximation* of the end result:


*: "Approximation" because I had to edit the toolbar buttons into the screenshot.

Hope this helps!

[NobleHelium]

Surely you can test the images by changing the HTML source client-side with Firebug or the Chrome developer console?

[antisocialmunky]

It is really hard to tell what threads have been red. I think its because of the font tint.

[nabaxo]

Also, I agree with KJN that we should use CSS buttons.

[kjn]

Also, I agree with KJN that we should use CSS buttons.

There is a ready-made plugin for that, and the CSS code for this is installed under the MyBB settings (it embeds the CSS, it doesn't link to it).