1. Nachrichten
  2. Forum
    1. Unerledigte Themen
    2. Forenregeln
  3. Spenden
  • Anmelden
  • Registrieren
  • Suche
Alles
  • Alles
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
  1. camp-firefox.de
  2. FuchsFan

Beiträge von FuchsFan

  • Addons Manager Code anpassen

    • FuchsFan
    • 26. Dezember 2021 um 16:42
    Zitat von grisu2099

    Ich steh mal wieder aufm Schlauch - welche Änderung meinst du?

    Neu ist Site Permissions.

  • Addons Manager Code anpassen

    • FuchsFan
    • 26. Dezember 2021 um 16:26
    Zitat von grisu2099

    Sollte sich da nicht sowieso was am Design der Seite ändern

    Eine Änderung ist schon da im Nightly .

  • Addons Manager Code anpassen

    • FuchsFan
    • 26. Dezember 2021 um 16:06
    Zitat von 2002Andreas

    Der Code müsste wahrscheinlich kompl. neu aufgebaut werden.

    Das war ja mein Gedanke dazu, Andreas. :)

  • Addons Manager Code anpassen

    • FuchsFan
    • 26. Dezember 2021 um 15:50
    Zitat von Boersenfeger

    allerdings komme ich mit dem Hauptproblem nicht wirklich weiter... es passt ja alles, bis auf die Anordnung der Buttons

    Das ist ja das Problem, dass es in keinem der älteren Codes mehr funktioniert. Dieser Code brachte die Button in die Horizontale, bei Aris ist dazu auch noch nichts Neues erschienen.

    CSS
    /* bringt die Button in horizontale Lage */
        div.arrow.top + div.list {
          display: flex !important;
          flex-flow: row wrap !important;
          justify-content: flex-start !important;
        }

    Eventuell hilft dir ja ein anderer User dabei.

  • Addons Manager Code anpassen

    • FuchsFan
    • 26. Dezember 2021 um 11:41
    Zitat von Dharkness

    Die brauchst Du nicht, das CSS-Voodoo ist für alle, die es haben wollen.

    Na dann! :thumbup: Zur freien Auswahl.

    CSS
    /*=================== AGENT_SHEET =============================*/
    
    @-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
                   url(about:addons) { 
    
    /* Add-ons-Manager linke Seite (Sidebar) Hintergrund */
    #sidebar {
        background: linear-gradient(to bottom right, white,#acacac,#f2f3f4,#acacac, #f2f3f4,#acacac) !important;
    }    
        
    /* Add-ons-Manager rechte Seite Hintergrund */
    #full #content{
        background: #bfc1c2 !important;
    }
    
    /* Border gesamter Hintergrund */
    html{ 
        border: 5px solid lightgrey !important;      
    }  
    
    /*===== Zurück- /Zahnrad-Button / Suche =======*/
        
    /* obere Box ist - sticky-container - */
    /* Suche und Upadates */
    addon-page-header#page-header .sticky-container {
        background: linear-gradient(to bottom right, white, #acacac, #f2f3f4, #acacac, #f2f3f4, #acacac, #f2f3f4) !important;
        border-radius: 0px !important;
        border-bottom: 1px solid #787878 !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        width: 1653px !important;
    }
    stack#preferences-stack .sticky-container {
        border-radius: 0 !important;
        border-bottom: 0 !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    
    /* oben die Suche */
    .sticky-container .main-search {
        background-color: #B8B8B8 !important;
        min-width: 531px !important;
        max-width: 531px !important;
        border-radius: 0px !important;
        border: 1px solid #787878 !important;
        padding: 0 0 0 5px !important;
        margin-top: 0 !important;
        margin-bottom: 5px !important;
        margin-left: 28px !important;
    }
    .sticky-container .main-search .search-label {
        color: #D01100 !important;
    }
    .sticky-container .main-search search-addons {
        border-radius: 0px !important;
        border: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .sticky-container .main-search search-textbox {
        background-color: #f2f3f4 !important;
        min-height: 26px !important;
        max-height: 26px !important;
        border-radius: 0px !important;
        border: 1px solid #787878 !important;
        padding: 0 5px !important;
        margin: 1px !important;
    }
    
    /* Box mit dem Namen */
    .sticky-container .main-heading {
        min-width: 536px !important;
        max-width: 536px !important;
        border-radius: 0px !important;
        border: 1px solid #787878 !important;
        background-color: #B8B8B8 !important;
        padding: 0 !important;
    }
    .sticky-container .main-heading h1.header-name {
        font-weight: bold !important;
        font-size: 1.26em !important;
        color: #D01100 !important;
        margin-top: 1px !important;
        margin-bottom: 2px !important;
        margin-left: 5px !important;
    }
    
    /* Zurück- und Zahnrad-Button */
    .sticky-container .main-heading button.back-button,
    .sticky-container .main-heading button.more-options-button {
        min-width: 26px !important;
        max-width: 26px !important;
        min-height: 26px !important;
        max-height: 26px !important;
        border-radius: 0px !important;
        border: 1px solid #787878 !important;
        padding: 0 !important;
        margin: 1px 1px 1px 0 !important;
    }
    .sticky-container .main-heading button.back-button {
        margin: 1px !important;
    }
    .sticky-container .main-heading button.back-button:hover,
    .sticky-container .main-heading button.more-options-button:hover {
        fill: #000 !important;
        background-color: #D1E2F2 !important;
    }
    
    
    /*=============== Container rechte Seite anpassen ==================*/
    
    /* für alle Elemente rechte Seite die Länge einstellen */
    
    addon-list addon-card > .addon.card,
    addon-card[expanded] >.addon.card {
       width: 1225px !important; /* max. Länge aller Elemente */
       background: #f3f3f3 !important; /* Hintergrundfarbe */
       border: 1px solid grey !important;
       border-width:  5px !important;
       border-style: double !important;
    }
    
    /* Länge für Empfehlungen verkürzt */   
    #main div discovery-pane recommended-addon-list recommended-addon-card div.card.addon {
       max-width: 60vw !important; }  
    
    /* Länge für Empfehlungen unter Erweiterungen verkürzt */     
    div.card.addon{
       width: 60vw !important;}   
    
    /* Hintergrund der Container bei Hover andere Farbe */
    addon-list addon-card > .addon.card:hover {
       background: lightblue !important;
    }
    
    /* Umrandung der Container bei Hover breiter Rand und andere Farbe */
    :root {
        --card-outline-color: royalblue !important;
    }
    
    /* vertikaler Abstand zwischen den Containern */
    addon-card .addon {
       margin: 10px !important;
    }
    
    /*Höhe der Container */
    addon-card:not([expanded="true"]) .addon.card {
       max-height: 78px !important; /* maximale Höhe der Container / hauptsächlich für Theme gedacht */
    }
    
    /* Schrift in den Containern / erlaubte Ausdehnung nach rechts */
    .addon-description {
       max-width: 1000px !important;
    }
    
    /* verhindert die Ausweitung der Schrift über den rechten Rand der Container */
    addon-card > .addon.card,
    addon-card > .addon.card * {
       overflow: hidden !important;
    }
    
    /* verlagert unter Themes den Namen auf die rechte Seite */    
    /* https://www.camp-firefox.de/forum/thema/128571-ansicht-erweiterungen-verwalten/?postID=1161843#post1161843 */
    addon-list[type="theme"] addon-card div.card.addon div.addon-card-collapsed {
       min-height: 82px !important;
       padding: 0px 3px 1px 3px !important;
       margin: -100px 0 0 810px !important;
    }
    recommended-themes-section recommended-addon-card .card.addon .card-contents {
       min-height: 82px !important;
       padding: 0px 3px 1px 3px !important;
       margin: -100px 0 0 810px !important;
    }    
    addon-list[type="theme"] .addon-name{ /* Name nach oben versetzt */
       margin-top: 2px !important;
    }
    
    /* unter Themes die Grafik anpassen */
    .card-heading-image {
       min-width: 800px !important; /* Länge der Grafik */
       height: 90px !important; /* Höhe der Grafik */
       margin-left: -4px !important; /* Abstand vom linken Rand */
       margin-top: -8px !important; /* Abstand vom oberen Rand */
       border: 2px solid grey !important; /* Umrandung */
       border-radius: 8px !important;
    }
    
    /* Drei-Punkte-Button */
    addon-card .more-options-button {
       border-radius: 0px !important;
       fill: #FFF !important;
       border: 1px solid #EDEDED !important;
       background-color: #6E6961 !important;
       margin-top: 3px !important;
       margin-right: 0 !important;
       margin-left: 1px !important;
    }
    addon-card .more-options-button:hover {
       border: 1px solid #006FC2 !important;
       background-color: #D1E2F2 !important;
       fill: #000 !important;
    }
    addon-card[expanded] .more-options-button {
       border-radius: 0px !important;
       fill: #FFF !important;
       border: 1px solid #B2B2B2 !important;
       margin-top: 3px !important;
       margin-right: 0 !important;
       margin-left: 1px !important;
    }
    addon-list[type="theme"] addon-card .more-options-button {
       margin-bottom: 3px !important;
       margin-left: 3px !important;
    }
    addon-card[expanded] .more-options-button:hover {
       background-color: #D1E2F2 !important;
       fill: #000 !important;
    }
    
    /* Icons im Popup des Drei-Punkte-Button entfernen (Papierkorb, usw.) */
    /* :host([checked]),
    panel-item[checked],
    :-moz-any(addon-list,panel-list) panel-item {
       --icon: unset !important;
    }  */
    
    /*================ Hintergrund für Container ===============*/
    /* Section 0 für Aktiviert / Section 1 für Deaktiviert */
    
    /* Erweiterungen */
    addon-list[type="extension"] section[section="0"],
    addon-list[type="theme"] section[section="0"],
    addon-list[type="plugin"] section[section="0"],
    addon-list[type="dictionary"] section[section="0"] {
       box-shadow: none !important;
       border-radius: 0px !important;
       border: 2px solid #EDEDED !important;
       background-color: #707070 !important;
       padding: 0 !important;
       margin: 24px 1px 0 0 !important;
       width: 1285px !important;
    }
    addon-list[type="extension"] section[section="1"],
    addon-list[type="theme"] section[section="1"] {
       box-shadow: none !important;
       border-radius: 0px !important;
       border: 2px solid #EDEDED !important;
       background-color: #707070 !important;
       padding: 0 !important;
       margin: 24px 1px 0 0 !important;
       width: 1285px !important;
    }
    
    /*==================== sonstige Anpassungen =====================*/
    
    /* Namen aller Addons Farbe ändern (Hover) */
    addon-card:hover .addon-name .addon-name-link,
    addon-card:hover .addon-description {
       color: blue !important;
    }
    
    /* Versionsnummer wird angezeigt */
    div:not([current-view="updates"]) .addon-name-link[title]::after,
    div:not([current-view="updates"]) .addon-name[title]::after {
       display: block !important;
       content: attr(title) !important;
       margin-top: -22px !important;
    }
    
    /* blendet den Text für privates Browsing ein */
    /* bei kurzen Containern empfiehlt sich die Deaktivierung */
    .addon-badge-private-browsing-allowed::before {
       content: "(In privaten Fenstern erlaubt)" !important;
       margin-left: 10px !important; /* Entfernung nach rechts */
    }
    .addon-badge-private-browsing-allowed {
       min-width: 430px !important; /* lila Icon Entfernung nach rechts */
    }
    
    /* fortlaufende Nummerierung installierter Erweiterungen, Themes, usw. */
    body {
        counter-reset: section !important;                   
        }
    #main > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(n+1) > div:nth-child(1) > div:nth-child(2)::before {
        font-size:18px!important;  
        color: red !important;
        font-weight: bold !important;
        counter-increment: section;                 
        content: counter(section, decimal-leading-zero)".) ";
        margin-left: 1px !important;
        padding-right: 8px !important; 
    }
    
    /* Unter Plugins - Nachfragen ob aktiviert werden soll - entfernt */
    #main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(2) > div:nth-child(1) > plugin-options:nth-child(4) > panel-list:nth-child(1) > panel-item:nth-child(1),
    #main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(3) > div:nth-child(1) > plugin-options:nth-child(4) > panel-list:nth-child(1) > panel-item:nth-child(1) {
       display: none !important;
    }
    
    /*=========== Menü Verwalten - externe Links - Darstellung ============*/
    
    /* Länge des Menü - Verwalten - */
    addon-card[expanded] .addon.card{
       max-width: 1100px !important;
       background: #f8f8ff !important;
    }
    
    /* Hintergrund der Button ausblenden */
    addon-list addon-card > .card,
    addon-card[expanded] > .card,
    addon-list addon-card > .card:hover,
    addon-card[expanded] > .card:hover {
       --in-content-button-background: none !important;
       --in-content-button-background-hover: none !important;
       --in-content-button-background-active: none !important;
    }
    
    /* Hintergrund Menü Verwalten bei Hover */
    .card:hover,
    addon-list addon-card > .card:hover,
    addon-card[expanded] > .card:hover {
       background: #f2f3f4 !important;
    }
    
    /* Button im Menü Verwalten */    
    .button-link,
    section[name="details"] .addon-detail-row a.support-link,
    section[name="details"] .addon-detail-row a[is="support-link"],
    section[name="details"] a[data-telemetry-name="homepage"],
    section[name="details"] a[data-telemetry-name="author"],
    section[name="details"] a[data-telemetry-name="rating"] {
       appearance: none !important;
       text-decoration: none !important;
       background-color: #A1A1A1 !important;
       color: #FFF !important;
       padding: 2px 6px !important;
       margin-top: 2px !important;
       margin-bottom: 2px !important;
    }
    /* Button im Menü Verwalten (Hover) */    
    .button-link:hover,
    section[name="details"] .addon-detail-help-row a.support-link:hover,
    section[name="details"] .addon-detail-row a[is="support-link"]:hover,
    section[name="details"] a[data-telemetry-name="homepage"]:hover,
    section[name="details"] a[data-telemetry-name="author"]:hover,
    section[name="details"] a[data-telemetry-name="rating"]:hover,
    addon-permissions-list .addon-detail-row a[is="support-link"]:hover,
    named-deck#details-deck update-release-notes >p > a:hover,
    named-deck#details-deck div.addon-detail-description > a:hover {
       appearance: none !important;    
       background-color: #33ccff !important;
       color: blue !important;
    }
    
    /* Button liks oben / z.B. Lizenzinformationen bei Plugins */
    addon-permissions-list .addon-detail-row a[is="support-link"],
    named-deck#details-deck update-release-notes >p > a,
    named-deck#details-deck div.addon-detail-description > a {
       appearance: none !important;
       text-decoration: none !important;
       background-color: #A1A1A1 !important;
       color: #FFF !important;
       padding: 4px 8px !important;
       padding-bottom: 8px !important;
    }
    
    /* Details-Box für Unterstützung des Autors */
    .addon-detail-contribute {
       background-color: #e5e5e5 !important;
    }
    /* Button - Unterstützen - in Addons-Verwaltung */
    .addon-detail-contribute-button:hover {
       fill: red !important;
       background-color: #33ccff !important;
    }
    
    /* oben links die Details-Button */
    .tab-button[selected]{
       background: lightblue !important;
       font-weight: bold !important;
       color: blue !important;
    }
    .tab-button:hover{
       background-color: #33ccff !important;
       color: blue !important;
    }
    
    /* Menü Verwalten Container nach unten verlagern */    
    addon-card[expanded] > .card {
       margin-top: 32px !important;
    }
    
    /*=========== alle Bereiche Aktiviert/Deaktiviert - Farbe ===========*/
        
    /* Theme - Aktiviert - */
    .list-section-heading[data-l10n-id="theme-enabled-heading"]{
       border-bottom: 2px solid #EDEDED !important;
       background-color: forestgreen !important;
       font-weight: bold !important;
       color: white !important;
       width: 100% !important; /* Länge */
       text-align: center !important;
       margin-top: 0 !important;
       margin-bottom: 0 !important;
       margin-left: 0 !important;
    }
    /* Erweiterungen, Plugins, Wörterbücher - Aktiviert - */
    .list-section-heading[data-l10n-id="extension-enabled-heading"],
    .list-section-heading[data-l10n-id="plugin-enabled-heading"],
    .list-section-heading[data-l10n-id="dictionary-enabled-heading"] {
       border-bottom: 2px solid #EDEDED !important;
       background-color: forestgreen !important;
       font-weight: bold !important;
       color: white !important;
       width: 100% !important; /* Länge */
       text-align: center !important;
       margin-top: 0 !important;
       margin-bottom: 0 !important;
       margin-left: 0 !important;
    }
        
    /* Theme - Dektiviert - */
    .list-section-heading[data-l10n-id="theme-disabled-heading"]{
       border-bottom: 2px solid #EDEDED !important;    
       background-color: red !important;
       border-bottom: 2px solid #EDEDED !important;
       background-color: red !important;
       font-weight: bold !important;
       color: white !important;
       width: 100% !important; /* Länge */
       text-align: center !important;
       margin-top: 0 !important;
       margin-bottom: 0 !important;
       margin-left: 0 !important;
    
    }    
    /* Erweiterungen, Plugins, Wörterbücher - Dektiviert - */
    .list-section-heading[data-l10n-id="extension-disabled-heading"],
    .list-section-heading[data-l10n-id="plugin-disabled-heading"],
    .list-section-heading[data-l10n-id="dictionary-disabled-heading"] {
       border-bottom: 2px solid #EDEDED !important;    
       background-color: red !important;
       font-weight: bold !important;
       color: white !important;
       width: 100% !important;
       text-align: center !important;
       margin-top: 0 !important;
       margin-bottom: 0 !important;
       margin-left: 0 !important;
    }    
     
    /*========== Button Aktivieren/Deaktivieren unter Themes im Menü Verwalten ==========*/
        
    button.theme-enable-button[data-l10n-id="enable-addon-button"] {
    min-height: 24px !important;
    border-radius: 0px !important;
    border: 1px solid #EDEDED !important;
    background-color: #006800 !important;
    color: #FFF !important;
    padding: 1px 6px 3px 6px !important;
    margin-top: 3px !important;
    }
    button.theme-enable-button[data-l10n-id="disable-addon-button"] {
    min-height: 24px !important;
    border-radius: 0px !important;
    border: 1px solid #EDEDED !important;
    background-color: #EE0909 !important;
    color: #FFF !important;
    padding: 1px 6px 3px 6px !important;
    margin-top: 3px !important;
    }
    button.theme-enable-button[data-l10n-id="enable-addon-button"]:hover,
    button.theme-enable-button[data-l10n-id="disable-addon-button"]:hover {
    border: 1px solid #006FC2 !important;
    background-color: #D1E2F2 !important;
    color: #000 !important;
    margin-top: 3px !important;
    }
    button[class="disco-cta-button"][data-l10n-id="manage-addon-button"] {
    min-height: 25px !important;
    border-radius: 0px !important;
    border: 1px solid #EDEDED !important;
    background-color: #323234 !important;
    padding: 2px 6px 2px 6px !important;
    margin-top: 3px !important;
    }
    button[class="disco-cta-button"][data-l10n-id="manage-addon-button"]:hover {
    border: 1px solid #006FC2 !important;
    background-color: #D1E2F2 !important;
    color: #000 !important;
    }
    button[class="disco-cta-button primary"] {
    min-height: 25px !important;
    border-radius: 0px !important;
    border: 1px solid #EDEDED !important;
    background-color: #323234 !important;
    padding: 2px 6px 2px 6px !important;
    margin-top: 3px !important;
    }
    button[class="disco-cta-button primary"]:hover {
    border: 1px solid #006FC2 !important;
    background-color: #D1E2F2 !important;
    color: #000 !important;
    }
    
    
    /*======= Aussehen des Menü hinter dem Zahnrad =========*/
    
    panel-list > panel-item,
    panel-list > panel-item a,
    #page-options > panel-list > panel-item,
    #page-options > panel-list > panel-item a{
       appearance: none !important;
       opacity: 1.0 !important;
       box-shadow: none !important;
       background: lightgrey !important;
       background-image: none !important;
       margin: 1px !important;
    }
    panel-list > panel-item:hover,
    panel-list > panel-item:hover a,
    #page-options > panel-list > panel-item:hover,
    #page-options > panel-list > panel-item:hover a {
       appearance: none !important;
       opacity: 1.0 !important;
       box-shadow: none !important;
       background: lightyellow !important;
       background-image: none !important;
       color: red !important;
    }
    
    /* Separatoren (Zwischenlinien) entfernt */
    addon-page-options panel-list panel-item-separator{
       display: none !important;
    }
    
    /*========== Suchfeld für Updates (unter der Addon-Suche) ==========*/
     
    /* blendet den Hintergrund Verfügbare Updates aus / auch bei Hover */
    #updates-message,
    #updates-message:hover {
       --in-content-button-background: none !important;
       --in-content-button-background-hover: none !important;
       --in-content-button-background-active: none !important;
    }
    /* Button Verfügbare Updates anzeigen */
    #updates-message {
    min-width: 271px !important;
    max-width: 271px !important;
    margin: 1px auto !important;
    text-align: center !important;
    }
    /* Anzeige über Updates links vom Zahnrad-Button */
    #updates-message[state="none-found"] {
       border: 1px solid #33ccff !important;
       background: lightblue !important;
       color: blue !important;
       margin:1px auto !important;
       min-height: 22px !important;
       max-height: 22px !important;
    }
    [data-l10n-id="addon-updates-updating"],
    [data-l10n-id="addon-updates-none-found"],
    [data-l10n-id="addon-updates-manual-updates-found"],
    [data-l10n-id="addon-updates-installed"] {
       border: 1px solid #33ccff !important;
       background: lightblue !important;
       color: blue !important;    
       margin:1px auto !important;
       min-height: 22px !important;
       max-height: 22px !important;
       min-width: 271px !important;
       max-width: 271px !important;
    }
    
    /*========== zusätzliche Anpassungen für Menü hinter dem Dreipunkte-Button ===========*/    
    
    /* blendet den Hintergrund aus / auch bei Hover */
    /* Wirkung auch auf Menü hinter dem Zahnrad */
    panel-list > panel-item,
    panel-list > panel-item:hover {
       --in-content-button-background: none !important;
       --in-content-button-background-hover: none !important;
       --in-content-button-background-active: none !important;
       opacity: 1.0 !important;
       filter:  contrast(1.15) !important;
    }
    
    /* Dreipunkte-Menü */
    panel-list{
       padding: 6px !important;    
       background: gainsboro !important;
       border: 1px solid dodgerblue !important;
       border-width:  4px !important;
       border-style: double !important;
    }
    
    /* Dreipunkte-Menü die Button */    
    panel-list > panel-item{
       margin: 2px !important; /* Abstand dazwischen */
       border: 1px solid grey !important;
    }
    
    /* Separatoren entfernt */
    addon-options > panel-list > panel-item-separator,
    plugin-options > panel-list > panel-item-separator {
       display: none !important;
    }
    
    /* Button - Entfernen */
    addon-options > panel-list > panel-item[action="remove"]{
       background: #CE091F !important;
       color: white !important;
    } 
           
    /* Button - Einstellungen */
    addon-options > panel-list > panel-item[action="preferences"] {
       background: #217B22 !important;
       color: white !important;
    }
        
    /* Button - Melden */
    addon-options > panel-list > panel-item[action="report"]{
       color: white !important;
       background: #663399  !important;
    }
    
    /* Button - Verwalten */
    addon-options > panel-list > panel-item[action="expand"]{
       color: white !important;
       background: royalblue !important;
    }    
    
    /* Plugins-Button - Immer aktivieren */
    panel-list > panel-item[action="always-activate"] {
       background: green !important;
       color: white !important;
    }
    /* Plugins-Button - Nie aktivieren */
    panel-list > panel-item[action="never-activate"]{
       background: #961608 !important;
       color: white !important;
    }
    /* Plugins-Button - Verwalten */
    panel-list > panel-item[action="expand"]{
        background: royalblue !important;
       color: white !important;
    }
    
    panel-list > panel-item[action="expand"]:hover,
    panel-list > panel-item[action="never-activate"]:hover,
    panel-list > panel-item[action="always-activate"]:hover,
    addon-options > panel-list > panel-item[action="remove"]:hover,
    addon-options > panel-list > panel-item[action="preferences"]:hover,
    addon-options > panel-list > panel-item[action="report"]:hover,
    addon-options > panel-list > panel-item[action="expand"]:hover {
       background: lightblue !important;
    }    
    
    /* Addons - Button - Aktualisieren - */    
    panel-item[badged] {
       background: green !important;
       color: lightgrey !important;      
       border: 2px solid red !important;
       box-shadow: inset 0 0 2px 2px white !important;
       filter:  contrast(1.00) !important; /* bei Hover wird Kontrast erhöht */
    }
    /* Button Aktualisieren bei Hover */
    panel-item[badged]:hover {
       background: forestgreen !important;
       cursor: pointer !important;
       opacity: 1.0 !important;
       filter:  contrast(3.00) !important; /* bei Hover wird Kontrast erhöht */
       color: white !important;
    }
    
    /*================= Toggle-Button ============================*/
    
    addon-card .card input[type="checkbox"].toggle-button,
    addon-card[expanded] input[type="checkbox"].toggle-button {
        min-height: 24px !important;
        min-height: 24px !important;
        height: 24px !important;
        border-radius: 0 !important;
        border: 1px solid #B2B2B2 !important;
        background: #2C5B9C !important;
        padding-top: 4px !important;
        margin-top: 3px !important;
    }
    addon-card .card input[type="checkbox"].toggle-button::before {
        background: #fff !important;
    }
    addon-card .card input[type="checkbox"].toggle-button:hover::before {
        background: #000 !important;
    }
    addon-card .card input[type="checkbox"].toggle-button {
        background: #C72F2E !important;
    }
    addon-card .card[active="false"] input[type="checkbox"].toggle-button {
        background: #217B22 !important;
    }
    addon-card[expanded] .card input[type="checkbox"].toggle-button {
        background: #217B22 !important;
    }
    addon-card[expanded] .card[active="false"] input[type="checkbox"].toggle-button {
        background: #C72F2E !important;
    }
    addon-card .card input[type="checkbox"].toggle-button:hover,
    addon-card[expanded] .card input[type="checkbox"].toggle-button:hover,
    addon-card[expanded] .card[active="false"] input[type="checkbox"].toggle-button:hover {
        background: #D1E2F2 !important;
    }
    }
    
    /*============ Button des Addon-Managers / linke Seite =============*/
    
    @-moz-document    url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
                    url-prefix(about:addons) { 
        
    #full > #sidebar {
    appearance: none !important;
        border-right: 3px solid grey !important;
        margin-right: 0 !important;
    }
    
    /* Button Grundeinstellungen */
    #categories {
        appearance: none !important;
        min-width: 239px !important;
        max-width: 239px !important;
        border-radius: 0px !important;
        border: 0px !important;
        border-bottom: 1px solid grey !important;
        padding: 0 0 7px 0 !important;
        margin: 75px 0 5px 0 !important;
    }
    #categories .category,
    #categories .category[hidden="true"] {
        appearance: none !important;
        min-height: 36px !important;
        max-height: 36px !important;
        border-radius: 0px !important;
        border: 0px !important;
        border-top: 2px solid #EDEDED !important;
        border-bottom: 2px solid #EDEDED !important;
        border-left: 2px solid #EDEDED !important;
        background-color: gainsboro !important;
        color: black !important;
        padding: 0px 5px !important;
        margin: 5px 0px 0px 5px !important;
    }
    
    #categories .category[value="keyed-histograms-section"] {
        min-height: 46px !important;
        max-height: 46px !important;
    }
    
    #categories .category .category-name,
    #categories .category[hidden="true"] .category-name {
        appearance: none !important;
        font-size: 1.3rem !important;
        line-height: 20px !important;
        padding: 0px !important;
        margin: -1px 5px 0px 5px !important;
    }
    #categories .category[aria-selected="true"] {
        appearance: none !important;
        font-weight: normal !important;
        background-color: #217B22 !important;
        color: white !important; /* aktiver Tab */
    }
    #categories .category[hidden=""] {
        appearance: none !important;
        display: inline-flex !important;
    }
    #categories .category[hidden=""] {
        appearance: none !important;
        opacity: 1 !important;
        color: #000 !important; /* Schriftfarbe einiger Button */
    }
    #categories .category[is="discover"][hidden=""] {
        opacity: 0 !important;
    }
    #categories .category[hidden=""]:hover {
        appearance: none !important;
        opacity: 1 !important;
        color: blue !important; 
    }
    
    #categories .category[hidden=""]:hover,
    #categories .category[hidden=""][aria-selected="true"]:hover,
    #categories .category:hover,
    #categories .category[aria-selected="true"]:hover {
        appearance: none !important;
        background-color: #D1E2F2 !important;
        color: blue !important;
    }
    
    #categories richlistitem .category-badge {
        margin: 0 !important;
    }
    
    #categories .category[id="category-legacy"] {
        display: none !important;
    }
    
    .category[badge-count]::after {
        border-radius: 0 !important;
    }
    
    #categories .category[name="discover"] {
        background-color: #9C9C9C !important;
        background-position: 7px 5px !important;
        background-size: 24px 24px !important;
        padding-left: 33px !important;
    }
    #categories .category[name="discover"][aria-selected="true"] {
        background-color: #006800 !important;
        background-position: 7px 5px !important;
        background-size: 24px 24px !important;
        fill: silver !important;
        padding-left: 33px !important;
    }
    #categories .category[name="discover"]:hover {
        background-color: #33ccff !important;
        background-position: 7px 5px !important;
        background-size: 24px 24px !important;
        fill: blue !important;
        padding-left: 33px !important;
    }
    #categories .category[name="extension"] {
        background-color: #9C9C9C !important;
        background-position: 7px 5px !important;
        background-size: 24px 24px !important;
        padding-left: 33px !important;
    }
    #categories .category[name="extension"][aria-selected="true"] {
        background-color: #006800 !important;
        background-position: 7px 5px !important;
        background-size: 24px 24px !important;
        fill: silver !important;
        padding-left: 33px !important;
    }
    #categories .category[name="extension"]:hover {
        background-color: #33ccff !important;
        background-position: 7px 5px !important;
        background-size: 24px 24px !important;
        fill: blue !important;
        padding-left: 33px !important;
    }
    #categories .category[name="theme"] {
        background-color: #9C9C9C !important;
        background-position: 7px 5px !important;
        background-size: 24px 24px !important;
        padding-left: 33px !important;
    }
    #categories .category[name="theme"][aria-selected="true"] {
        background-color: #006800 !important;
        background-position: 7px 5px !important;
        background-size: 24px 24px !important;
        fill: silver !important;
        padding-left: 33px !important;
    }
    #categories .category[name="theme"]:hover {
        background-color: #33ccff !important;
        background-position: 7px 5px !important;
        background-size: 24px 24px !important;
        fill: blue !important;
        padding-left: 33px !important;
    }
    #categories .category[name="plugin"] {
        background-color: #9C9C9C !important;
        background-position: 7px 5px !important;
        background-size: 24px 24px !important;
        padding-left: 33px !important;
    }
    #categories .category[name="plugin"][aria-selected="true"] {
        background-color: #006800 !important;
        background-position: 7px 5px !important;
        background-size: 24px 24px !important;
        fill: silver !important;
        padding-left: 33px !important;
    }
    #categories .category[name="plugin"]:hover {
        background-color: #33ccff !important;
        background-position: 7px 5px !important;
        background-size: 24px 24px !important;
        fill: blue !important;
        padding-left: 33px !important;
    }
    #categories .category[name="dictionary"] {
        background-color: #9C9C9C !important;
        background-position: 7px 5px !important;
        background-size: 24px 24px !important;
        padding-left: 33px !important;
    }
    #categories .category[name="dictionary"][aria-selected="true"] {
        background-color: #006800 !important;
        background-position: 7px 5px !important;
        background-size: 24px 24px !important;
        fill: silver !important;
        padding-left: 33px !important;
    }
    #categories .category[name="dictionary"]:hover {
        background-color: #33ccff !important;
        background-position: 7px 5px !important;
        background-size: 24px 24px !important;
        fill: blue !important;
        padding-left: 33px !important;
    }
    #categories .category[name="locale"] {
        background-color: #9C9C9C !important;
        background-position: 7px 5px !important;
        background-size: 24px 24px !important;
        padding-left: 33px !important;
    }
    #categories .category[name="locale"][aria-selected="true"] {
        background-color: #006800 !important;
        background-position: 7px 5px !important;
        background-size: 24px 24px !important;
        fill: silver !important;
        padding-left: 33px !important;
    }
    #categories .category[name="locale"]:hover {
        background-color: #33ccff !important;
        background-position: 7px 5px !important;
        background-size: 24px 24px !important;
        fill: blue !important;
        padding-left: 33px !important;
    }
    #categories .category[name="available-updates"] {
        background-color: #9C9C9C !important;
        background-position: 7px 5px !important;
        background-size: 24px 24px !important;
        padding-left: 33px !important;
    }
    #categories .category[name="available-updates"][aria-selected="true"] {
           background-color: #006800 !important;
        background-position: 7px 5px !important;
        background-size: 24px 24px !important;
        fill: silver !important;
        padding-left: 33px !important;
    }
    #categories .category[name="available-updates"]:hover {
        background-color: #33ccff !important;
        background-position: 7px 5px !important;
        background-size: 24px 24px !important;
        fill: blue !important;
        padding-left: 33px !important;
    }
    #categories .category[name="recent-updates"] .category-name {
        font-size: 1.06rem !important; /* Zeilenumbruch verhindern */
    }
    #categories .category[name="recent-updates"] {
        background-color: #9C9C9C !important;
        background-position: 7px 5px !important;
        background-size: 24px 24px !important;
        padding-left: 33px !important;
    }
    #categories .category[name="recent-updates"][aria-selected="true"] {
        background-color: #006800 !important;
        background-position: 7px 5px !important;
        background-size: 24px 24px !important;
        fill: silver !important;
        padding-left: 33px !important;
    }
    #categories .category[name="recent-updates"]:hover {
        background-color: #33ccff !important;
        background-position: 7px 5px !important;
        background-size: 24px 24px !important;
        fill: blue !important;
        padding-left: 33px !important;
    } 
    #categories .category[name="sitepermission"] {
        background-color: #9C9C9C !important;
        background-position: 7px 5px !important;
        padding-left: 33px !important;
    }
    #categories .category[name="sitepermission"][aria-selected="true"] {
        background-color: #006800 !important;
        background-position: 7px 5px !important;
        background-size: 24px 24px !important;
        fill: silver !important;
        padding-left: 33px !important;
    } 
    #categories .category[name="sitepermission"]:hover {
        background-color: #33ccff !important;
        background-position: 7px 5px !important;
        fill: blue !important;
        padding-left: 33px !important;
    } 
    
    /*========= Icons farbig ==========*/
    
    /* unter Addons */
    #categories .category[name="discover"], /* Empfehlungen */
    #category-discover .category-icon {
        fill: lightblue !important;
    }
    #categories .category[name="extension"], /* Erweiterungen */
    #category-extension .category-icon {
        fill: #5de700 !important;
    }  
    #categories .category[name="theme"], /* Themes */
    #category-theme .category-icon {
        fill: coral !important;
    }
    #categories .category[name="plugin"], /* Plugins */
    #category-plugin .category-icon {
        fill: dodgerblue !important;
    }
    #categories .category[name="dictionary"], /* Wörterbücher */
    #category-dictionary .category-icon {
        fill: #8A2BE2 !important;
        } 
    #categories .category[name="locale"], /* Sprachen */
    #category-sync .category-icon {
        fill: #D02090 !important;
    }    
    #categories .category[name="sync"], /* Sync */
    #category-sync .category-icon {
        fill: magenta !important;
    }
    #categories .category[name="recent-updates"], /* Zuletzt durchgeführte Updates */
    #category-recentUpdates .category-icon {
        fill: #D2691E !important;
    }
    #categories .category[name="available-updates"], /* Verfügbare Updates */
    #category-recentUpdates .category-icon {
        fill: #ffbf00 !important;
    }
    #categories .category[name="sitepermission"],   /* Site Permission */
    #category-sitepermission .category-icon {
        fill: brown !important;
    }
    
    /* Einstellungen unten links */
    #preferencesButton {  
        background-position-x: 8px !important;
        border-radius: 0px !important;
        border-top: 2px solid #EDEDED !important;
        border-bottom: 2px solid #EDEDED !important;
        border-left: 2px solid #EDEDED !important;
        box-shadow: none !important;
        background-color: #A1A1A1 !important;
        color: black !important;
        padding: 0 0 0 10px !important;
        margin: 0 3px 5px 2px !important;
    }
    #preferencesButton .sidebar-footer-icon{
        fill: green !important;
    }    
    #preferencesButton:hover {
        box-shadow: none !important;
        background-color: #33ccff !important;
        color: blue !important;
    } 
    
    /* Hilfe unten links */
    #help-button {
        background-position-x: 12px !important;
        border-radius: 0px !important;
        border-top: 2px solid #EDEDED !important;
        border-bottom: 2px solid #EDEDED !important;
        border-left: 2px solid #EDEDED !important;
        box-shadow: none !important;
        background-color: #A1A1A1 !important;
        color: black !important;
        padding: 0 0 0 10px !important;
        margin: 0 3px 5px 2px !important;
    }
    #help-button:hover {
        box-shadow: none !important;
        background-color: #33ccff !important;
        color: blue !important;
    }
    #help-button .sidebar-footer-icon {
        fill: red !important;
    }    
    /* Button Hilfe und Einstellungen nach oben verlagern */
    /* div.spacer:nth-child(2) {
        display: none !important;
        } */
    .sidebar-footer-list {
        list-style-type: none;
        margin-block: 0 36px ;
        margin-inline: 0 0 !important;
        width: 236px !important;
        margin-top: -80px !important;
        margin-left: 4px !important;
    }
    
    /* Linie unter letztem Button */
    ul.sidebar-footer-list {
        border: 0px !important;
        border-bottom: 1px solid grey !important;
    }
    }
    
    /* Button Addon-Manager ENDE */
    
    
    
    
    /*============ Button für Popup-Menü vom Zahnradbutton =============*/
    
    #page-options > panel-list:nth-child(1) > panel-item:nth-child(1)::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("..//icons/Bild5.png");
    background-size: 16px 16px !important;
    margin-left: 10px;
    margin-right: -16px;}
    
    #page-options > panel-list:nth-child(1) > panel-item:nth-child(2)::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("..//icons/Bild61.png");
    background-size: 16px 16px !important;
    margin-left: 10px;
    margin-right: -16px;}
    
    #page-options > panel-list:nth-child(1) > panel-item:nth-child(4)::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("..//icons/Bild3.png");
    background-size: 16px 16px !important;
    margin-left: 10px;
    margin-right: -16px;}
    
    #page-options > panel-list:nth-child(1) > panel-item:nth-child(5)::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("..//icons/Bild66.ico");
    background-size: 16px 16px !important;
    margin-left: 10px;
    margin-right: -16px;}
    
    #page-options > panel-list:nth-child(1) > panel-item:nth-child(7) {
    fill: transparent !important;}
    
    #page-options > panel-list:nth-child(1) > panel-item:nth-child(7)::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: url("..//icons/aktiv.png");
    background-size: 18px 18px !important;
    margin-left: 10px;
    margin-right: -16px;
    margin-bottom: 3px;}
    
    #page-options > panel-list:nth-child(1) > panel-item:nth-child(7):not([checked])::before {
    content: '';
    font-size: 14px;
    padding-top: 1px !important;
    padding-bottom: 2px !important;
    display: block;
    width: 16px;
    height: 16px;
    background: url("..//icons/inaktiv.png") no-repeat !important;
    background-position: 0 2px !important;
    }
    
    #page-options > panel-list:nth-child(1) > panel-item:nth-child(8)::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("..//icons/Bild64.png");
    background-size: 16px 16px !important;
    margin-left: 10px;
    margin-right: -16px;}
    
    #page-options > panel-list:nth-child(1) > panel-item:nth-child(10)::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("..//icons/Bild67.png");
    background-size: 16px 16px !important;
    margin-left: 10px;
    margin-right: -16px;}
    
    /* Button Ende */
    Alles anzeigen
  • Addons Manager Code anpassen

    • FuchsFan
    • 25. Dezember 2021 um 19:07

    Boersenfeger

    Ich will ja nicht gemein sein, aber verabschiede dich von dem Code. Der funktioniert in keiner aktuellen Version mehr (oder nur teilweise), und es müsste alles neu programmiert werden. Du hattest ja mal erwähnt, dass Du nicht der Typ dafür bist, also müsste sich ein User finden, der das wieder in Ordnung bringt (Wahnsinn!!).

    Diesen Code, so wie Du ihn noch verwendest, da habe ich auch mal mit gewerkelt, deshalb kannst Du gewiss sein, wovon ich spreche.

    In diesem Punkt habe ich sehr viel Dharkness zu verdanken, denn durch ihn habe ich mir eine Version erstellt, die bis heute überall funktioniert.

    Wenn Du Interesse haben solltest, so werde ich ihn um Erlaubnis bitten, die Version hier zu veröffentlichen.

  • Script Speichern in für Fx 78 wieder anpassen

    • FuchsFan
    • 24. Dezember 2021 um 09:50
    Zitat von .DeJaVu

    dürfte es am Script liegen, mindestens einen Zusammenhang damit geben

    Darum geht es doch, ohne das Script brauche ich auch keine Änderungen in der handlers.json vornehmen.

  • Frohe Weihnachten und einen guten Rutsch

    • FuchsFan
    • 23. Dezember 2021 um 22:24

    Frohe Weihnachten und einen guten Rutsch ins neue Jahr. Bleibt alle frisch und munter.

  • Script Speichern in für Fx 78 wieder anpassen

    • FuchsFan
    • 23. Dezember 2021 um 22:12
    Zitat von .DeJaVu

    Warum ihr manuell in der handlers.json rumfuhrwerken müsst ohne Grund...

    Schöne Weihnachten!

  • Script Speichern in für Fx 78 wieder anpassen

    • FuchsFan
    • 9. Dezember 2021 um 22:31
    Zitat von FuchsFan

    Erst nachdem ich in der handlers.json den Wert {"defaultHandlersVersion":{"de":4},"mimeTypes":{"application/pdf":{"action":0,"extensions":["pdf"],"ask":true}, von 4 auf 0 geändert habe, ist es wieder vorbei.

    Neuerdings sind nach den vielen Updates die Werte in der handlers.json wieder automatisch umgestellt worden. Hatte das schon vor einiger Zeit bemerkt, aber es als einmalige Sache abgehakt.

    Nun habe ich mal rein geschaut, durchweg die werte auf 1 gestellt, somit öffnen sich die Dateien automatisch nach dem Download mit dem verknüpften Programm. Ärgerlich!

    Alles wieder auf Null eingerichtet, nun ist wieder Ruhe.

    Wurde das bei euch auch schon bemerkt?

  • userChrome.js Scripte für den Fuchs (Diskussion)

    • FuchsFan
    • 8. Dezember 2021 um 20:37
    Zitat von Speravir

    In der stabilen Version 95 ist die Änderung wieder rückgängig gemacht worden.

    In der 94 und 95 gab es auch den alten Eintrag noch. Ab Version 96 jetzt Beta), da muss die Änderung erfolgen, habe ich gerade heute erledigt.

  • Tableiste Änderungen

    • FuchsFan
    • 8. Dezember 2021 um 18:43
    Zitat von BrokenHeart

    Na dann, hier was zum "Basteln"...

    Ich danke dir, das leuchtet ein, und ist nachvollziehbar, wo was wirkt. :)

  • Tableiste Änderungen

    • FuchsFan
    • 8. Dezember 2021 um 18:18
    Zitat von BrokenHeart

    zumindest für die Farben, Variablen verwenden, da du sonst z.B. die Scrollbuttons in der Tableiste ebenfalls einfärbst.

    Danke, BrokenHeart , deinen Hinweis in Ehren, aber dazu reichen meine bescheidenen Kenntnisse nicht aus. :rolleyes: Ich lerne immer etwas Neues mit, aber es muss mir dann auch gezeigt werden, damit ich dann mit der Bastelei beginnen kann, denn nur so habe ich mir bisher die Kenntnisse erarbeitet.

    Mit Variablen habe ich mich überhaupt noch nicht befasst. In manchen Codes habe ich sie auch drin, traue mich nicht diese überhaupt anzufassen.

    Zitat von 2002Andreas

    Naja..war ja sonst nix los...ergo..Bewegung/Betrieb hält jung

    Schön, Andreas, dass du das so gelassen aufnimmst. :thumbup: :)


    Zitat von omar1979

    ich werd noch verrückt wegen diesen 3 Icons..

    Eines kann ich dir verraten, um allen die richtige Breite/Höhe zu geben, da habe ich wohl einen ganzen Tag mit verbracht. Eine große Rolle dabei ist auch die Tabhöhe, wird die geändert, dann ändern sich auch die Button, bzw. verschieben sich.

    Ich wünsche dir weiter viel Erfolg dabei. :thumbup:

  • Tableiste Änderungen

    • FuchsFan
    • 8. Dezember 2021 um 15:24
    Zitat von omar1979

    Ein Bild dazu wäre noch toll.

    Du bekommst sogar mehrere. ;)

    Nur zur Kenntnis, das war nur der Code zum Test für mich, sollte also nur eine Anleitung für weitere Basteleien sein.

    Lesezeichen-Ordner:

    in Ruhe bei Hover


    In Tab-Bar der linke Button:

    in Ruhe bei Hover

  • Tableiste Änderungen

    • FuchsFan
    • 8. Dezember 2021 um 14:56
    Zitat von BrokenHeart

    Oft ist ja wirklich dann etwas im Argen oder eine bestimmte Konfiguration läuft nicht überall usw, usw.....

    BrokenHeart

    Sorry, dass ich hier für Betrieb gesorgt habe, aber das Zitat trifft in diesem Fall vollständig zu. Nachdem Du und auch Andreas das nochmals getestet habt, so war mir klar in dem Nightly konnte etwas nicht stimmen, und so war es auch. Obwohl nichts weiter installiert war, es wollte nicht gelingen. Schwamm drüber, denn in einem anderen Nightly funktioniert alles tadellos. Ich danke euch für euren Einsatz. :thumbup: :)

    Ich habe dazu noch ein wenig gebastelt, stelle das hier mal rein, eventuell kann es Verwendung finden.

    ....für die userChrome.css

    Code
    #PlacesToolbar menupopup{
        --set-menupopup-color: black;  
        --set-menupopup-background: lightblue;
    }
    
    #scrollbutton-up,
    #scrollbutton-down
    {
        background-color: var(--set-menupopup-background);
        border: 1px solid blue;
        border-radius: 5px;
        height: 18px; 
    }
    
    #scrollbutton-up > .toolbarbutton-icon,
    #scrollbutton-down > .toolbarbutton-icon
    {
        fill: var(--set-menupopup-color);
    }
    
    #scrollbutton-up:hover,
    #scrollbutton-down:hover
    {
        background-color: yellow;
        border: 1px solid brown;
        border-radius: 5px;
    }
    
    #scrollbutton-up:hover > .toolbarbutton-icon,
    #scrollbutton-down:hover > .toolbarbutton-icon
    {
        fill: red;
    }
    Alles anzeigen

    ....für die userChromeShadow.css

    CSS
    #tabbrowser-arrowscrollbox::part(scrollbutton-up), 
    #tabbrowser-arrowscrollbox::part(scrollbutton-down) 
    {
        fill: blue;
        background-color: lightblue;
        border: 1px solid dodgerblue;
        max-height: 32px;
        border-radius: unset;
    }
    
    #tabbrowser-arrowscrollbox::part(scrollbutton-up):hover, 
    #tabbrowser-arrowscrollbox::part(scrollbutton-down):hover 
    {
        fill: red;
        background-color: yellow !important;
        border: 1px solid red;
    }        
    Alles anzeigen
  • Tableiste Änderungen

    • FuchsFan
    • 8. Dezember 2021 um 10:32
    Zitat von BrokenHeart

    (<-- siehe Code-Änderung in #32)

    BrokenHeart

    Mit den Lesezeichen-Ordnern alles bestens, aber für die Button im All-Tabs-Button will es einfach nicht funktionieren (Test im aktuellen Nightly). :/

  • Tableiste Änderungen

    • FuchsFan
    • 7. Dezember 2021 um 23:38
    Zitat von BrokenHeart

    Ich habe das mal auf das obige Beispiel umgesetzt:

    Und das hast du wunderbar hin bekommen, ein Dankeschön an dich. :thumbup: Natürlich auch an @Nutzende für die brauchbare Vorlage, was für mich aber nur "böhmische Wälder" waren. :rolleyes:

  • About Seiten mit CSS Codes anpassen

    • FuchsFan
    • 7. Dezember 2021 um 19:34
    Zitat von Endor

    Könntest Du mir diesen Teil mal geben,

    Für meinen Teil habe ich ja Änderungen gemacht, nutze dort bei Hover auch kein Border.

    Das wäre der Abschnitt bei mir nach Zeile 108 bis vor Zeile 148.

    CSS
    tbody.collapsible:nth-child(n+1) > tr:nth-child(1) {background-color: #fcf7f0 !important;
        border: 1px solid silver !important;
        }
        
        tbody.collapsible:nth-child(n+1) > tr:nth-child(1):hover {background-color: #f7e787 !important; }
        
        tbody.content-style:nth-child(n+2) > tr:nth-child(1) > td:nth-child(1) {background-color: #ffeb99 !important; color: red !important;}
        
        tbody.content-style:nth-child(n+2) > tr:nth-child(1) > td:nth-child(1):hover {background-color: #ffcc99 !important; color: red !important;}
        
        #errorsContent > tr:nth-child(odd) > td:nth-child(1),
        #activeContent .odd{
        background-color:  #fff0d9 !important; 
        color:  #0039e6 !important;
        font-weight: 600 !important;
        border: 1px solid silver !important;}
        
        #errorsContent > tr:nth-child(odd) > td:nth-child(1):hover,
        #activeContent .odd:hover{
        background-color: #f7e787 !important; 
        color: red !important; 
        font-weight: 600 !important;
        box-shadow: none !important;}
        
        #errorsContent > tr:nth-child(even) > td:nth-child(1),
        #activeContent .even{
        background-color: #fffff0 !important; 
        color: green !important;
        font-weight: 600 !important;
        border: 1px solid silver !important;}
        
        #errorsContent > tr:nth-child(even) > td:nth-child(1):hover,    
        #activeContent .even:hover{
        background-color: #f7e787 !important; 
        color: red !important; 
        font-weight: 600 !important;
        box-shadow: none !important;}
    Alles anzeigen

    Sieht dann bei Hover so aus:

  • About Seiten mit CSS Codes anpassen

    • FuchsFan
    • 7. Dezember 2021 um 17:32

    Endor

    In dem Code von hier RE: About Seiten mit CSS Codes anpassen sind mir noch zwei Sachen aufgefallen.

    Zeile 113 bis 118, da kann ich nichts mit anfangen, weil sich nichts verändert.

    Bei "Dokumentation, rechte Seite die Boxen hast du bei Hover mit Border versehen, im Original nicht. Deshalb springt beim Überfahren mit der Maus das Feld (besonders das obere).

    Da habe ich für die Boxen gleich einen Rand gesetzt, dann ist es vorbei.

    Ansonsten, wie immer, prima gemacht. Danke! :thumbup: :)

  • About Seiten mit CSS Codes anpassen

    • FuchsFan
    • 7. Dezember 2021 um 15:22
    Zitat von Endor

    so sieht meine policies.json Datei aus:

    Da habe ich mich doch verleiten lassen, denn ich habe jeden Eintrag begonnen mit { "policies": {. Das kann dann auch nicht funktionieren. Danke, Endor. :)

Unterstütze uns!

Jährlich (2025)

92,9 %

92,9% (604,17 von 650 EUR)

Jetzt spenden
  1. Kontakt
  2. Datenschutz
  3. Impressum
Community-Software: WoltLab Suite™
Mastodon