CSS
Nachfolgende Codes funktionieren nicht mehr in TB 102.1.0
/* Schrift in Tabs */
tab .tab-text {
font-size: 16px !important;
font-weight: bold !important;
}
/* Menüleiste fett */
#mail-menubar {
font-size: 16px !important;
font-weight: bold ! important;
color: white ! important;
}
------------------------------------------------------------
/* TB Manager angepasst */
#threadCols .treecol-text {
font-weight: bold !important; }
/* Hintergrund der Button auf der rechten Seite */
addon-list addon-card:not([expanded="true"]) panel-list * {
background: antiquewhite !important;
color: black !important;
font-weight: bold !important;
}
@supports -moz-bool-pref("browser.in-content.dark-mode") {
@media (prefers-color-scheme: dark) {
addon-list addon-card:not([expanded="true"]) panel-list *,
.more-options-menu panel-item {
background: black !important;
color: white !important;
}
}
}
addon-list panel-item {
margin: 0 1px !important;
box-shadow: inset 0 0 3px 3px grey;
}
/* Reduce Size of default Buttons */
link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button {
width: unset !important;
padding: 6px 20px !important; /* 5px ist die Höhe der rechten Button */
}
/* Entfernt den Drei-Punkte-Button aus dem Container */
addon-card .more-options-button {
display: none !important;
}
/* Remove Button Icon */
addon-list panel-item {
--icon: unset !important;
}
/* Restore Buttons */
addon-list .more-options-menu :-moz-any(addon-options,plugin-options) panel-list {
position: relative !important;
display: block !important;
overflow: hidden !important;
margin-top: -25px;
box-shadow: unset !important;
background: unset !important;
border: unset !important;
box-shadow: unset !important;
min-width: unset !important;
width: unset !important;
}
div.arrow.top + div.list {
display: flex !important;
flex-flow: row wrap !important;
justify-content: flex-start !important;
}
panel-item[action="preferences"] {
order: -1;
}
panel-item[badged] {
border: 1px solid Highlight !important;
}
panel-item[badged]::after,
:host([badged]) button::after,
link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button::after,
:-moz-any(addon-options,plugin-options) button::after {
display: none !important;
content: unset !important;
}
addon-page-options panel-list {
min-width: unset !important;
width: auto !important;
max-width: 300px !important;
z-index: 1000 !important;
}
addon-page-options panel-list panel-item {
min-width: 280px !important;
width: 280px !important;
}
.sticky-container {
z-index: 1000 !important;
}
link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey] {
padding-inline-start: 0px !important;
padding-top: 3px !important;
padding-bottom: 3px !important;
min-width: 260px !important;
width: 260px !important;
}
addon-page-options panel-list panel-item[accesskey][checked] {
background: url("chrome://global/skin/icons/check.svg") 5px no-repeat !important;
}
addon-list addon-card:not([expanded="true"]) panel-list {
position: absolute !important;
display: block !important;
overflow: hidden !important;
box-shadow: none !important;
background: unset !important;
border: none !important;
box-shadow: unset !important;
min-width: unset !important;
width: unset !important;
left: unset !important;
top: unset !important;
right: 65px !important; /* Abstand der Button bei Erweiterungen vom rechten Rand */
bottom: unset !important;
}
/* Nummerierung der installierten Erweiterungen */
body {
counter-reset: section !important;
}
#main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before,
#main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(3) > addon-card:nth-child(n+2) > 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: -8px !important;
padding-right: 8px !important;
margin-top:4px!important;
}
/* Abstand zwischen den Containern */
addon-card .addon { margin: 5px !important;
}
/* Höhe der Container */
addon-list[type="extension"]{ --card-padding: 10px }
addon-card .addon-card-collapsed{ margin-bottom: 2px !important; /* Button rechts Abstand vom oberen Rand */
}
/* Abstand der Button vom rechten Rand bei Themes, Plugins, Wörterbücher, usw.*/
addon-list:-moz-any([type="theme"],[type="plugin"],[type="dictionary"]) addon-card:not([expanded="true"]) panel-list {
right: 55px !important;
}
/* Abstand der Button vom oberen Rand bei Plugins, Wörterbücher, usw. */
addon-list addon-card:not([expanded="true"]) panel-list {
margin-top: -50px !important;
}
/* Abstand der Button vom oberen Rand bei Themes */
addon-list:-moz-any([type="theme"]) addon-card:not([expanded="true"]) panel-list {
margin-top: -20px !important;
margin-left: -100px !important;
}
/* Breite der Elemente anpassen */
addon-list addon-card > .addon.card{
width: 80vw !important;
addon-card[expanded] >.addon.card
width: 80vw !important;
}
/* Ausdehnung der Container zum rechten Rand */
.addon.card {
width: 1340px;
}
input[type="checkbox"].toggle-button {
margin-right: 430px !important; /* blauer Button -Deaktivieren/Aktivieren- Abstand vom rechten Rand */
}
/* Abstand der Button zum linken Rand */
#categories > .category, .sidebar-footer-list, #helpButton, #addonsButton {
margin-left: 1px !important;
}
#categories > .category:not([disabled]){
background-color: gainsboro !important;/*Hintergrundfarbe vom Button*/
margin-top: 1px !important; /*Abstand zum Button darüber*/
border-radius: 60px !important;/*Rundung vom Button*/
box-shadow: inset 0 0 5px 5px #888;
}
/* Aktiver Button rot, Schrift weiß */
#categories > .category[selected],
#preferencesButton {
color: white !important;
background-color: red !important;
margin-top: 1px !important;
border-radius: 60px !important;
box-shadow: inset 0 0 5px 5px #888;
}
/* Hintergrund der Button blau, Schrift weiß bei hover mit der Maus */
#categories > .category:hover, #preferencesButton:hover, #helpButton:hover, #addonsButton:hover {
color: white !important;
background-color: blue !important;
margin-top: 1px !important;
border-radius: 60px !important;
box-shadow: inset 0 0 5px 5px #888;
}
/* Hintergrund bei Hover auf das Zahnrad-Symbol ausblenden */
button:-moz-focusring {
box-shadow: none !important;
outline: 0px dotted !important;
outline-offset: 0px !important;
}
button:focus,
button:enabled:hover {
background-color: blue !important;
border-radius: 15px !important;
color: white ! important;
box-shadow: inset 0 0 5px 5px lightgrey;
}
/* Optionen-Button */
button.more-options-button:nth-child(1) {
position: absolute !important;
left: 19% !important;
margin-top: -15px !important;
}
/* Kein Update gefunden */
#updates-message {
font-weight: bold !important;
}
/* Bei "Themes" die Grafiken ausblenden */
.card-heading-image {
display: none !important;
}
/* Add-ons entdecken entfernt */
.category[name="discover"] {
display:none!important;
}
/* Erweiterungssuche ausblenden */
.category[is="discover-button"] {
display: none !important;
}
/* Erweiterungssuche ausblenden */
.main-search {
display: none !important;
}
/* Ausblenden TB Optionen */
#header-inner,
.sidebar-footer-button,
.message-bar {
display:none!important;
}
/* Kategorien in abgerundeten Buttons */
#preferencesButton,
#addonsButton,
#helpButton,
#category-availableUpdates {
background-color: red !important;
margin-top:5px !important;
border-radius:60px !important;
}
/* Privatmodus und empfohlene Erweiterungen Icons entfernen */
.addon-badge-recommended,
.addon-badge-private-browsing-allowed {
display:none !important; }
/* Umrandung bei Hover breiter Rand und andere Farbe */
:root {
--card-outline-color: LimeGreen !important;
}
/* Addons-Verwaltung: Hintergrundfarben und vom Container für about:preferences */
#nav-header,
#category-box {
background-color:darkkhaki!important;
}
#discover-view,
#view-port,
#react-view {
background:blanchedalmond !important;
font-size: 15px!important;
}
richlistbox.list > richlistitem.addon {
background:white!important;
margin-left:-20px !important;
margin-top: 7px !important;
}
#list-view > #addon-list .description-container {
margin-left: 350px !important;
margin-top: -10px !important;
border-radius:60px !important;
padding: 5px 8px 2px 7px !important;
}
#list-view > #addon-list .addon.addon-view {
padding: 5px 80px 2px 7px !important;
border-radius:60px !important;
}
/* Kategorien nicht angeklickt, Text dunkelrot */
*|*.category {
color:darkred!important;
}
/* Kategorien hover Hintergrund + Schrift */
*|*.category:hover {
color:white!important;
background:red!important;
}
}
/* Einstellungenfenster verbreitern */
@-moz-document url-prefix(about:preferences){
.pane-container
{
width: 900px !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;
}
/* Ausblenden der Suchleiste, Empfehlungen und Thunderbird Optionen */
#header-inner,
.sidebar-footer-button,
.message-bar,
#header-search,
#help-button,
#tb-legacy-extensions-notice,
#search-label,
#category-discover {
display:none!important;
}
/* Farbe der Sidebar */
#sidebar {
background: darkkhaki !important;
}
.main-search,
.sticky-container,
.main-heading,
#content {
background: blanchedalmond !important;
font-size: 15px !important;
}
richlistbox.list > richlistitem.addon {
background:white!important;
margin-left:-20px !important;
margin-top: 7px !important;
}
#list-view > #addon-list .description-container {
margin-left: 350px !important;
margin-top: -10px !important;
border-radius:60px !important;
padding: 5px 8px 2px 7px !important;
}
#list-view > #addon-list .addon.addon-view {
padding: 5px 80px 2px 7px !important;
border-radius:60px !important;
}
