Und wenn du möchtest, dann lege ich auch noch mal nach, du hast also volle Auswahl.
Danke dir.
Nach einigen Änderungen hab ich es jetzt so:
CSS
/* AGENT_SHEET */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url("about:about") {
html {background: gainsboro !important;}
ul.columns {
column-count: 3 !important;
column-gap: 20px !important;
margin: 0 !important;}
body{
max-width: 920px !important;
min-height: 400px !important;
height: auto !important;
margin-top: 10px !important;
margin-bottom: 10px !important;
margin-left: 200px !important;
padding-top: 0px !important;
padding-left: 25px !important;
padding-right: 25px !important;
padding-bottom: 0px !important;}
.container > h1:nth-child(1){
margin-left: 5px !important;
color: blue !important;
font-size: 24px !important;
font-weight: bold !important;}
ul{list-style: none !important;}
#abouts{
max-width: 700x !important;
background-color: #ccf2ff !important;
margin-left: 0px !important;
margin-top: -5px !important;
padding-top: 10px !important;
padding-left: 25px !important;
padding-right: 25px !important;
padding-bottom: 10px !important;
border-left-color: red!important;
border-top-color: red!important;
border-right-color: blue!important;
border-bottom-color: blue!important;
border-width: 6px !important;
border-style: double dotted !important;}
p {margin-left: 160px !important; font-size:15px!important;}
div.container > p:nth-child(2) > em:nth-child(1) {
display: none !important}
div.container > p:nth-child(2)::after {
content: "Dies ist eine Liste der \"about:\"-Seiten, um Ihnen eine Übersicht zu geben."!important;
color: red !important;
font-style: normal !important;
font-weight:bold !important;
font-size: 17px !important;
margin-left: -60px !important;}
h1::before {
content: "Ramo's Firefox: ";
font-weight:700 !important;
color: blue !important;
margin-left: 220px !important;}
a{
text-decoration:none!important;
color:blue!important;}
/* Breite der Schaltflächen */
#abouts > li:nth-child(n+1){
min-width: 150px !important;
max-width: 150px !important;}
/* Die ersten 14 */
#abouts > li:nth-child(-n+15){
appearance:none!important;
background: #e9effd url("..//favicons/about2.png")no-repeat !important;
color:transparent!important;
font-size:14px!important;
text-decoration:none!important;
margin-top:3px!important;
margin-bottom: 5px !important;
margin-right:20px!important;
margin-left: 0px !important;
padding-right: 25px !important;
padding-left:40px!important;
padding-top: 1px!important;
padding-bottom: 2px!important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-style: outset !important;
border-width:2px !important;
background-position:14px 2px!important;
/* border-radius:14px!important; */}
/* Die ersten 14 hover */
#abouts > li:nth-child(-n+14):hover{
appearance:none!important;
background: gold url("..//favicons/about2.png")no-repeat !important;
color:transparent!important;
font-size:14px!important;
text-decoration:none!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
border-style: outset !important;
border-width:2px !important;
background-position:14px 2px!important;
/* border-radius:14px!important; */}
/* Die mittleren 14 */
#abouts > li:nth-child(n+15){
appearance:none!important;
background: #fdf9f1 url("..//favicons/about3.png")no-repeat !important;
color:transparent!important;
font-size:14px!important;
text-decoration:none!important;
margin-top:3px!important;
margin-bottom: 5px !important;
margin-right:5px!important;
margin-left: 6px !important;
padding-right: 25px !important;
padding-left:40px!important;
padding-top: 1px!important;
padding-bottom: 2px!important;
border-left-color: #79d279 !important;
border-top-color: #79d279 !important;
border-right-color: #009900 !important;
border-bottom-color: #009900 !important;
border-style: outset !important;
border-width:2px !important;
background-position:14px 2px!important;
/* border-radius:14px!important; */}
/* Die mittleren 14 hover */
#abouts > li:nth-child(n+15):hover{
appearance:none!important;
background: gold url("..//favicons/about3.png")no-repeat !important;
color:transparent!important;
font-size:14px!important;
text-decoration:none!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
border-style: outset !important;
border-width:2px !important;
background-position:14px 2px!important;
/* border-radius:14px!important; */}
/* Die letzten 14 */
#abouts > li:nth-child(n+30){
appearance:none!important;
background: cornsilk url("..//favicons/Bild3.png")no-repeat !important;
color:transparent!important;
font-size:14px!important;
margin-top:3px!important;
margin-bottom: 5px !important;
margin-leftt:15px!important;
padding-left:40px!important;
padding-top: 1px!important;
padding-bottom: 2px!important;
border-left-color: #ffb2b2 !important;
border-top-color: #ffb2b2 !important;
border-right-color: #8d0000 !important;
border-bottom-color: #8d0000 !important;
border-style: outset !important;
border-width:2px !important;
background-position:14px 2px!important;
/* border-radius:14px!important; */}
/* Die letzten 14 hover */
#abouts > li:nth-child(n+30):hover{
appearance:none!important;
background: gold url("..//favicons/Bild3.png")no-repeat !important;
color:transparent!important;
font-size:14px!important;
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;
border-style: outset !important;
border-width:2px !important;
background-position:14px 2px!important;
/* border-radius:14px!important; */}
}
Alles anzeigen
Da noch die 3 Icons:
Und nochmals:
An alle Beteiligten.