forum style tweaks

[Pentaborane]

Here are some of my .CSS style tweaks to make using the forum somewhat more bearable. Use a browser addon such as Stylus (used to be known as Stylish) for Firefox and Chrome.

/* more visible unread thread indicator */
.is-unread .structItem-cell.structItem-cell--main::before {
    color: #FFA500;
}

/* less wide rating tooltip for widescreen displays */
.tooltip--reaction {
    width: 400px;
}

/* more readable, smaller, sans-serif font */
.bbWrapper, .fr-box.fr-basic .fr-element {
    font: 14px / 1.4 sans-serif !important;
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif !important;
}

/* alert unread indicator that doesn't require hovering */
.alertToggler {
    opacity: 1 !important;
}
.is-unread .alertToggler-icon {
    color: #f2930d !important;
}
.alert a {
    font-weight: bold;
}

 

[Baraadmirer]

Thanks for this; I am a newb when it comes to .css, so this makes it easier for me to tweak styles on my own with Stylus. Here's two I made:

/*make elements like the bell and poll icons yellow*/
.structItem-status::before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 300;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    color: #FF0;
}

/*Make "True and Honest" banner more visible on default skin*/

.userBanner.userBanner--green {

    color: #00FF00;

    background: none;

    border: 1px solid #00FF00;

}

 

[Pentaborane]

Removing recent inanities:

    .p-pageWrapper {
        background-image: none !important;
    }
    img[src="/attachments/majestic-bald-eagle-perching-with-patriotic-pride-generated-by-ai_188544-29883-jpg.5191387/"] {
        display: none;
    }