X-Git-Url: https://git-public.kairo.at/?a=blobdiff_plain;f=EarlyBlue%2Fglobal%2Falerts%2Falert.css;h=c4d94a7ce8a9b9af516883a590c8131f12cff746;hb=cb60286ddf8c5bc7fe6fe467c0a394f8b9452a77;hp=6a63465bba432e41d374b68f7ce8fea40ae52f24;hpb=71a617ff22ae6266108ab20198128db5ae2bd33c;p=themes.git diff --git a/EarlyBlue/global/alerts/alert.css b/EarlyBlue/global/alerts/alert.css index 6a63465b..c4d94a7c 100644 --- a/EarlyBlue/global/alerts/alert.css +++ b/EarlyBlue/global/alerts/alert.css @@ -11,34 +11,43 @@ @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; +} + +.alertTextBox, +.alertCloseBox { } .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-width: 48px; max-height: 48px; -} - -.alertText { - -moz-margin-end: 6px; + list-style-image: url("chrome://global/skin/alerts/notification-48.png"); } #alertNotification[clickable="true"] { @@ -58,14 +67,26 @@ label { color: red; } -.alertBox[orient="horizontal"] > .alertTextBox { - -moz-padding-end: 10px; - padding-top: 5px; +@keyframes alert-animation { + from { + opacity: 0; + } + 6.25% { + opacity: 1; + } + 93.75% { + opacity: 1; + } + to { + opacity: 0; + } } -.alertBox[orient="vertical"] > .alertTextBox { - -moz-padding-start: 5px; - -moz-padding-end: 5px; - margin-bottom: 8px; - -moz-box-align: center; +.alertCloseButton { + list-style-image: url("chrome://global/skin/icons/close-button.gif"); + padding: 4px 2px; +} + +.alertCloseButton > .toolbarbutton-text { + display: none; }