@media not print {
body {
+ color: #FFFFFF;
background-color: #222;
}
- .decoded {
+ img.decoded {
background-color: #fff;
color: #222;
}
width: 30%;
}
-body[dir="rtl"] > #reset-box {
+#reset-box:-moz-dir(rtl) {
float: left;
}
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
.alertBox {
- border: 2px solid #666699;
+ border: 1px solid #666699;
background-color: #CCD0DD;
- min-height: 50px;
+}
+
+.alertImageBox {
+ padding: 8px 0;
+ width: 64px;
+ -moz-border-end: 1px solid #9999CC;
+}
+
+.alertTextBox {
+ padding: 8px;
+ -moz-padding-start: 16px;
+ width: 255px;
}
.alertBox[orient="horizontal"] > .alertImageBox {
- -moz-margin-start: 4px;
- -moz-margin-end: 6px;
- min-height: 46px;
+ -moz-margin-end: 8px;
}
.alertBox[orient="vertical"] > .alertImageBox {
- margin-top: 6px;
- margin-bottom: 4px;
- min-width: 46px;
+ margin-bottom: 8px;
}
.alertTitle {
font-weight: bold;
+ font-size: 110%;
}
#alertImage {
max-height: 48px;
}
-.alertText {
- -moz-margin-end: 6px;
-}
-
#alertNotification[clickable="true"] {
cursor: pointer;
}
color: red;
}
-.alertBox[orient="horizontal"] > .alertTextBox {
- -moz-padding-end: 10px;
- padding-top: 5px;
-}
-
-.alertBox[orient="vertical"] > .alertTextBox {
- -moz-padding-start: 5px;
- -moz-padding-end: 5px;
- margin-bottom: 8px;
- -moz-box-align: center;
+@keyframes alert-animation {
+ from {
+ opacity: 0;
+ }
+ 6.25% {
+ opacity: 1;
+ }
+ 93.75% {
+ opacity: 1;
+ }
+ to {
+ opacity: 0;
+ }
}
float: left;
}
-body[dir="rtl"] #UI_goUp {
+#UI_goUp:-moz-dir(rtl) {
float: right;
}
float: right;
}
-body[dir="rtl"] #UI_showHidden {
+#UI_showHidden:-moz-dir(rtl) {
float: left;
}
-moz-appearance: none;
background: url("chrome://global/skin/media/volumeThumb.png") no-repeat center;
border: none !important;
- min-width: 16px;
- min-height: 11px;
+ min-width: 20px;
+ min-height: 10px;
}
.volumeBackgroundBar {
background-image: url("chrome://global/skin/icons/sslWarning.png");
}
-body[dir="rtl"] #errorPageContainer {
+#errorPageContainer:-moz-dir(rtl) {
background-position: right 0;
}
opacity: .4;
}
-body[dir="rtl"] #brand {
+#brand:-moz-dir(rtl) {
right: auto;
left: 0;
}
@media not print {
body {
+ color: #E7ADE7;
background-color: #221500;
}
width: 30%;
}
-body[dir="rtl"] > #reset-box {
+#reset-box:-moz-dir(rtl) {
float: left;
}
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
.alertBox {
- border: 2px solid #9C9CFF;
+ border: 1px solid #9C9CFF;
+ border-radius: 3px;
background-color: #000000;
- min-height: 50px;
+}
+
+.alertImageBox {
+ padding: 8px 0;
+ width: 64px;
+ -moz-border-end: 1px solid #9C9CFF;
+}
+
+.alertTextBox {
+ padding: 8px;
+ -moz-padding-start: 16px;
+ width: 255px;
}
.alertBox[orient="horizontal"] > .alertImageBox {
- -moz-margin-start: 4px;
- -moz-margin-end: 6px;
- min-height: 46px;
+ -moz-margin-end: 8px;
}
.alertBox[orient="vertical"] > .alertImageBox {
- margin-top: 6px;
- margin-bottom: 4px;
- min-width: 46px;
+ margin-bottom: 8px;
}
.alertTitle {
font-weight: bold;
+ font-size: 110%;
}
#alertImage {
max-height: 48px;
}
-.alertText {
- -moz-margin-end: 6px;
-}
-
#alertNotification[clickable="true"] {
cursor: pointer;
}
color: red;
}
-.alertBox[orient="horizontal"] > .alertTextBox {
- -moz-padding-end: 10px;
- padding-top: 5px;
-}
-
-.alertBox[orient="vertical"] > .alertTextBox {
- -moz-padding-start: 5px;
- -moz-padding-end: 5px;
- margin-bottom: 8px;
- -moz-box-align: center;
+@keyframes alert-animation {
+ from {
+ opacity: 0;
+ }
+ 6.25% {
+ opacity: 1;
+ }
+ 93.75% {
+ opacity: 1;
+ }
+ to {
+ opacity: 0;
+ }
}
float: left;
}
-body[dir="rtl"] #UI_goUp {
+#UI_goUp:-moz-dir(rtl) {
float: right;
}
float: right;
}
-body[dir="rtl"] #UI_showHidden {
+#UI_showHidden:-moz-dir(rtl) {
float: left;
}
-moz-appearance: none;
background: url("chrome://global/skin/media/volumeThumb.png") no-repeat center;
border: none !important;
- min-width: 16px;
- min-height: 11px;
+ min-width: 20px;
+ min-height: 10px;
}
.volumeControl .scale-thumb:hover, .volumeControl .scale-thumb:active {
background-image: url("chrome://global/skin/media/volumeThumb-hover.png");
background-image: url("chrome://global/skin/icons/sslWarning.png");
}
-body[dir="rtl"] #errorPageContainer {
+#errorPageContainer:-moz-dir(rtl) {
background-position: right 0;
}
opacity: .4;
}
-body[dir="rtl"] #brand {
+#brand:-moz-dir(rtl) {
right: auto;
left: 0;
}