(Hidden by Administrator)
Bug 1684415 Comment 13 Edit History
Note: The actual edited comment in the bug view page will always show the original commenter’s name and original timestamp.
Hi, Gijs
we pimp all about: pages with CSS codes ;-))
In the process, the two pages caught our eye and we discovered the incorrect display.
The call is made by manual input via the URL bar.
```css
/* AGENT_SHEET */
@-moz-document url-prefix(about:neterror),
url-prefix(about:certerror){
html{background:#ffffff !important;}
body,
body[class="illustrated connectionFailure neterror"],
body[class="illustrated netTimeout neterror"],
body[class="illustrated dnsNotFound neterror"],
body[class="illustrated malformedURI neterror"],
body[class="neterror"]{
justify-content: center!important;
margin-left: auto !important;
margin-right: auto !important;
max-width: 1200px !important;
min-height: 90vh !important;
max-height: 90vh !important;
margin-top: 30px !important;
margin-bottom: 20px !important;
padding-bottom: 20px !important;
padding-top: 15px !important;
padding-left: 50px !important;
padding-right: 50px !important;
background: #fffff0 !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-radius: 20px !important;
border-width: 4px !important;
border-style: outset !important;}
#errorLongDesc{min-width: 580px !important;}
.title {
background-image: url("chrome://global/skin/icons/info.svg");
background-position: left 0;
background-repeat: no-repeat;
background-size: 1.6em;
margin-inline-start: -2.3em;
padding-inline-start: 2.3em;
font-size: 2.2em;
-moz-context-properties: fill;
fill: crimson !important;
height: auto !important;
min-height: 60px !important;}
html body.neterror div#errorPageContainer.container div#text-container div.title {
background-image: url("chrome://global/skin/icons/info.svg");
fill: #0060df !important;}
html body.neterror div#errorPageContainer.container div#text-container div.title h1.title-text{
color: #cc0000 !important;
font-size: 33px !important;
font-weight: bold !important;}
#errorLongDesc > strong:nth-child(1),
html body.neterror div#errorPageContainer.container div#text-container div#errorLongContent div#errorLongDesc p{
color: #1a75ff !important;
font-weight: bold !important;
font-size: 17px !important;}
button.try-again:nth-child(1){
min-width: 220px !important;
background: #0060df url("..//icons/reload.png") no-repeat !important;
padding-bottom: 10px !important;
padding-top: 9px !important;
padding-left: 40px !important;
background-position:16px 10px!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-style: outset !important;
border-radius:22px!important;}
button.try-again:nth-child(1):hover{
background: #003eaa url("..//icons/reload.png") no-repeat !important;
background-position:16px 10px!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-style: outset !important;
border-radius:22px!important;}
#learnMoreLink{
background: #efefef url("..//icons/Bild1.png") no-repeat !important;
color:black!important;
font-size:14px!important;
min-height: 25px!important;
margin-left: 14px!important;
text-decoration:none!important;
padding-right:15px!important;
padding-left:35px!important;
padding-bottom: 5px !important;
padding-top: 5px !important;
border-color: #A6A4A4 !important;
border-style: outset !important;
border-width:1px !important;
background-position:10px 7px!important;
border-radius:22px!important;
line-height: 2.5;}
#learnMoreLink:hover{
background: #E1F3FC url("..//icons/Bild1.png") no-repeat !important;
color:black!important;
font-size:14px!important;
text-decoration:none!important;
padding-right:15px!important;
padding-left:35px!important;
background-position:10px 7px!important;
border-style: outset !important;
border-width:1px !important;
border-radius:22px!important;}
#returnButton{
min-width: 220px !important;
background: #0060df url("..//icons/Undo.png") no-repeat !important;
padding-bottom: 10px !important;
padding-top: 9px !important;
padding-left: 40px !important;
background-position:16px 8px!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-style: outset !important;
border-radius:22px!important;}
#returnButton:hover{
background: #003eaa url("..//icons/Undo.png") no-repeat !important;
background-position:16px 8px!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-style: outset !important;
border-radius:22px!important;}
#advancedButton{
min-width: 220px !important;
background: #0060df url("..//icons/Bild79.png") no-repeat !important;
color: #ffffff !important;
padding-bottom: 10px !important;
padding-top: 9px !important;
padding-left: 40px !important;
background-position:18px 9px!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-style: outset !important;
border-radius:22px!important;}
#advancedButton:hover{
background: #003eaa url("..//icons/Bild79.png") no-repeat !important;
background-position:18px 9px!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-style: outset !important;
border-radius:22px!important;}
}
```