-body {
- background-color: #000000;
- color: #FF9F00;
- margin-top: 2em;
- font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
- font-size: 100%;
-}
-
-p {
- font-size: .8em;
-}
-
-#error-box {
- background: url('chrome://global/skin/icons/information-24.png') no-repeat left 4px;
- -moz-padding-start: 30px;
-}
+@import url("chrome://global/skin/in-content/common.css");
-#error-box:-moz-locale-dir(rtl) {
- background-position: right 4px;
-}
-
-#main-error-msg {
- color: #FF9F00;
- font-weight: bold;
+#errorPageContainer {
+ min-width: 50%;
}
margin: 0 auto;
}
-@media all and (min-width: 300px) {
- #error-box {
- max-width: 50%;
- margin: 0 auto;
- background-image: url('chrome://global/skin/icons/information-32.png');
- min-height: 36px;
- -moz-padding-start: 38px;
+button {
+ width: auto !important;
+ min-width: 150px;
+}
+
+@media all and (max-width: 300px) {
+ body {
+ padding: 0px 10px;
}
+ #errorPageContainer {
+ min-width: 100%;
+ }
+ #errorTitle {
+ background: none;
+ padding-inline-start: 0 !important;
+ }
button {
width: auto !important;
- min-width: 150px;
- }
-}
-
-@media all and (min-width: 780px) {
- #error-box {
- max-width: 30%;
+ min-width: auto !important;
}
}
-
-button {
- font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
- font-size: 0.6875em;
- -moz-appearance: none;
- -moz-user-select: none;
- width: 100%;
- margin: 2px 0;
- padding: 2px 6px;
- line-height: 1.2;
- background-color: #000000;
- color: #FFCF00;
- background-clip: padding-box;
- border: none;
- border-radius: 3px;
-}
-
-button:hover,
-button:hover:active {
- background-color: #FFCF00;
- color: #000000;
-}