X-Git-Url: https://git-public.kairo.at/?a=blobdiff_plain;f=EarlyBlue%2Fglobal%2Falerts%2Falert.css;h=cb09925ba985b1a830e6ce3dd20814e2198e665e;hb=HEAD;hp=c945d7868989995278ce6dbaf586085742b0f069;hpb=1e8874ff0d80f10ef6a2e91931a3b1b73430236d;p=themes.git diff --git a/EarlyBlue/global/alerts/alert.css b/EarlyBlue/global/alerts/alert.css index c945d786..cb09925b 100644 --- a/EarlyBlue/global/alerts/alert.css +++ b/EarlyBlue/global/alerts/alert.css @@ -6,76 +6,20 @@ == 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 { - border: 1px solid #666699; - background-color: #CCD0DD; -} - -.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-end: 8px; -} - -.alertBox[orient="vertical"] > .alertImageBox { - margin-bottom: 8px; -} - -#alertNotification[clickable="true"]:hover .alertTextBox, -#alertNotification[clickable="true"]:hover .alertCloseBox { -/* background-image: linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0.3)); */ -} - -.alertTitle { - font-weight: bold; - font-size: 110%; -} - -#alertImage { - max-width: 48px; - max-height: 48px; - list-style-image: url("chrome://global/skin/alerts/notification-48.png"); -} - -#alertNotification[clickable="true"] { - cursor: pointer; +#alertNotification { + -moz-appearance: none; + background: transparent; } -label { - cursor: inherit; -} - -@keyframes alert-animation { - from { - opacity: 0; - } - 6.25% { - opacity: 1; - } - 93.75% { - opacity: 1; - } - to { - opacity: 0; - } +#alertBox { + border: 1px solid #666699; + border-radius: 1px; + background-color: #CCD0DD; + color: #000000; } .alertCloseButton { @@ -83,6 +27,16 @@ label { padding: 4px 2px; } -.alertCloseButton > .toolbarbutton-text { - display: none; +.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;*/ +} + +#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;*/ }