X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Fglobal%2Falerts%2Falert.css;h=f031d13f6324bf48deb98eb3d6c790392e96bbbb;hp=6a63465bba432e41d374b68f7ce8fea40ae52f24;hb=5462883510c31ac70246b2f0e2c840dd35dfd940;hpb=71a617ff22ae6266108ab20198128db5ae2bd33c diff --git a/EarlyBlue/global/alerts/alert.css b/EarlyBlue/global/alerts/alert.css index 6a63465b..f031d13f 100644 --- a/EarlyBlue/global/alerts/alert.css +++ b/EarlyBlue/global/alerts/alert.css @@ -11,25 +11,33 @@ @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 { @@ -37,10 +45,6 @@ max-height: 48px; } -.alertText { - -moz-margin-end: 6px; -} - #alertNotification[clickable="true"] { cursor: pointer; } @@ -58,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; + } }