Weitere blaue Umrandungen

camel-joe

Hallo,

im Suchfeld unter about:addons, about:config und der internen Suche (STRG+F) sollen bei mir die blauen Umrandungen weg. Dazu kommt noch ein weiterer Wunsch: Meine Frau möchte diese Linien dafür in Orange. :lol:

aborix

Der Rand wird blau, wenn die Felder fokussiert sind.

Damit müsste die Farbe gleich bleiben:

Code

@-moz-document url(chrome://browser/content/browser.xul) {
  .findbar-textbox.findbar-find-fast[focused="true"] {border-color: threedshadow !important}
}


@-moz-document url(about:addons) {
  #header-search[focused="true"] {border-color: rgb(193, 193, 193) !important}
}


@-moz-document url-prefix(about:config) {
  #textbox[focused="true"] {border-color: rgb(193, 193, 193) !important}
}

Alles anzeigen

Damit müsste der Rand orange werden:

Code

@-moz-document url(chrome://browser/content/browser.xul) {
  .findbar-textbox.findbar-find-fast[focused="true"] {border-color: orange !important}
}


@-moz-document url(about:addons) {
  #header-search[focused="true"] {border-color: orange !important}
}


@-moz-document url-prefix(about:config) {
  #textbox[focused="true"] {border-color: orange !important}
}

Alles anzeigen

loshombre

Hombre,
hast du auch einen wo liegen, womit man den Rand zB. aus der Adress -und Searchbar komplett ausgeblendet bekommt ?

aborix

meinst du so?

Code

#urlbar, .searchbar-textbox {border-color: white !important}

oder

Code

textbox {border-color: white !important}

loshombre

Aa ok, ich merk schon. Nur die Farbe entsprechend anpassen. Ganz weg geht nicht. Also geht schon, nur sieht das bescheuert aus.
Und nur fokussiert, kommt da wahrscheinlich noch ein [focused="true"] dazu, oder?

aborix

Ja, kommt dazu.
Man kann auch transparent statt white nehmen. Ich sehe zumindest bei der Adress- und Suchleiste keinen Unterschied.

loshombre

Hmm :-?? Klappt irgendwie nicht.

Ich hab runde Url -und Searchbar. Zu Verdeutlichung hab ich mal im Code border dick und rot gemacht, damit man es besser sehen kann:

[Blockierte Grafik: http://fs5.directupload.net/images/160311/fn7igg73.jpg]

Da kann ich rum malen, was und wie ich will, aber der blaue eckige Rand bleibt im Fokus trotzdem hart und standhaft :? Den krieg ich da einfach beim Fokus nicht weg.

aborix

Was macht die Felder rund? CTR? Oder spezieller CSS-Code?

Wo ist überhaupt Andreas, der ist doch der Spezialist für solche Sachen.

2002Andreas

Ich nutze selber diesen Code:

CSS

/*AGENT_SHEET*/
    #main-window[defaultfxtheme="true"] toolbox toolbar #urlbar,
      #main-window[defaultfxtheme="true"] toolbox toolbar .searchbar-textbox {
        border: 1px solid hsl(0,0%,90%) !important;
    }
    @media (-moz-windows-default-theme) {
      #main-window[defaultfxtheme="true"] toolbox toolbar #urlbar,
      #main-window[defaultfxtheme="true"] toolbox toolbar .searchbar-textbox {
        border: 1px solid hsl(0,0%,90%) !important;
      }
    }
    #main-window[defaultfxtheme="true"] toolbox toolbar #urlbar:-moz-lwtheme,
    #main-window[defaultfxtheme="true"] toolbox toolbar .searchbar-textbox:-moz-lwtheme {
      border-color: rgba(0,0,0,.32) !important;
    }
    @media (-moz-windows-default-theme) {
      #main-window[defaultfxtheme="true"] toolbox toolbar #urlbar:not(:-moz-lwtheme),
      #main-window[defaultfxtheme="true"] toolbox toolbar .searchbar-textbox:not(:-moz-lwtheme),
      #main-window[defaultfxtheme="true"] toolbox toolbar #urlbar:hover:not(:-moz-lwtheme),
      #main-window[defaultfxtheme="true"] toolbox toolbar .searchbar-textbox:hover:not(:-moz-lwtheme),
      #main-window[defaultfxtheme="true"] toolbox toolbar #urlbar:not(:-moz-lwtheme)[focused],
      #main-window[defaultfxtheme="true"] toolbox toolbar .searchbar-textbox:not(:-moz-lwtheme)[focused] {
        border: 1px solid hsl(0,0%,90%) !important;
        box-shadow: unset  !important;
      }
    }

Alles anzeigen

Was mich nur wundert, im Hauptprofil und 2 weiteren funktioniert er, in 2 anderen nicht :-??

Aber teste es doch bitte mal, evtl. hast du ja Glück.

2002Andreas

Zitat

Wo ist überhaupt Andreas, der ist doch der Spezialist für solche Sachen.

Ich hatte mir erlaubt mal rund 2 Std nicht im Forum zu sein...sorry :oops::wink:

Endor

Zum abrunden verwende ich schon lange den Code hier.
funktioniert mit Standardtheme und Personas:

CSS

