Userstyle für das Forum

[Asmodis]

Aus aktuellem Anlass (Zu große Bilder in Beiträgen sprengen das Layout) und weil wohl leider bis auf weiteres keine Forenupdates zu erwarten sind:

Eine Zeit lang hatte ich ja bereits einen Link zu meiner gimpforum-Modifikation auf userstyles.org in meiner Signatur. Dann kam stylish allerdings aufgrund der Auswertung von Nutzerdaten etwas in Verruf und ich habe den Link aus der Signatur entfernt.


Es gibt allerdings auch Möglichkeiten, Userstyles ohne Addon zu installieren:

https://www.itsupportguides.com/know...-with-firefox/

Wer also den Style mal auf diese Weise ausprobieren möchte, hier ist der CSS-Code. Fühlt euch frei, Anpassungen und Verbesserungen vorzunehmen.

Letztes Update: 28.6.2018 00:15

@-moz-document domain("gimpforum.de") {

.page div[id*='vB_Editor'] .imagebutton img {
    max-width: initial;
}

table.tborder[id*='post'] td.alt2{
    border-right: 1px solid #ccc !important;
}

table.tborder[id*='post'] div[id*='post_message'] td.alt2{
    border-right: 0 !important;
    border-left: 2px solid #c00 !important;
    box-shadow: 0px 0px 1px inset grey;
    padding: 1rem;
}

.tborder tr,
.tborder td,
.tborder th {
    border: 0 !important; /*important is needed because the blue borders are styled directly in the html...*/
}

.vbmenu_control {
    min-width: 30px;
}

.vbmenu_control img {
    display: none;
}

.vbmenu_control#imod img {
    display: block;
}

img[src*="images/statusicon"] {
    filter: grayscale(0.5);
}

img[src*="images/buttons"] {
    filter: grayscale(0.5);
}

.navbar_notice img {
    filter: grayscale(0.8); /*Big blue links on top */
}

.page div[id*='post_message'] img,
.page tr[title*='Beitrag'] img{
    max-width: 100%; /* images in posts */
}

.tborder {
    border: 1px solid #aaa;
    box-shadow: 0 0 10px -5px #000;
}

.vbmenu_popup table{
    min-width: 7em;
}

#galeriemenu img{
    display: none;
}

#galeriemenu a:after{
    content: url("http://gimpforum.de/images/misc/menu_open.gif");
    margin-left: 2px;
}

a[href="http://wiki.gimpforum.de"]{
    display: none !important;
}

.vbmenu_option a:link, .vbmenu_option_alink, .vbmenu_option a:visited, .vbmenu_option_avisited{
    color: black;
}

.thead a:hover, .thead a:active, .thead_ahover, .tcat a:hover, .tcat a:active, .tcat_ahover{
    color: #c00 !important;
    text-decoration: none;
}

.vbmenu_option{
    background: white;
}


.vbmenu_control{
    padding: 0;
}

.vbmenu_control a{
    display: block;
    height: 100%;
    float: left;
    width: 100%;
    line-height: 100%;
    padding: 1em;
    text-align: center;
    box-sizing: border-box;
}

.vbmenu_control a:hover{
	background: grey;
    text-decoration: none;
}

li.tborder {
    border-radius: 10px 10px 0 0;
    box-shadow: 0 0 0 0 #000;
}
.alt2 {
    background: #fff;
}
.alt1Active {
    background: #fff;
}
.alt1 {
    background: #fff;
}
.thead {
    background: #333;
}
.tcat {
    background: #333;
    box-shadow: 0px -2px 5px 0px #000;
}
.tfoot {
    background: #333;
}
.vbmenu_control {
    background: #333;
}
a:link {
    color: black;
}
a:visited {
    color: #222;
    text-decoration: none;
}
body,
html {
    font-size: 1.1rem;
    letter-spacing: 0.01em;
    font-family: Carlito !important;
    background: #fff;
}
input[type="text"] {
    border: 1px solid grey;
    padding: 4px;
    border-radius: 5px;
}
input {
    padding: 5px;
}
a:hover {
    color: #c00;
}
.smallfont {
    line-height: 1.5em;
}
.smallfont .inlineimg {
    margin-left: 0.5em;
}
tbody[id^="collapseobj_forumbit_"] .smallfont {
    margin-top: 1em;
}
a[onclick^="return toggle_collapse"] {
    display: none;
}

/*#collapseobj_forumbit_39 {
    display: none;
}
.tborder tbody:nth-last-child(3) .tcat{
    display: none;
}*/

tbody[id^="collapseobj_forumbit_"] tr:hover .alt2,
tbody[id^="collapseobj_forumbit_"] tr:hover .alt1,
tbody[id^="collapseobj_forumbit_"] tr:hover .alt1Active {
    background: #f4f4f4;
}
tbody[id^="threadbits_forum_"] tr:hover .alt2,
tbody[id^="threadbits_forum_"] tr:hover .alt1 {
    background: #f4f4f4;
}
div[id^="post_message_"] {
    text-align: justify;
}
body {
    max-width: 1500px;
    margin: auto;
}
.panel{
    background: white;
    border: 0;
    box-shadow: 0px 0px 5px 0px #000;
}
.panelsurround{
    background: #eee;
}
}