Wikipedia neues Layout anpassen

Wikipedia hat das neue Design ausgerollt. Jetzt ist rechts eine Leiste, um Anpassungen vorzunehmen. Kann man per css / Skript das ganze so festlegen, dass folgende Einstellungen automatisch geladen werden:

- Erscheinungsbild: verbergen (Leiste ist hinter Button versteckt und nimmt keinen unnötigen Platz ein)

- Text: "klein"

- Breite: "Breit"

Auch möchte ich gerne das Suchfeld wieder mehr rechts haben.

Zitat von milupo

Also ich habe die Erscheinungsbild-Leiste sofort ausgeblendet.

Ich hätte noch folgendes dazu schreiben müssen: Ich nutze FF eig. immer im privaten Modus. Dadurch werden keine Cookies gespeichert und ich müsste die Einstellungen jedes Mal neu vornehmen.

ChatGPT hat mir folgendes, nicht funktionierendes, css dazu generiert:

/*Wikipedia*/
@-moz-document domain("https://de.wikipedia.org") {
/* Suche wieder rechts*/
div#p-search.vector-search-box-vue.vector-search-box-collapses.vector-search-box-show-thumbnail.vector-search-box-auto-expand-width.vector-search-box {
 margin-left: 400px !important;
}
/* Erscheinungsbild: verbergen */
#mw-panel {
   display: none; /* Versteckt das Seitenpanel */
}
/* Text: klein */
body {
   font-size: small; /* Setzt die Schriftgröße auf klein */
}
/* Breite: breit */
body {
   max-width: 1200px; /* Setzt die maximale Breite des Inhalts */
   margin: 0 auto; /* Zentriert den Inhalt */
}
}

Dieses habe ich per @import in meine userContent.css hinzugefügt. Kann daraus was gemacht werden?

Zitat von .DeJaVu

Gibt es bei auch nicht mehr, schon länger nicht mehr. Aktuelles CSS. Ich nutze Stylus, funktioniert ohne Neustart :p

CSS

@-moz-document domain("wikipedia.org") {
:root
{
  --wmde-banner-height: 0 !important;
  --wmde-banner-transition-duration: 0 !important;
}

.wmde-show-banner #mw-page-base,
.wmde-show-banner #mw-mf-viewport,
.wmde-show-banner .vector-header-container,
.wmde-show-banner #mw-panel,
.wmde-show-banner #mw-head,
.wmde-show-banner #mw-mf-page-left
{
  padding-top: 0 !important;
  top: 0 !important;
}

.vector-column-end,
.vector-user-links,
#wmde-banner-app,
.vector-menu-content-list,
#ca-talk,
#p-personal
{
    display: none;
}

#mw-head-base
{
    height: 0 !important;
}


@media (min-width: 961px)
{

    .mw-editsection,
    #page-actions-watch,
    #page-actions-edit,
    #siteNotice
    {
        display: none;
    }

    .thumb,
    .thumbinner
    {
        min-width: 300px;
    }
}

@media (max-width:760px)
{
    
    /*
    html
    {
        font-size: 1.5em;
    }
    */

    [id="bodyContent"],
    .vector-body
    {
        font-size: 1.1em;
    }


    #mw-panel,
    #p-personal,
    .last-modified-bar,
    .mw-footer,
    .page-actions-menu
    {
        display: none;
    }

    .mw-body,
    #mw-data-after-content
    {
        margin-left: 0;
    }

    h2 {
        font-size: 1.1em;
    }

    .content h2, .content h3, .content h4, .content h5, .content h6
    {
        padding: 0 !important;
    }

    .client-js .collapsible-block
    {
        display: block !important;
    }

}

}

Alles anzeigen

Gibt es da auch eine Möglichkeit, dass auf der Artikelseite die Breite standardmäßig "breit" ist?

Zitat von .DeJaVu

wiki ist lese und hirn-freundlich aufgebaut. Das menschliche Hirn kann nur eine bestimmte Anzahl Worte pro Zeile aufnehmen.

Wenn, dann musst du mit diesen Werten spielen:

Code

@media screen and (min-width: 1120px) {
  .mw-body {
    grid-template:
min-content min-content min-content 1fr / minmax(0,59.25rem) min-content;
}

Welche Werte müssen hier geändert werden?