Customizing the Inline Moderation Tool

[guclusat]

Customizing the Inline Moderation Tool

For the longest time, I thought that the inline moderation tool could not be styled because I thought it was a Java-related thing like the social sharing things. However, today I decided to play around with the CSS, and it can be styled.

For anyone else wanting to style that area, which is a kind of easy to miss area in terms of styling, here is the CSS:

.inlineCtrlGroup {
    color: @contentText !important;
    background: @primaryLightest !important;
    border-bottom: 1px solid @primaryLight !important;
}

.inlineCtrlGroup .textCtrl {
    color: @textCtrlText !important;
    background: @textCtrlBackground !important;
    border: 1px solid @primaryLight !important;
}

.discussionListItemEdit .buttons input {
    color: @secondaryDarker !important;
    background: @secondaryMedium !important;
}

.discussionListItemEdit .buttons input:hover {
    background: @inlineMod !important;
}

Obviously adjust the colors to suit your needs.

I wish you success.