Beiträge von harff182

/*userChrome.css*/
/*Grundsätzliches zum Anfangen*/
@import url("css/01_tabs_unten_andy_neu_89.css");
@import url("css/02_lesezeichentoolbar_89.css");
@import url("css/03_leistenfolge+farben_89.css");
@import url("css/04_Abstaende_kleiner.css");
@import url("css/05_findbar_oben.css");
/*Menü-Leiste*/
@import url("css/11_menuzeileneinträge_pimpen.css");
@import url("css/12_menu_trenner.css");
/*Zusatz-Leisten (Suchbar etc)*/
@import url("css/21_Trenner.css");
@import url("css/22_Rahmen.css");
@import url("css/23_Verti-Bar_pimpen.css");
/*Lesezeichen-Leiste*/
@import url("css/31_standardfoldericon.css");
@import url("css/32_foldericons_erste_ebene.css");
@import url("css/33_fileicons_erste_ebene.css");
@import url("css/34_bookmarktrenner.css");
@import url("css/35_icons_in_ordnern.css");
/*URL-Leiste*/
@import url("css/40_adressleiste_89.css");
@import url("css/41_urlbar_pimpen.css");
@import url("css/42_Rahmen.css");
/*TAB-Leiste*/
@import url("css/51_spinner.css");
@import url("css/52_tabaussehen_BH.css");
@import url("css/53_newtabbutton_grisu.css");
/*sonstiges*/
@import url("css/61_popups_pimpen.css");
@import url("css/62_dlr_pimpen.css");
@import url("css/63_tab_2_fenster.css");
@import url("css/64_link-kontext-reihenfolge.css"); 
@import url("css/65_Tableiste-kontext-reihenfolge.css");
@import url("css/66_bookmark-kontext-reihenfolge.css");

/*  53_newtabbutton_grisu.css*/
/*  New-TAB-Button verschönern                  */
/*    210911:    Anpassungen an die neuen Tabs       */ 
/*  210913: Umbau wegen hovern von Any: https://www.camp-firefox.de/forum/thema/133369 */
/*  210914: grisu-variante fürs "+" */

/*    grisu-Vorschlag => viel mit der GFX-Größe getestet und gelernt ;)*/
#tabs-newtab-button {
    list-style-image: url('../icons/cross_g_64.gif') !important;
}

/*    andys hover-umbau damit die Hintergrundfarbe gleich bleibt*/
#TabsToolbar #tabs-newtab-button > image,
#tabs-newtab-button > image:hover{
    border: 2px solid !important;                          /* Rahmen setzen */
    border-radius: 8px !important;                         /* Runde Ecken */
    color: black !important;                              /* Farbe des Rahmens  */           
    background: orange !important;                        /* Hintergrundfarbe */
    margin: 6px  10px  3px   2px  !important;              /* Gesamtgröße des Buttons und relative Lage ?*/
/*  Sören:  oben rechs unten links  */                    /* separates Info-File zu "margin" und "padding"*/
}

 /********** Tab-Aussehen verändern     *********************/
/*    210612: FF89neu 
    210616: einige Anpassungen/Zusätze bei 2002Andreas abgeguckt:
                                    https://www.camp-firefox.de/forum/thema/132802
    210616: Problem_1-Nachfrage:     https://www.camp-firefox.de/forum/thema/132849
    210815:    Problem_2-Nachfrage:     https://www.camp-firefox.de/forum/thema/133199
    210910: Sound-Tabs bunt:        https://www.camp-firefox.de/forum/thema/133353
 */

/*    Tab Inhalt Abstände
 */
:root {
   --proton-tab-radius: 0px !important;
   --proton-tab-block-margin: 0px !important;
   --inline-tab-padding: 10px !important;
}
#toolbar-menubar:not([autohide=true]) ~ #TabsToolbar > #tabbrowser-tabs > .tabbrowser-tab > .tab-stack > .tab-background {
  border:none!important;}

/* TAB normal (inaktiv):
 ***********************
 * Hintergrund, Schrift, Rahmen 
 */
#TabsToolbar .tabbrowser-tab {
    color: black !important;
    border: 2px solid !important;
    border-bottom: 1px solid black!important;
    background: white !important;                   /* weiß für inaktive Tabs*/
    border-radius: 10px 10px 0 0 !important;        /*alle 0 für bigzorro*/
    margin: 5px 1px 0px 0px !important;
}

