les différentes barres (sans codes css) : viewtopic.php?p=916224#p916224
@Freddy → merci
Les codes fonctionnent parfaitement.
J'ai juste ajouter:
Le code: Supprimer le liseret au dessus de l'onglet
Code : Tout sélectionner
/* Supprimer le liseret au dessus de l'onglet */
.tab-line {
display: none; }
/* fin Supprimer le liseret au dessus de l'onglet */
Code : Tout sélectionner
/* Barre personnelle cachée (afficher au passage de la souris) */
#PersonalToolbar {
background: #F9F9FA !important;
font-family: Times, sans-serif !important;
font-size: 13px !important;
color: #000 !important;
height: 6px !important;
min-height: 6px !important;
max-height: 6px !important;
transition-duration: 1s !important;
padding:0;
z-index: 100 !important;
}
/* Barre personnelle affichée en hover */
#PersonalToolbar:hover{
background: #f9f9fa !important;
height: 43px !important;
min-height: 40px !important;
max-height:43px !important;
transition-duration: 1s !important;
padding: 2px 2px;
box-shadow: 1px 1px 2px #000 !important;
}
/* Fin Barre personnelle cachée (afficher au passage de la souris) */
Code : Tout sélectionner
/* Panneau latéral Marque-pages caché (afficher au passage de la souris) */
#sidebar-box {
overflow: hidden !important;
min-width: 0px !important;
max-width: [b]250[/b]px !important;
}
:root {
--sidebar-hover-width: 5px;
--sidebar-visible-width: [b]250[/b]px;
}
#sidebar-box {
position: relative !important;
overflow-x: hidden !important;
left: var(--sidebar-hover-width) !important;
min-width: var(--sidebar-hover-width) !important;
max-width: var(--sidebar-hover-width) !important;
transition-duration: 2s !important;
}
#sidebar-box:hover {
left: var(--sidebar-visible-width) !important;
min-width: 300px !important;
transition-duration: .0.1s !important;
}
/* fin Panneau latéral Marque-pages caché (afficher au passage de la souris) */
Barre de menu
Barre de navigation
Barre personnelle
Barre d'onglets
Code : Tout sélectionner
/*==================== ordre des barres =================*/
/* barre de titre */
/* barre de menu */
/* barre de navigation */
/* barre personnelle */
/* barre d'onglets */
#titlebar {
-moz-box-ordinal-group: 2;
}
/* afficher [barre de menu] par le raccourci "Alt" */
#main-window[sizemode="maximized"] #toolbar-menubar {
display: flex;
position: absolute;
top: 9px;
background-color:black;
/*color: menubartext!important;*/
width: 100vw !important;
}
#main-window[sizemode="normal"] #toolbar-menubar {
display: flex;
position: absolute;
top: 2px;
/* background-color:black;
color: menubartext!important;*/
width: 100vw !important;
}
#main-window:not([tabsintitlebar])[sizemode="normal"] {
margin-top: -25px !important;
}
#main-window:not([tabsintitlebar])[sizemode="maximized"] {
margin-top: -7px !important;
}
/* si Thème clair activé */
#main-window[lwthemetextcolor="dark"][sizemode="maximized"] #toolbar-menubar:not([inactive="true"]),
#main-window[lwthemetextcolor="dark"][sizemode="maximized"] #toolbar-menubar .toolbarbutton-1
{
filter: invert(95%);
}
/* décaler la barre de navigation pour emplacement des boutons fenêtre */
#main-window[tabsintitlebar][sizemode="maximized"] #nav-bar-customization-target {
max-width: calc(100vw - 140px);
}
/* positionner les boutons contrôle fenêtre */
#main-window[sizemode="maximized"] #toolbar-menubar/*[autohide="true"]*/ .titlebar-buttonbox-container {
display: flex;
position: fixed;
right: 0px;
top: 0px !important;
}
#main-window[sizemode="maximized"] #toolbar-menubar[inactive="true"] .titlebar-buttonbox-container {
display: flex;
position: fixed;
right: 0px;
top: 8px !important;
}
#main-window[sizemode="normal"] #toolbar-menubar .titlebar-buttonbox-container {
display: flex;
position: fixed;
right: 0px;
top:0px!important;
}
#TabsToolbar .titlebar-buttonbox-container {
display: none;
}
/*#main-window[tabsintitlebar]*/ #toolbar-menubar[autohide="true"]+ #TabsToolbar{
margin-top: -7px !important;
margin-right: -40px !important;
}
#nav-bar {
margin-top: 7px !important;
}
/* recréer espace préhension fenêtre en mode redimentionné */
#main-window[sizemode="normal"] #navigator-toolbox {
padding-top: 15px !important;
-moz-window-dragging: drag !important;
}
/* supprimer décalage gauche de la barre d'onglets */
#main-window[sizemode="normal"] #TabsToolbar .titlebar-spacer[type="pre-tabs"] {
display:none;
}
/* pour les boutons placés dans la barre de menu */
#toolbar-menubar .toolbarbutton-1 {
margin-top: -5px !important;
}
/* boutons controle fenêtre en plein écran (F11) */
#main-window[sizemode="fullscreen"] #window-controls[pack="end"] {
display: flex;
position: fixed;
right: 0px;
top:-0px!important;
}
/************************************************************/
/* si [barre de menu] toujours affichée, ajouter ces règles */
/************************************************************/
#main-window:not([tabsintitlebar])[sizemode="normal"] #nav-bar {
margin-top: 32px !important;
}
#main-window[sizemode="maximized"] #nav-bar {
margin-top: 30px !important;
}
#main-window[tabsintitlebar] #nav-bar-customization-target {
max-width: 100vw !important;
}
#toolbar-menubar {
background-color:initial !important;
}
#toolbar-menubar + #TabsToolbar{
margin-top: -10px !important;
}
#main-window[sizemode="normal"] #toolbar-menubar[autohide="false"] + #TabsToolbar {
margin-top: 0px !important;
}
/***********************************************************/
/* fin [barre de menu] toujours affichée */
/************************************************************/
/* supprimer le liseret au dessus de l'onglet */
.tab-line {
display: none; }
/* fin supprimer le liseret au dessus de l'onglet */
/* Barre personnelle cachée (afficher au passage de la souris) */
#PersonalToolbar {
background: #F9F9FA !important;
font-family: Times, sans-serif !important;
font-size: 13px !important;
color: #000 !important;
height: 6px !important;
min-height: 6px !important;
max-height: 6px !important;
transition-duration: 1s !important;
padding:0;
z-index: 100 !important;
}
/* Barre personnelle affichée en hover */
#PersonalToolbar:hover{
background: #f9f9fa !important;
height: 43px !important;
min-height: 40px !important;
max-height:43px !important;
transition-duration: 1s !important;
padding: 2px 2px;
box-shadow: 1px 1px 2px #000 !important;
}
/* Fin Barre personnelle cachée (afficher au passage de la souris) */
/* Panneau latéral Marque-pages caché (afficher au passage de la souris) */
#sidebar-box {
overflow: hidden !important;
min-width: 0px !important;
max-width: [b]250[/b]px !important;
}
:root {
--sidebar-hover-width: 5px;
--sidebar-visible-width: [b]250[/b]px;
}
#sidebar-box {
position: relative !important;
overflow-x: hidden !important;
left: var(--sidebar-hover-width) !important;
min-width: var(--sidebar-hover-width) !important;
max-width: var(--sidebar-hover-width) !important;
transition-duration: 2s !important;
}
#sidebar-box:hover {
left: var(--sidebar-visible-width) !important;
min-width: 300px !important;
transition-duration: .0.1s !important;
}
/* fin Panneau latéral Marque-pages caché (afficher au passage de la souris) */
- Revenir au look d'avant.
Le réglage dans about:config → browser.proton.enabled pour passer la valeur à false
- Faire la recherche avec le moteur de recherche au centre de la page.
Le réglage dans about:config → browser.newtabpage.activity-stream.improvesearch.handoffToAwesomebarpour passer la valeur à false
A+