Style Requests for xenforo

What colors should read/unread threads be?


  • Total voters
    6
  • Poll closed .

FilthyFletch

Mr I Can Do That For Half
Yeah the neon green and white have to go its like having to be forced into an apple store then someone threw up lol just really really bad on the eyes. Gotta be an option to change the pallet for sure this just wont do at all
 

thecannacove

Well-Known Member
Another request is to reduce the size of some of the vertical margins on the main forum list.

.node .nodeText {
margin: 5px 270px 5px 56px;
/* margin: 10px 270px 10px 56px; old */
}

and

.node .nodeIcon {
margin: 6px 0 5px 5px;
/* margin: 10px 0 5px 5px; old */
}

Here is what the changes look like:

before:


After:

View attachment 3039944
Definitely think the margins would be a huge improvement.
 

Mello136

Active Member
You should make the background darker. It will help alleviate the green color on the eyes and make the messages POP! It is definitely the background color that bothers the eyes.
 

churchhaze

Well-Known Member
For anyone using the "stylish" firefox extension, I made a style which fixes the following:

- width is 100%
- side content on main forum list hidden, and forum list expanded to the right
- green changed to be more like the old version, and used less. The black bar is back.
- Unread threads are a dark greenish blue color, while read threads are lightened.
- Sticky thread rows have a slightly different background color.
- Pagination boxes always shown in thread list without having to mouse over.
- Subforum mouse over menu omits redundant heading.
- posts borders are a bit darker, and bottom margin reduced.
- margins between forum section rows reduced.

It's not what I'd call "pretty", but it makes the forum a lot more usable until the admins have time to get this stuff sorted out.

Get stylish, make a style, and put this into it:

Code:
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("rollitup.org") {
    .pageWidth {
        max-width: 100% !IMPORTANT;
    }
 
    .primaryContent a {
        color: #007080;
    }
 
    .xeno_cat_top_center {
        background-color: #ecdfbd;
    }
    .xeno_cat_top_title h3 a, .xeno_cat_top_title h3 a:visited {
        color: #928857;
    }
    .xeno_cat_bottom_center {
        background-color: #ecdfbd;
    }
    .node .nodeText {
        margin: 3px 270px 3px 56px;
    }
    .node .nodeIcon {
        margin: 3px 0 3px 5px;
    }
    .node .nodeLastPost {
       margin: 4px;
    }
    .subForumsMenu .primaryContent {
        display:none;
    }
 
    .node .nodeControls {
        margin: 15px 0;
    }
 
    .navTabs .navTab.selected .navLink {
        background-color: #919e4c;
    }
 
    .navTabs .navTab.selected .tabLinks a  {
        text-shadow : none;
    }
 
    .Popup .PopupControl.PopupOpen, .Popup.PopupContainerControl.PopupOpen {
        background-color: #919e4c;
    }
 
    .navTabs .navTab.selected .tabLinks {
        background-color: black;
    }
    .navTabs .navTab.selected .tabLinks {
        border-bottom: 1px solid black;
    }
    #QuickSearch {
        background-color: black;
        margin-top: -25px;
    }
 
    .footer .pageContent {
        background-color: #919e4c;
    }
 
    .discussionList .sectionHeaders {
        background-color: #ecdfbd;
        text-shadow: none;
    }
    .discussionList .sectionHeaders a {
        color: #928857;
    }
    .discussionListItem .itemPageNav {
        visibility: visible;
    }
    .discussionListItems a:link,.discussionListItems a:visited {
        color: #80a0b0;
    }
    .discussionListItems .unread .title a {
        color : #007080;
    }
    .discussionListItem.visible.sticky, .discussionListItem.visible.sticky .posterAvatar, .discussionListItem.visible.sticky .stats {
       background-color : #eAeAea;
    }
 
    .messageList .message {
        border: 1px solid #919e4c;
        margin-bottom: -1px;
    }
 
    div.sharePage, div.shareControl, div.infoblock .sharePage, div .visitorPanel, div.staffOnline, div.membersOnline, div#xeno_social, div#boardStats {display:none;}
    div.sidebar {width:0;display:none}
    div.mainContent {margin-right: 0}
}
 
Last edited:
Top