X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Fglobal%2Falerts%2Falert.css;h=f031d13f6324bf48deb98eb3d6c790392e96bbbb;hp=5635a13760aab7a4437cf342210a3ee6b29c2ede;hb=5462883510c31ac70246b2f0e2c840dd35dfd940;hpb=9099c61da39b1346a25b1c01463829a44d72d6e1 diff --git a/EarlyBlue/global/alerts/alert.css b/EarlyBlue/global/alerts/alert.css index 5635a137..f031d13f 100644 --- a/EarlyBlue/global/alerts/alert.css +++ b/EarlyBlue/global/alerts/alert.css @@ -11,29 +11,38 @@ @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%; } -.alertText { - -moz-margin-end: 6px; +#alertImage { + max-width: 48px; + max-height: 48px; } #alertNotification[clickable="true"] { @@ -53,14 +62,17 @@ label { 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; + } }