/*AGENT_SHEET*/
	@-moz-document url-prefix("chrome://browser/content/browser.xul"){


/* Suchfeld in Symbolleiste abrunden */
    #searchbar .searchbar-textbox {


    -moz-appearance: none !important;
    border-radius: 14px !important;
    padding-right: 8px !important;
    padding-left:  8px !important;
    margin-right:  4px !important;
    }


    /* Suchfeld in Findbar abrunden */


    #FindToolbar .findbar-textbox.findbar-find-fast {


    -moz-appearance: none !important;
    border-radius: 16px !important;
    padding-right: 8px !important;
    padding-left:  8px !important;
    margin-right:  4px !important;}

	/*Urlbar abrunden*/
	#urlbar{
	border-radius: 14px !important;} 


	#notification-popup-box { border-radius: 16px !important;}


	#identity-box{
	border:none!important;
	background:none!important;}
	}

Alles anzeigen

Mfg.
Endor

loshombre

Zitat

Was macht die Felder rund? CTR? Oder spezieller CSS-Code?

CSS Code. Hat aber nix mit dem blauen Rand zu tun. Ich hab keinen Plan, wo der auf einmal überhaupt weg kommt. Also meine eigenen Codes machen den mit Sicherheit nicht dahin.

andy, hier tut der Code im Hauptprofil leider auch nicht.

aborix

Kann ich das Codestück, das die Rundung bewirkt, mal sehen?

loshombre

Ja sicher.

CSS

/* AGENT_SHEET */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); 
textbox:not([readonly]), menulist {
  -moz-appearance: none !important;
  border: 1px solid !important;
  border-top-colors: rgba(0,0,0,0.70) threedshadow -moz-field !important;
  border-bottom-colors: rgba(0,0,0,0.40) threedshadow -moz-field !important;
  border-right-colors: rgba(0,0,0,0.56) threedshadow -moz-field !important;
  border-left-colors: rgba(0,0,0,0.51) threedshadow -moz-field !important;
  border-radius: 9.5pt !important;
  background-clip: padding !important;
}
textbox[focused="true"], menulist:focus {
  outline-radius: 9.5pt !important; 
  outline: solid 1pt !important;
  outline-color: rgba(60, 120, 240, 0.8) !important;
  outline-offset: -1pt !important;
 }
#urlbar :not(dropmarker):not(.progress-bar):not(#identity-icon):not(#plugins-notification-icon) {
  border-radius: 14pt !important; 
}

Alles anzeigen

loshombre

Übrigens der Code von Hombre Endor funktioniert hier im Testprofil perfekt, im Hauptprofil fast perfekt.
Hier müsste ich dann noch etwas Feinschliff betreiben und wenn das hin haut, könnte ich meinen alten doch glatt gegen ersetzten.
Oder nicht ? Oder doch ?

2002Andreas

Zitat von loshombre

könnte ich meinen alten doch glatt gegen ersetzten.

Würde ich sehr empfehlen, weil in deinem alten reichlich Fehler vorhanden sind, bzw. Bezeichnungen die es heute so nicht mehr gibt.

[Blockierte Grafik: http://www2.pic-upload.de/thumb/30002373/Screenshot120.png]

loshombre

Ja ich weiß Andy. Du weißt das auch, es ist schon ein uralter Code aus der noch guten alten Fuchszeit. Nur komischerweise funktioniert der trotzdem irgendwie Vor allem auch im Stylish. Der CSS Loader schluckt eh alles, der kennt keine Fehler. Entweder es funktioniert, oder nicht. Dazwischen gibts für ihn nix

bejot · 12.03.2016 00_25.jpg

Moin,
so siehts bei mir aus:
[attachment=0]12.03.2016 00_25.jpg[/attachment]
mit diesem Code:

CSS

#urlbar, #searchbar .searchbar-textbox{
-moz-appearance: none !important;


border-radius: 12px !important;
padding: 0 10px 0 10px !important;
}

2002Andreas

Hallo loshombre...
neuer Versuch der hier zumindest in allen Profilen funktioniert.

CSS

@-moz-document url-prefix(chrome://browser/content/browser.xul){


#urlbar,.searchbar-textbox{
border-color:transparent!important;
box-shadow: none!important;}
     }

2002Andreas

Wenn ich deinen Code zusätzlich nehme:

CSS

/* AGENT_SHEET */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
textbox:not([readonly]), menulist {

  border: 1px solid !important;
  border-top-color: rgba(0,0,0,0.40) threedshadow -moz-field !important;
  border-bottom-colors: rgba(0,0,0,0.40) threedshadow -moz-field !important;
  border-right-colors: rgba(0,0,0,0.56) threedshadow -moz-field !important;
  border-left-colors: rgba(0,0,0,0.51) threedshadow -moz-field !important;
  border-radius: 9.5pt !important;
  background-clip: padding !important;
}
 menulist:focus {
  outline-radius: 9.5pt !important;
  outline: solid 1pt !important;
  outline-color: rgba(60, 120, 240, 0.8) !important;
  outline-offset: -1pt !important;
 }
#urlbar :not(dropmarker):not(.progress-bar):not(#identity-icon):not(#plugins-notification-icon) {
  border-radius: 14pt !important;
}

Alles anzeigen

muss noch aus:

CSS

textbox[focused="true"], menulist:focus {
  outline-radius: 9.5pt !important;
  outline: solid 1pt !important;
  outline-color: rgba(60, 120, 240, 0.8) !important;
  outline-offset: -1pt !important;
 }

das entfernt werden:

Code

textbox[focused="true"],

Sieht hier dann so aus bei Fokus in der Searchbar:

[attachment=0]Zwischenablage01.png[/attachment]