X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2Falerts%2Falert.css;h=593fdca14e95cdc94893f9f53f9e87dc4d22faed;hp=13b8d674ebbbc79532909e0a98fac7a0354aaf69;hb=5462883510c31ac70246b2f0e2c840dd35dfd940;hpb=d6bc8b3d42ae671f125dfc878b8dfafb0f6524f2 diff --git a/LCARStrek/global/alerts/alert.css b/LCARStrek/global/alerts/alert.css index 13b8d674..593fdca1 100644 --- a/LCARStrek/global/alerts/alert.css +++ b/LCARStrek/global/alerts/alert.css @@ -11,25 +11,34 @@ @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 { @@ -37,10 +46,6 @@ max-height: 48px; } -.alertText { - -moz-margin-end: 6px; -} - #alertNotification[clickable="true"] { cursor: pointer; } @@ -58,14 +63,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; + } }