X-Git-Url: https://git-public.kairo.at/?a=blobdiff_plain;f=LCARStrek%2Fglobal%2Falerts%2Falert.css;h=a501bb9ccfcbfd26eb8c5a751fed1dbc5827e63b;hb=1ad21b1f6b999bccea1c6d768ebbd4bc900479d0;hp=593fdca14e95cdc94893f9f53f9e87dc4d22faed;hpb=5462883510c31ac70246b2f0e2c840dd35dfd940;p=themes.git diff --git a/LCARStrek/global/alerts/alert.css b/LCARStrek/global/alerts/alert.css index 593fdca1..a501bb9c 100644 --- a/LCARStrek/global/alerts/alert.css +++ b/LCARStrek/global/alerts/alert.css @@ -6,74 +6,43 @@ == Styles specific to the alerts dialog. ======================================================================= */ -@import url("chrome://global/skin/"); +@import url("chrome://global/skin/alerts/alert-common.css"); @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); -.alertBox { +#alertNotification { + -moz-appearance: none; + background: transparent; +} + +#alertBox { border: 1px solid #9C9CFF; border-radius: 3px; background-color: #000000; + color: #FF9F00; } -.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-end: 8px; -} - -.alertBox[orient="vertical"] > .alertImageBox { - margin-bottom: 8px; -} - -.alertTitle { - font-weight: bold; - font-size: 110%; -} - -#alertImage { - max-width: 48px; - max-height: 48px; -} - -#alertNotification[clickable="true"] { - cursor: pointer; -} - -label { - cursor: inherit; +.alertCloseButton { + list-style-image: url("chrome://global/skin/icons/close.png"); + -moz-image-region: rect(0, 16px, 16px, 0); + padding: 4px 2px; } -.alertText[clickable="true"] { - color: blue; - text-decoration: underline; +.alertCloseButton:hover, +.alertCloseButton:hover:active { + -moz-image-region: rect(0, 32px, 16px, 16px); } -.alertText[clickable="true"]:hover:active { - color: red; +.alertCloseBox { + /* The close button is larger on Windows and has a large + circle around it, so we add more space between the close + button and the edge of the window. */ +/* margin-inline-end: 2px;*/ } -@keyframes alert-animation { - from { - opacity: 0; - } - 6.25% { - opacity: 1; - } - 93.75% { - opacity: 1; - } - to { - opacity: 0; - } +#alertSettings { + /* The close button is larger on Windows, so the + gear button is moved over to accomodate it and + keep the two buttons horizontally aligned together. */ +/* margin-inline-end: 5px;*/ }