/* TAB bei bei angewähltem TAB (aktiv):
 **************************************
 * Hintergrund, Rahmen, Schrift.
 */
#TabsToolbar .tabbrowser-tab[selected="true"] {
    color: black ! important;
    border: 3px solid !important;
    border-radius: 20px 20px 20px 20px !important;
    background: yellow !important;                   
    font-weight:bold !important;
}

/*    "Problem_1": .DejaVu hat in #8 das links und rechts im aktiven Tab augenscheinlich gelöst 
 */
#TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected="true"],
[multiselected]) > .tab-stack > .tab-background
{
    box-shadow: none !important;
}

/*     Tab-Icon: 
 *    *********
 *    etwas größer, links weniger, unten etwas mehr Abstand zum TAB-Rand.
 */
 
#TabsToolbar .tab-icon-image {
    height: 18px !important;
    width:  18px !important;
    margin-left: -2px !important;
    margin-bottom: 2px !important;
}

/*     Tab-Schließen-Button:
 *    ***********************
 *     Rechts weniger Abstand zum TAB-Rand, etwas größer,
 *     Textfarbe (Kreuz)
 *     an den Eckenradius des Buttons angepaßt.
 *     bei angewähltem TAB (aktiv): Hintergrundfarbe.
 */

#TabsToolbar .tab-close-button[selected="true"] {
    margin-right: 2px !important;  
    padding: 0 !important;
    color: black !important;
    height: 20px !important;
    width:  20px !important;
    border-radius: 5px !important;
    background-color: red !important;
}

/*     Alle Elemente in der TABsToolbar ohne Hintergrund/Veränderung beim hovern.
 *    Dat klappt wohl so:
 */
#TabsToolbar * {
    background: none !important;
}

/*    Alle Tabs ausgewählt => alle grün*/
#main-window .tab-background[multiselected] {
    background: chartreuse !important;
}

/*    Lautsprecher Symbol vergrössern
 *     https://www.camp-firefox.de/forum/thema/132680
 *     #5 und #24 
 */
.tab-icon-overlay {
    top: 2px !important;
    fill: red !important;
    transform: scale(1.5, 1.5) !important;
}

/*    Problem_2: Dharkness-Lösung
 */    
#TabsToolbar .tabbrowser-tab[selected="true"] .tab-content {
    padding-bottom: 5px !important;
}

.tabbrowser-tab:not([visuallyselected="true"])[soundplaying] {
    color: white !important;
}

.tabbrowser-tab:not([visuallyselected="true"])[soundplaying] .tab-stack > .tab-background {
  background: red !important;
}

.tabbrowser-tab:not([visuallyselected="true"])[muted] {
    color: white !important;
}

.tabbrowser-tab:not([visuallyselected="true"])[muted] .tab-stack > .tab-background {
  background: green !important;
}

/*  URL in fetter Schrift, Hauptadresse markanter
    200120 von Milupo von hier:
    https://www.camp-firefox.de/forum/thema/129888-adresse-in-urlbar-fette-schrift/?postID=1136582#post1136582
*/

#urlbar-input[placeholder] {
    color: blue !important;
    font-weight: bold !important;
}

/*#########################################################################################*/
/*    Url-Bar-Feld bei Focus klein lassen
    Andreas von hier:
    https://www.camp-firefox.de/forum/thema/130624-url-adressleistengr%C3%B6%C3%9Fe-anpassen/?postID=1146279#post1146279
    scheint ab FF89 nich zu funktionuckeln, stört aber noch minimal, verglichen mit FF88
*/

#urlbar[breakout][breakout-extend] {
    top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
    left: 0 !important;
    width: 100% !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-input-container {
    height: var(--urlbar-height) !important;
    padding-block: 0 !important;
    padding-inline: 0 !important;
}

#urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background {
    animation-name: none !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-background {
    box-shadow: none !important;
}

/*#########################################################################################*/
/*     URL-Bar Drop Down verhindern
    200408 von BrokenHaert von hier:
    https://www.camp-firefox.de/forum/thema/130354-ff-75-url-bar-drop-down-verhindern/?postID=1142548#post1142548
*/

.urlbarView {
    display: none !important;
}

/*#########################################################################################*/
/*Rahmen um die Urlbar*/
#urlbar {
    background: white !important;
    border: 2px solid black !important;  /* cyan wär auch nett*/
    border-radius: 8px !important;
}