Hallo zusammen,
gibt es eine Möglichkeit runde Ecken in der Adressleiste zu bekommen?
Vielliecht gibt es auch einen Code oder ähnliches.
Vielen Dank schon mal im Vorraus.
Hallo zusammen,
gibt es eine Möglichkeit runde Ecken in der Adressleiste zu bekommen?
Vielliecht gibt es auch einen Code oder ähnliches.
Vielen Dank schon mal im Vorraus.
Hallo und Willkommen hier im Forum.
Teste bitte, den Wert wenn dann anpassen.
Einzutragen in die userChrome.css
Sollte der Ordner chrome nicht vorhanden sein musst du ihn dir erst erstellen, und in ihm dann eine userChrome.css
Du mußt dir im Profilordner einen neuen Ordner chrome erstellen und in diesem dann eine Textdatei ( mit einem Editor ) in die du den Code kopierst, bzw. einträgst.
Dann schließt du die Datei und speicherst sie als userChrome.css ab.
Danach mußt du den Firefox neu starten.
PS:
Du musst dir dazu die versteckten Dateiendungen anzeigen lassen.
Um das einzustellen klickt man im Windows 10 Explorer (wenn man einen Ordner offen hat) erst oben links auf Ansicht..dann rechts oben auf
"Optionen" > "Ordner und Suchoptionen ändern" > "Ansicht"
und entfernt das Häkchen bei "Erweiterungen bei bekannten Dateitypen ausblenden"
Hallo 2002Andreas,
passt alles Haar-genau! Sieht cool aus ..
Vielen herzlichen Dank an dich!
Für die Tabs wie beim Google Chrome Version 71 gibt es das auch so ähnlich mit angerundete Ecken?
Für die Tabs wie beim Google Chrome Version 71 gibt es das auch so ähnlich mit angerundete Ecken?
Hier gibt es eine komplette userChrome.css von einem User, welches die Benutzeroberfläche von Firefox möglichst nah an das Material Design von Chrome anpasst. ► https://github.com/muckSponge/MaterialFox
Hier gibt es eine komplette userChrome.css von einem User, welches die Benutzeroberfläche von Firefox möglichst nah an das Material Design von Chrome anpasst. ► https://github.com/muckSponge/MaterialFox
Vielen Dank!
Wünsche allen hier besinnliche Feiertage!
Wünsche allen hier besinnliche Feiertage!
Danke, für dich auch
Hallo zusammen nochmal,
welches dieser Abschnitte aus meiner CSS-Code zeigt mir die Größe der Adressleiste an?
Also an der ich die Adressleiste etwas verkleiner bzw vergößern kann dann wäre es perfekt.
Danke schon mal und hier der Code ...
@media (-moz-windows-compositor)
{
@media not all and (-moz-os-version: windows-win7)
{
@media not all and (-moz-os-version: windows-win8)
{
@media (-moz-windows-default-theme)
{
:root[sizemode=normal][tabsintitlebar]:-moz-window-inactive:not(:-moz-lwtheme)
{
border-top-color: hsl(0, 0%, 64%) !important;
background-color: -moz-win-accentcolor !important;
background-image: linear-gradient(hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5)) !important;
}
:root[tabsintitlebar] #titlebar-buttonbox
{
height: 29px !important;
margin-bottom: 5px !important;
}
:root[tabsintitlebar][sizemode=normal] #titlebar-buttonbox
{
margin-bottom: calc(5px + var(--space-above-tabbar)) !important;
}
}
}
}
}
#navigator-toolbox :-moz-any(toolbar, #nav-bar-customization-target)
{
-moz-box-align: center !important;
}
#navigator-toolbox :-moz-any(.toolbarbutton-1, .bookmark-item:not(.subviewbutton), .scrollbutton-up, .scrollbutton-down)
{
border-radius: 99px !important;
transition-property:
background-color,
background-size,
fill-opacity !important;
transition-duration: .3s !important;
transition-timing-function:
var(--ease-basic),
var(--ease-out),
var(--ease-basic) !important;
fill: currentColor !important;
fill-opacity: 0 !important;
background-image:
url(circle.svg),
url(circle.svg) !important;
background-size: 25% !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-color: transparent !important;
}
#navigator-toolbox :-moz-any(.toolbarbutton-1, .bookmark-item:not(.subviewbutton), .scrollbutton-up, .scrollbutton-down)
{
font-size: 12px !important;
padding: 0 !important;
margin: 0 !important;
border: 2px solid transparent !important;
background-clip: padding-box !important;
}
#navigator-toolbox :-moz-any(.toolbarbutton-1, .bookmark-item:not(.subviewbutton), .scrollbutton-up, .scrollbutton-down)[disabled]
{
opacity: .42 !important;
}
#navigator-toolbox :-moz-any(.toolbarbutton-1, .bookmark-item:not(.subviewbutton), .scrollbutton-up, .scrollbutton-down):hover:not([disabled]),
#navigator-toolbox :-moz-any(.toolbarbutton-1, .bookmark-item:not(.subviewbutton), .scrollbutton-up, .scrollbutton-down):-moz-any(:hover:active, [checked], [open]):not([disabled])
{
background-color: var(--toolbarbutton-hover-background) !important;
}
#navigator-toolbox :-moz-any(.toolbarbutton-1, .bookmark-item:not(.subviewbutton), .scrollbutton-up, .scrollbutton-down):-moz-any(:hover:active, [checked], [open]):not([disabled])
{
fill-opacity: .04 !important;
background-size: 100% !important;
}
#navigator-toolbox :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack)
{
fill-opacity: 1 !important;
border: 0 !important;
box-shadow: none !important;
}
#navigator-toolbox .toolbarbutton-1 > .toolbarbutton-icon
{
width: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
}
#navigator-toolbox > #PersonalToolbar .toolbarbutton-1 > .toolbarbutton-icon,
#navigator-toolbox :-moz-any(.toolbarbutton-1, .scrollbutton-up, .scrollbutton-down) > :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack)
{
padding: 6px !important;
background: 0 !important;
}
/* high DPI adjustments */
@media (min--moz-device-pixel-ratio: 2)
{
#navigator-toolbox::after
{
-moz-appearance: none !important;
background-color: var(--toolbar-bgcolor) !important;
box-shadow: inset 0 -.5px var(--toolbox-border-bottom-color) !important;
}
}
#navigator-toolbox .bookmark-item
{
padding: 1px !important;
}
toolbarbutton[class="bookmark-item"][type="menu"][container="true"] > image {
display:none!important}
toolbarbutton[class="bookmark-item"][type="menu"][container="true"]{
margin-left:-3px!important
}
#urlbar{
border-radius: 20px !important;
}
Alles anzeigen
Edit 2002Andreas
Text in Klammercode gesetzt.
Hallo 2002Andreas,
okay jetzt hat es geklappt.
Leider aber nicht mit meinen gewünschten Ergebnis.
Kann man Sie auch also von der breite her kleiner machen ..???
Das war ja die länger verkleinern
Die Lösung dazu gibts in deinem neuen Thread...
https://www.camp-firefox.de/forum/viewtopic.php?f=16&t=126795