Bei beiden Versionen alles ok hier
Nöö, oben in der Box die Abstimmung passt da nicht, hast Du eventuell die Sidebar offen?
Bei beiden Versionen alles ok hier
Nöö, oben in der Box die Abstimmung passt da nicht, hast Du eventuell die Sidebar offen?
Da kommt mir doch einiges bekannt vor...
Gut, dass Du es erkennen kannst.
![]()
Ja, wegen der ganzen "Bereinigung" des Codes habe ich auch mal versucht das bei den aktuellen Versionen 111 und 112 einzusetzen. Ganz kleine Änderungen im oberen Teil musste ich vornehmen, ansonsten zu gebrauchen.
Eventuell kann mal jemand probieren, ob es so i.O. ist.
/* AGENT_SHEET */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url(about:profiles) {
html {
background: #d9d9d9 !important;
}
/* alle Button */
button {
background: #fff7e6 !important;
border-style: outset !important;
border-left-color: lightblue !important;
border-top-color: lightblue !important;
border-right-color: dodgerblue !important;
border-bottom-color: dodgerblue !important;
border-width: 2px !important;
border-radius: 20px !important;
background-position: 14px 7px !important;
color: black !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
font-size: 14px !important;
}
button:hover {
background: #B2EDFA !important;
background-position: 14px 7px !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
}
/* Originaler Text "Über Profile" ausgeblendet */
#body > h1 {
font-size: 0px !important;
margin-bottom: 30px !important;
}
/* neuen Text mit HG eingefügt */
h1::after {
content: 'Meine Profile' !important;
border: 2px ridge lightgrey !important;
border-radius: 20px !important;
background-color: dodgerblue/* #009900 */ !important;
color: white !important;
font: 32px bold !important;
line-height: 100px !important;
text-align: center !important;
min-width: 500px !important;
max-width: 700px !important;
padding: 0 50px !important;
margin-left: 170px !important;
}
/* Erklärungstext: "Diese Seite…" */
/* .page-subtitle {
min-width: 640px !important;
max-width: 640px !important;
margin-top: 0px !important;
} */
#body {
position: relative !important;
margin-left: auto !important;
margin-right: auto !important;
max-width: 1200px !important; /* Breite anpassen zbs. auf 1600px, dann aber auch in Zeile 39 den Wert auf 71% erhöhen */
margin-top: 40px !important;
margin-bottom: 20px !important;
padding-bottom: 30px !important;
padding-top: 15px !important;
padding-left: 50px !important;
padding-right: 50px !important;
background-color: #fff7e6 !important;
border: royalblue! important;
border-width: 8px !important;
box-shadow: 15px 15px 0px 0px #fdd342 inset !important;
border-style: double !important;
}
.content-flex {
flex: 1 1 56% !important;
}
.action-box{
background: #f2e6d9 !important;
border: 2px ridge lightgrey !important;
margin-top: 20px !important;
margin-right: -14px !important;
/* margin-bottom: 80px !important; */
border-radius: 14px !important;
position: relative !important;
min-width: 395px !important;
max-width: 395px !important;
}
.action-box > h3, h2, h1 {
color: #057A7A !important;
}
/* Label "Neu starten" */
.action-box > h3/* :nth-child(1) */ {
border: 2px ridge lightgrey !important;
border-radius: 20px !important;
background-color: lightgreen !important;
text-align: center !important;
min-height: 20px !important;
max-height: 20px !important;
max-width: 100px !important;
padding: 3px 50px 6px 50px !important;
margin: 0 auto 20px 90px!important;
}
#owned {
border: 2px ridge lightgrey !important;
border-radius: 10px !important;
min-width: 55vw !important;
padding: 15px 20px 20px 20px !important;
margin-top: 115px !important;
background-color: #ecd9c6 !important;
position: relative !important;
}
/* Die Einstellungen ab hier sind für alle Profile */
/* Rahmen um die Profil-Gruppen */
#profiles > div {
border: 3px ridge lightgrey !important;
border-radius: 20px !important;
padding: 15px 30px !important;
margin-top: 30px !important;
background: #F0F0F0 !important;
}
#profiles > div > table {
border-radius: 14px !important;
}
#profiles > div > table > tbody > tr:nth-child(1) > th:nth-child(1) {
border-top-left-radius: 14px !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
}
#profiles > div > table > tbody > tr:nth-child(1) > td:nth-child(2) {
border-top-right-radius: 14px !important;
}
#profiles > div > table > tbody > tr:nth-child(3) > th:nth-child(1) {
border-bottom-left-radius: 14px !important;
}
#profiles > div > table > tbody > tr:nth-child(3) > td:nth-child(2) {
border-bottom-right-radius: 14px !important;
}
th, td {
padding-left: 17px !important;
}
td {
font-size: 14px !important;
}
hr {
display: none !important;
}
h2 {
margin-top: 25px !important;
}
[data-l10n-id="profiles-restart-normal"] {
background-image: url("..//icons/Bild9.png") !important;
background-repeat: no-repeat !important;
margin-left: 28px !important;
padding-left: 40px !important;
padding-right: 155px !important;
padding-top: 3px !important;
padding-bottom: 3px !important;
}
[data-l10n-id="profiles-restart-normal"]:hover {
background-image: url("..//icons/Bild9.png") !important;
background-repeat: no-repeat !important;
}
[data-l10n-id="profiles-restart-in-safe-mode"] {
background-image: url("..//icons/Bild10.png") !important;
background-repeat: no-repeat !important;
margin-left: 28px !important;
padding-left: 40px !important;
padding-right: 34px !important;
margin-bottom: 10px !important;
}
[data-l10n-id="profiles-restart-in-safe-mode"]:hover {
background-image: url("..//icons/Bild10.png") !important;
background-repeat: no-repeat !important;
}
[data-l10n-id="profiles-create"] {
background-image: url("..//icons/Bild11.png") !important;
background-repeat: no-repeat !important;
background-position: 14px 5px !important;
padding-left: 40px !important;
padding-right: 20px !important;
}
[data-l10n-id="profiles-create"]:hover {
background-image: url("..//icons/Bild11.png") !important;
background-repeat: no-repeat !important;
}
[data-l10n-id="profiles-yes"] {
color: green !important;
font-weight: bold !important;
font-size: 18px !important;
}
[data-l10n-id="profiles-no"]{
color: red !important;
font-size: 16px !important;
}
[data-l10n-id="profiles-opendir"] {
background-image: url("..//icons/Bild12.png") !important;
background-repeat: no-repeat !important;
margin-left: 5px !important;
padding-left: 40px !important;
padding-right: 20px !important;
}
[data-l10n-id="profiles-opendir"]:hover {
background-image: url("..//icons/Bild12.png") !important;
background-repeat: no-repeat !important;
}
/* Label Profilname */
#profiles > div > h2:nth-child(1) {
border: 2px ridge lightgrey !important;
border-radius: 20px !important;
background-color: lightgreen !important;
text-align: center !important;
line-height: 40px !important;
width: 20vw !important;
height: 40px !important;
margin: 0 0 20px 50px !important;
}
/* Erklärung im Standardprofil */
#profiles > div > h3 {
color: red !important;
border: 2px ridge red !important;
border-radius: 10px !important;
padding: 20px !important;
margin: 0 0 20px 0 !important;
}
/* Position der Schaltflächen Ordner öffen festlegen */
#profiles > div:nth-child(n+1) > table > tbody > tr:nth-child(2) > td > button {
position: absolute !important;
right: 70px !important;
margin-top: -8px !important;
}
#profiles > div:nth-child(n+1) > table > tbody > tr:last-child > td > button {
position: absolute !important;
right: 70px !important;
margin-top: -8px !important;
}
#profiles > div:nth-child(n+1) > table:nth-child(n+1) > tbody:nth-child(1) > tr:nth-child(n+1),
#profiles > div:nth-child(n+1) > table:nth-child(n+1) > tbody:nth-child(1) > tr:nth-child(n+1) > th:nth-child(n+1) {
height: 32px !important;
}
[data-l10n-id="profiles-rename"] {
background-image: url("..//icons/Bild13.png") !important;
background-repeat: no-repeat !important;
margin-top: 8px !important;
padding-left: 40px !important;
padding-right: 20px !important;
}
[data-l10n-id="profiles-rename"]:hover {
background-image: url("..//icons/Bild13.png") !important;
background-repeat: no-repeat !important;
}
[data-l10n-id="profiles-remove"] {
background-image: url("..//icons/Bild8.gif") !important;
background-repeat: no-repeat !important;
background-position: 14px 6px !important;
margin-top: 8px !important;
padding-left: 40px !important;
padding-right: 20px !important;
}
[data-l10n-id="profiles-remove"]:hover {
background-image: url("..//icons/Bild8.gif") !important;
background-repeat: no-repeat !important;
}
[data-l10n-id="profiles-set-as-default"] {
background-image: url("..//icons/Bild14.png") !important;
background-repeat: no-repeat !important;
margin-top: 8px !important;
padding-left: 40px !important;
padding-right: 20px !important;
}
[data-l10n-id="profiles-set-as-default"]:hover {
background-image: url("..//icons/Bild14.png") !important;
background-repeat: no-repeat !important;
}
[data-l10n-id="profiles-launch-profile"] {
background-image: url("..//icons/Bild15.png") !important;
background-repeat: no-repeat !important;
background-position: 14px 6px !important;
margin-top: 8px !important;
padding-left: 40px !important;
padding-right: 20px !important;
}
[data-l10n-id="profiles-launch-profile"]:hover {
background-image: url("..//icons/Bild15.png") !important;
background-repeat: no-repeat !important;
}
/* Zeilen(Boxen) rechts - der HG im Wechsel */
#profiles > div:nth-child(odd) > table {
background: #f7edd4 !important;
}
#profiles > div:nth-child(even) > table {
background: beige !important;
}
td:hover {
background: #ffeb99 !important;
}
th {
background-color: #ee7621 !important;
padding-right: 10px !important;
font-size: 13px !important;
}
th:hover {
background-color: #b54f06 !important;
}
}
Alles anzeigen
Jetzt wird mir auch klar warum mir so schwindelig geworden ist.
Demnächst wähle ich einen kleineren Gang aus.
![]()
Sieht auch gut aus.
Danke! ![]()
Da kommt Freude auf, wenn alle ihre Tricks einbringen. Danke!
![]()
Den Code von grisu2099 und Endor habe ich mal in die Schleudermaschine gegeben, das kam dabei heraus.
/* AGENT_SHEET */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url(about:profiles) {
html {
background: #d9d9d9 !important;
}
/* alle Button */
button {
background: #fff7e6 !important;
border-style: outset !important;
border-left-color: lightblue !important;
border-top-color: lightblue !important;
border-right-color: dodgerblue !important;
border-bottom-color: dodgerblue !important;
border-width: 2px !important;
border-radius: 20px !important;
background-position: 14px 7px !important;
color: black !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
font-size: 14px !important;
}
button:hover {
background: #B2EDFA !important;
background-position: 14px 7px !important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
}
/* Originaler Text "Über Profile" ausgeblendet */
#body > h1 {
font-size: 0px !important;
margin-bottom: 30px !important;
}
/* neuen Text mit HG eingefügt */
h1::after {
content: 'Meine Profile' !important;
border: 2px ridge lightgrey !important;
border-radius: 20px !important;
background-color: #009900 !important;
color: white !important;
font: 32px bold !important;
line-height: 100px !important;
text-align: center !important;
min-width: 500px !important;
max-width: 700px !important;
padding: 0 50px !important;
margin-left: 170px !important;
}
#body {
position: relative !important;
margin-left: auto !important;
margin-right: auto !important;
max-width: 1200px !important; /* Breite anpassen zbs. auf 1600px, dann aber auch in Zeile 39 den Wert auf 71% erhöhen */
margin-top: 40px !important;
margin-bottom: 20px !important;
padding-bottom: 30px !important;
padding-top: 15px !important;
padding-left: 50px !important;
padding-right: 50px !important;
background-color: #fff7e6 !important;
border: royalblue! important;
border-width: 8px !important;
box-shadow: 15px 15px 0px 0px #fdd342 inset !important;
border-style: double !important;
}
.content-flex {
flex: 1 1 56% !important;
}
.action-box{
background: #f2e6d9 !important;
border: 2px ridge coral !important;
margin-top: -100px !important;
margin-right: -14px !important;
margin-bottom: 50px !important;
border-radius: 14px !important;
}
.action-box > h3, h2, h1 {
color: #057A7A !important;
}
/* Label "Neu starten" */
.action-box > h3:nth-child(1) {
border: 2px ridge lightgrey !important;
border-radius: 20px !important;
background-color: lightgreen !important;
text-align: center !important;
min-height: 20px !important;
max-height: 20px !important;
max-width: 100px !important;
padding: 3px 50px 6px 50px !important;
margin: 0 auto 20px 70px!important;
}
#owned {
border: 2px ridge lightgrey !important;
border-radius: 10px !important;
min-width: 55vw !important;
padding: 20px !important;
margin-top: -30px !important;
background-color: #ecd9c6 !important;
position: relative !important;
}
/* Die Einstellungen ab hier sind für alle Profile */
/* Rahmen um die Profil-Gruppen */
#profiles > div {
border: 2px ridge lightgrey !important;
border-radius: 20px !important;
padding: 15px 30px !important;
margin-top: 30px !important;
background: #F0F0F0 !important;
}
#profiles > div > table {
border-radius: 14px !important;
}
#profiles > div > table > tbody > tr:nth-child(1) > th:nth-child(1) {
border-top-left-radius: 14px !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
}
#profiles > div > table > tbody > tr:nth-child(1) > td:nth-child(2) {
border-top-right-radius: 14px !important;
}
#profiles > div > table > tbody > tr:nth-child(3) > th:nth-child(1) {
border-bottom-left-radius: 14px !important;
}
#profiles > div > table > tbody > tr:nth-child(3) > td:nth-child(2) {
border-bottom-right-radius: 14px !important;
}
th, td {
padding-left: 17px !important;
}
td {
font-size: 14px !important;
}
hr {
display: none !important;
}
h2 {
margin-top: 25px !important;
}
[data-l10n-id="profiles-restart-normal"] {
background-image: url("..//icons/Bild9.png") !important;
background-repeat: no-repeat !important;
margin-left: 8px !important;
padding-left: 40px !important;
padding-right: 155px !important;
padding-top: 3px !important;
padding-bottom: 3px !important;
}
[data-l10n-id="profiles-restart-normal"]:hover {
background-image: url("..//icons/Bild9.png") !important;
background-repeat: no-repeat !important;
}
[data-l10n-id="profiles-restart-in-safe-mode"] {
background-image: url("..//icons/Bild10.png") !important;
background-repeat: no-repeat !important;
margin-left: 8px !important;
padding-left: 40px !important;
padding-right: 34px !important;
margin-bottom: 10px !important;
}
[data-l10n-id="profiles-restart-in-safe-mode"]:hover {
background-image: url("..//icons/Bild10.png") !important;
background-repeat: no-repeat !important;
}
[data-l10n-id="profiles-create"] {
background-image: url("..//icons/Bild11.png") !important;
background-repeat: no-repeat !important;
background-position: 14px 5px !important;
padding-left: 40px !important;
padding-right: 20px !important;
}
[data-l10n-id="profiles-create"]:hover {
background-image: url("..//icons/Bild11.png") !important;
background-repeat: no-repeat !important;
}
[data-l10n-id="profiles-yes"] {
color: green !important;
font-weight: bold !important;
font-size: 18px !important;
}
[data-l10n-id="profiles-no"]{
color: red !important;
font-size: 16px !important;
}
[data-l10n-id="profiles-opendir"] {
background-image: url("..//icons/Bild12.png") !important;
background-repeat: no-repeat !important;
margin-left: 5px !important;
padding-left: 40px !important;
padding-right: 20px !important;
}
[data-l10n-id="profiles-opendir"]:hover {
background-image: url("..//icons/Bild12.png") !important;
background-repeat: no-repeat !important;
}
/* Label Profilname */
#profiles > div > h2:nth-child(1) {
border: 2px ridge lightgrey !important;
border-radius: 20px !important;
background-color: lightgreen !important;
text-align: center !important;
line-height: 40px !important;
width: 20vw !important;
height: 40px !important;
margin: 0 0 20px 50px !important;
}
/* Erklärung im Standardprofil */
#profiles > div > h3 {
color: red !important;
border: 2px ridge red !important;
border-radius: 10px !important;
padding: 20px !important;
margin: 0 0 20px 0 !important;
}
/* Position der Schaltflächen Ordner öffen festlegen */
#profiles > div:nth-child(n+1) > table > tbody > tr:nth-child(2) > td > button {
position: absolute !important;
right: 70px !important;
margin-top: -8px !important;
}
#profiles > div:nth-child(n+1) > table > tbody > tr:last-child > td > button {
position: absolute !important;
right: 70px !important;
margin-top: -8px !important;
}
#profiles > div:nth-child(n+1) > table:nth-child(n+1) > tbody:nth-child(1) > tr:nth-child(n+1),
#profiles > div:nth-child(n+1) > table:nth-child(n+1) > tbody:nth-child(1) > tr:nth-child(n+1) > th:nth-child(n+1) {
height: 32px !important;
}
[data-l10n-id="profiles-rename"] {
background-image: url("..//icons/Bild13.png") !important;
background-repeat: no-repeat !important;
margin-top: 8px !important;
padding-left: 40px !important;
padding-right: 20px !important;
}
[data-l10n-id="profiles-rename"]:hover {
background-image: url("..//icons/Bild13.png") !important;
background-repeat: no-repeat !important;
}
[data-l10n-id="profiles-remove"] {
background-image: url("..//icons/Bild8.gif") !important;
background-repeat: no-repeat !important;
background-position: 14px 6px !important;
margin-top: 8px !important;
padding-left: 40px !important;
padding-right: 20px !important;
}
[data-l10n-id="profiles-remove"]:hover {
background-image: url("..//icons/Bild8.gif") !important;
background-repeat: no-repeat !important;
}
[data-l10n-id="profiles-set-as-default"] {
background-image: url("..//icons/Bild14.png") !important;
background-repeat: no-repeat !important;
margin-top: 8px !important;
padding-left: 40px !important;
padding-right: 20px !important;
}
[data-l10n-id="profiles-set-as-default"]:hover {
background-image: url("..//icons/Bild14.png") !important;
background-repeat: no-repeat !important;
}
[data-l10n-id="profiles-launch-profile"] {
background-image: url("..//icons/Bild15.png") !important;
background-repeat: no-repeat !important;
background-position: 14px 6px !important;
margin-top: 8px !important;
padding-left: 40px !important;
padding-right: 20px !important;
}
[data-l10n-id="profiles-launch-profile"]:hover {
background-image: url("..//icons/Bild15.png") !important;
background-repeat: no-repeat !important;
}
/* Zeilen(Boxen) rechts - der HG im Wechsel */
#profiles > div:nth-child(odd) > table {
background: #f7edd4 !important;
}
#profiles > div:nth-child(even) > table {
background: beige !important;
}
td:hover {
background: #ffeb99 !important;
}
th {
background-color: #ee7621 !important;
padding-right: 10px !important;
font-size: 13px !important;
}
th:hover {
background-color: #b54f06 !important;
}
}
Alles anzeigen
Teste bitte nochmals müsse nun passen.
Perfekt, Endor, funktioniert so wie es soll. ![]()
Teste bitte mal.
Du hast mir ja die ganze Arbeit abgenommen, danke, danke. ![]()
Eine Sache würde ich aber ändern, damit die Button Ordner öffnen an der vorgegebenen Stelle arretiert bleiben.
Bei body das position: relative !important; hinzufügen, und dann in den Zeilen 215 und 218 die gewünschte Lage einstellen.
Das habe ich schon vor langer Zeit so eingerichtet, dann bleiben auch die Button an der Stelle, wenn z.B. über Ansicht die Sidebar eingeschaltet wird.
Ihr könntet mal diesen Code für about:profiles testen
Habe ich mich erschrocken, musste gleich Licht einschalten, weil alles so dunkel wurde. ![]()
Das gefällt mir sehr, habe das erst einmal für mich farbig umgestaltet (ich mag es immer hell, besser für die Augen in meinem Alter). Vielen Dank, grisu2099 , prima Ansatz finde ich. ![]()
Das ist es ja immer, was ich versuche zu erklären
Das habe ich auch begriffen, versuche es überall zu ändern. Danke, Andreas!
![]()
hier mein Code für about:profiles - Nightly
Das hast Du sehr gut gelöst mit der Anordnung. ![]()
Das wäre aber noch zu lösen, und ich komme da nicht weiter. Bei dem Profil, dass mit dem Profil-Manager verwaltet wird, stimmt die Reihenfolge nicht mit den Button (Icon) überein.
Hast Du da noch eine Lösung?
Was meinst Du?
Alles da, Endor, und funktioniert.
Meinen Stil hatte ich schon fertig eingerichtet, mit kleinen Abweichungen.
Weil wir gerade dabei sind, in about:profiles habe ich das so eingerichtet.
Müsste alle Schnipsel verarbeitet haben und funktioniert bestens.
Ist übrigens auch schon für Version 112 (beta) fällig.
Du hast den kompl. Code von mir genommen?
Ja, hatte ich, aber jetzt einige Anpassungen, und gut ist. Danke, alle Code-Schnipsel verarbeitet.
![]()
Alles wird richtig angezeigt
![]()
Damit [data-l10n-id="deprecation-description"] sieht es dann so aus.
Oder ist das nur hier so?
Eigentlich kann das auch weg, denn es wirkt nur ein Teil bei Hover. .container:hover
Noch eine Spielerei
Warum nicht.
![]()
Wird nicht mehr gebraucht. Was meinst Du?
Alles entfernt, und funktioniert trotzdem, ist also überflüssig.
Teste bitte:
Passt! ![]()
Hinweis, wegen Änderungen in aktuellem Nightly. Die gibt es bei logging, plugins und profiles, was ich bisher feststellen konnte.
Vielen Dank
Bitte, war nur ein Vorschlag. ![]()
Nochmals danke dafür.
Keine Ursache, Endor, Hauptsache es passt.
So der fertige Code für about:glean
Zeilen 129 bis 131 müssten m.M.n. überflüssig sein. ![]()
Danke, für den Code. ![]()
Ich grüße Dich, Endor! ![]()
Den Code habe ich mal getestet, und unterbreite Dir mal den folgenden Vorschlag dazu. Bei der vorgegebenen Breite von 1600px (Zeile 32) ist auf der rechten Seite sehr viel freier Platz. Das habe ich mal auf 1200px verkürzt, und zusätzlich #description (ab Zeile 122) angepasst. Diese Werte kann man so anpassen, wie es gerade gefällt.
Der Sinn der Sache, es wird zentriert angezeigt, eventuell gefällt es Dir ja so.