From: Robert Kaiser Date: Sun, 13 Feb 2011 20:16:48 +0000 (+0100) Subject: update both themes for communicator default theme changes up to 2011-02-13 (sync... X-Git-Tag: LCARStrek-2.1b2~5 X-Git-Url: https://git-public.kairo.at/?a=commitdiff_plain;h=c2e1f7906034fb0bb5d0ce3bf8017bdbc6b8a8ca;p=themes.git update both themes for communicator default theme changes up to 2011-02-13 (sync buttons not adapted yet) --- diff --git a/EarlyBlue/communicator/aboutSyncTabs.css b/EarlyBlue/communicator/aboutSyncTabs.css new file mode 100644 index 00000000..700c0cbb --- /dev/null +++ b/EarlyBlue/communicator/aboutSyncTabs.css @@ -0,0 +1,78 @@ +#tabsList { + background: #FFFFFF; +} + +#headers { + background: url("chrome://communicator/skin/sync/sync-32.png") no-repeat; + width: 45em; + height: 32px; + margin: 4px 2em 0px; +} + +#tabsListHeading { + font-size: 140%; + font-weight: bold; + -moz-margin-start: 40px; +} + +richlistitem { + -moz-margin-end: 2em; +} + +richlistitem[selected="true"], +richlistitem:focus { + outline-style: none; +} + +richlistitem[type="tab"] { + min-height: 3em; + border: #9999CC 1px solid !important; + padding: 2px 5px; + margin-bottom: 4px; + -moz-margin-start: 4em; + -moz-border-radius: 6px; + background-color: #CCD0DD; + width: 44em; + opacity: 0.9; +} + +richlistitem[type="tab"][selected="true"] { + background-color: #336699; +} + +richlistitem[type="client"] { + min-height: 2em; + color: #000000; + -moz-margin-start: 2em; + margin-top: 2px; + margin-bottom: 3px; + width: 42em; + -moz-border-radius: 6px; + background-color: transparent; + -moz-user-focus: ignore !important; +} +richlistitem.mobile[type="client"] { + list-style-image: url("chrome://communicator/skin/sync/sync-mobileIcon.png"); +} +richlistitem.desktop[type="client"] { + list-style-image: url("chrome://communicator/skin/sync/sync-desktopIcon.png"); +} + +.title, +.clientName { + font-size: 1.1em; +} + +.url { + color: blue; + font-size: 0.95em; +} + +.url[selected="true"] { + color: inherit; +} + +.tabIcon { + -moz-padding-start: 2px; + padding-top: 2px; +} diff --git a/EarlyBlue/communicator/prefpanels.css b/EarlyBlue/communicator/prefpanels.css index 38453e2a..787fda75 100644 --- a/EarlyBlue/communicator/prefpanels.css +++ b/EarlyBlue/communicator/prefpanels.css @@ -151,3 +151,13 @@ .handler-type[typeClass="audioPodcastFeed"] { list-style-image: url("chrome://communicator/skin/icons/feedIcon16.png"); } + +/* ::::: Sync ::::: */ + +#syncDesc { + padding: 0 12em; +} + +#connectThrobber { + list-style-image: url("chrome://global/skin/icons/loading.gif"); +} diff --git a/EarlyBlue/communicator/sync/sync-16-throbber.png b/EarlyBlue/communicator/sync/sync-16-throbber.png new file mode 100644 index 00000000..049c83f7 Binary files /dev/null and b/EarlyBlue/communicator/sync/sync-16-throbber.png differ diff --git a/EarlyBlue/communicator/sync/sync-16.png b/EarlyBlue/communicator/sync/sync-16.png new file mode 100644 index 00000000..0afb1c71 Binary files /dev/null and b/EarlyBlue/communicator/sync/sync-16.png differ diff --git a/EarlyBlue/communicator/sync/sync-32-throbber.png b/EarlyBlue/communicator/sync/sync-32-throbber.png new file mode 100644 index 00000000..4c8d9035 Binary files /dev/null and b/EarlyBlue/communicator/sync/sync-32-throbber.png differ diff --git a/EarlyBlue/communicator/sync/sync-32.png b/EarlyBlue/communicator/sync/sync-32.png new file mode 100644 index 00000000..7a762cb9 Binary files /dev/null and b/EarlyBlue/communicator/sync/sync-32.png differ diff --git a/EarlyBlue/communicator/sync/sync-desktopIcon.png b/EarlyBlue/communicator/sync/sync-desktopIcon.png new file mode 100644 index 00000000..d3d1e27c Binary files /dev/null and b/EarlyBlue/communicator/sync/sync-desktopIcon.png differ diff --git a/EarlyBlue/communicator/sync/sync-mobileIcon.png b/EarlyBlue/communicator/sync/sync-mobileIcon.png new file mode 100644 index 00000000..a3bda575 Binary files /dev/null and b/EarlyBlue/communicator/sync/sync-mobileIcon.png differ diff --git a/EarlyBlue/communicator/sync/syncCommon.css b/EarlyBlue/communicator/sync/syncCommon.css new file mode 100644 index 00000000..5378194d --- /dev/null +++ b/EarlyBlue/communicator/sync/syncCommon.css @@ -0,0 +1,64 @@ +/* The following are used by both syncSetup.xul and syncGenericChange.xul */ +.status { + color: #000000; +} + +.statusIcon { + -moz-margin-start: 4px; + max-height: 16px; + max-width: 16px; +} + +.statusIcon[status="active"] { + list-style-image: url("chrome://global/skin/icons/loading.gif"); +} + +.statusIcon[status="error"] { + list-style-image: url("chrome://global/skin/icons/error-16.png"); +} + +.statusIcon[status="success"] { + list-style-image: url("chrome://global/skin/icons/information-16.png"); +} + +/* .data is only used by syncGenericChange.xul, but it seems unnecessary to have + a separate stylesheet for it. */ +.data { + font-size: 90%; + font-weight: bold; +} + +dialog#change-dialog { + width: 40em; +} + +image#syncIcon { + list-style-image: url("chrome://communicator/skin/sync/sync-32.png"); +} + +#introText { + margin-top: 2px; +} + +#feedback, +#passphraseFeedback { + height: 4em; +} + +#passphraseStrength { + -moz-appearance: none; + height: 10px; + margin: 4px 0; +} + +#passphraseStrength > .progress-bar { + background-color: #FF0000; +} + +#passphraseStrength.medium > .progress-bar { + background-color: #FF6000; +} + +#passphraseStrength.strong > .progress-bar { + background-color: #33FF33; +} diff --git a/EarlyBlue/communicator/sync/syncQuota.css b/EarlyBlue/communicator/sync/syncQuota.css new file mode 100644 index 00000000..891ead25 --- /dev/null +++ b/EarlyBlue/communicator/sync/syncQuota.css @@ -0,0 +1,22 @@ +#quotaDialog { + width: 33em; + height: 25em; +} + +treechildren::-moz-tree-checkbox { + list-style-image: none; +} +treechildren::-moz-tree-checkbox(checked) { + list-style-image: url("chrome://global/skin/checkbox/cbox-check.gif"); +} +treechildren::-moz-tree-checkbox(disabled) { + list-style-image: url("chrome://global/skin/checkbox/cbox-check-disabled.gif"); +} + +#treeCaption { + height: 4em; +} + +.captionWarning { + font-weight: bold; +} diff --git a/EarlyBlue/communicator/sync/syncSetup.css b/EarlyBlue/communicator/sync/syncSetup.css new file mode 100644 index 00000000..28115bf2 --- /dev/null +++ b/EarlyBlue/communicator/sync/syncSetup.css @@ -0,0 +1,113 @@ +wizard { + width: 55em; + height: 42em; + padding: 0; + background-color: #CCD0DD; +} + +.wizard-page-box { + padding-left: 0; + padding-right: 0; + margin: 0; +} + +wizardpage { + -moz-box-pack: center; + -moz-box-align: center; + margin: 0; + padding: 0 8em; + background-color: #CCD0DD; +} + +.wizard-header { + border: none; + padding: 2em 0 1em 0; + text-align: center; +} +.wizard-header-label { + font-size: 24pt; + font-weight: normal; +} + +.wizard-buttons { + border-top: 2px solid #669999; + background-color: #9999CC; + padding: 1em; +} + +.wizard-buttons-separator { + visibility: collapse; +} + +.wizard-header-icon { + visibility: collapse; +} + +.accountChoiceButton { + /*font: menu;*/ +} + +.confirm { + border: 1px solid #666699; + padding: 1em; + border-radius: 5px; +} + +/* Override the text-link style from global.css */ +.text-link, +.text-link:focus { + margin: 0px; + padding: 0px; +} + +.success, +.error { + padding: 2px; + border-radius: 2px; +} + +.error { + background-color: #FF0000 !important; + color: #FFFFFF !important; +} + +.success { + background-color: #33FF33 !important; +} + +.warning { + font-weight: bold; + font-size: 100%; + color: red; +} + +.mainDesc { + font-weight: bold; + font-size: 100%; +} + +.normal { + font-size: 100%; +} + +.inputColumn { + -moz-margin-end: 2px; +} + +.recommended { + font-weight: bold; +} + +#connect-throbber image, +#passphrase-throbber image { + list-style-image: url("chrome://global/skin/icons/loading.gif"); +} + +#successPageIcon { + /* TODO replace this with a 128px version (bug 591122) */ + list-style-image: url("chrome://communicator/skin/sync/sync-32.png"); +} + +#pickSetupDesc { + padding: 0 7em; +} diff --git a/EarlyBlue/global/icons/information-64.png b/EarlyBlue/global/icons/information-64.png new file mode 100644 index 00000000..8f8a2eea Binary files /dev/null and b/EarlyBlue/global/icons/information-64.png differ diff --git a/EarlyBlue/global/icons/question-64.png b/EarlyBlue/global/icons/question-64.png new file mode 100644 index 00000000..460c96c1 Binary files /dev/null and b/EarlyBlue/global/icons/question-64.png differ diff --git a/EarlyBlue/messenger/primaryToolbar.css b/EarlyBlue/messenger/primaryToolbar.css index c7c5ed82..2b594608 100644 --- a/EarlyBlue/messenger/primaryToolbar.css +++ b/EarlyBlue/messenger/primaryToolbar.css @@ -173,6 +173,14 @@ toolbarpaletteitem > #button-delete { -moz-image-region: rect(252px 50px 273px 25px); } +#sync-button { + list-style-image: url("chrome://communicator/skin/sync/sync-32.png"); +} + +#sync-button[status=active] { + list-style-image: url("chrome://communicator/skin/sync/sync-32-throbber.png"); +} + #locationFolders { width: 22em; } @@ -336,6 +344,16 @@ toolbar[iconsize="small"] > #button-stop[disabled="true"] { -moz-image-region: rect(16px 32px 32px 16px); } +toolbar[iconsize="small"] > toolbarpaletteitem > #sync-button, +toolbar[iconsize="small"] > #sync-button { + list-style-image: url("chrome://communicator/skin/sync/sync-16.png"); +} + +toolbar[iconsize="small"] > toolbarpaletteitem > #sync-button[status=active], +toolbar[iconsize="small"] > #sync-button[status=active] { + list-style-image: url("chrome://communicator/skin/sync/sync-16-throbber.png"); +} + /* ::::: message notification bar style rules ::::: */ .msgNotificationBar { diff --git a/EarlyBlue/navigator/navigator.css b/EarlyBlue/navigator/navigator.css index a3aed1d4..19531271 100644 --- a/EarlyBlue/navigator/navigator.css +++ b/EarlyBlue/navigator/navigator.css @@ -100,10 +100,20 @@ -moz-image-region: rect(84px 50px 105px 25px); } +#sync-button { + list-style-image: url("chrome://communicator/skin/sync/sync-32.png"); +} + +#sync-button[status=active] { + list-style-image: url("chrome://communicator/skin/sync/sync-32-throbber.png"); +} + #clear-button { list-style-image: url("chrome://global/skin/icons/close-button.gif"); } +/* ::::: small primary toolbar buttons ::::: */ + toolbar[iconsize="small"] > #back-button { list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png"); -moz-image-region: rect(32px 16px 48px 0); @@ -158,6 +168,16 @@ toolbar[iconsize="small"] > #home-button[disabled="true"] { -moz-image-region: rect(64px 32px 80px 16px) !important; } +toolbar[iconsize="small"] > toolbarpaletteitem > #sync-button, +toolbar[iconsize="small"] > #sync-button { + list-style-image: url("chrome://communicator/skin/sync/sync-16.png"); +} + +toolbar[iconsize="small"] > toolbarpaletteitem > #sync-button[status=active], +toolbar[iconsize="small"] > #sync-button[status=active] { + list-style-image: url("chrome://communicator/skin/sync/sync-16-throbber.png"); +} + /* ::::: fullscreen window controls ::::: */ #window-controls { @@ -239,6 +259,12 @@ toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon { height: 32px; } +.popup-notification-icon[popupid="indexedDB-permissions-prompt"], +.popup-notification-icon[popupid="indexedDB-quota-prompt"] { + list-style-image: url("chrome://global/skin/icons/question-64.png"); +} + +.popup-notification-icon[popupid="password-change"], .popup-notification-icon[popupid="password-save"] { list-style-image: url("chrome://mozapps/skin/passwordmgr/key-64.png"); } @@ -252,6 +278,12 @@ toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon { outline: 1px dotted; } +#default-notification-icon { + list-style-image: url("chrome://global/skin/icons/information-16.png"); + width: 16px; + height: 16px; +} + #geo-notification-icon { list-style-image: url("chrome://communicator/skin/icons/geolocation-16.png"); width: 16px; @@ -264,6 +296,12 @@ toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon { height: 16px; } +#indexedDB-notification-icon { + list-style-image: url("chrome://global/skin/icons/question-16.png"); + width: 16px; + height: 16px; +} + #password-notification-icon { list-style-image: url("chrome://mozapps/skin/passwordmgr/key-16.png"); width: 16px; diff --git a/LCARStrek/communicator/aboutSyncTabs.css b/LCARStrek/communicator/aboutSyncTabs.css new file mode 100644 index 00000000..47fa5b39 --- /dev/null +++ b/LCARStrek/communicator/aboutSyncTabs.css @@ -0,0 +1,78 @@ +#tabsList { + background: #000000; +} + +#headers { + background: url("chrome://communicator/skin/sync/sync-32.png") no-repeat; + width: 45em; + height: 32px; + margin: 4px 2em 0px; +} + +#tabsListHeading { + font-size: 140%; + font-weight: bold; + -moz-margin-start: 40px; +} + +richlistitem { + -moz-margin-end: 2em; +} + +richlistitem[selected="true"], +richlistitem:focus { + outline-style: none; +} + +richlistitem[type="tab"] { + min-height: 3em; + border: #9C9CFF 1px solid !important; + padding: 2px 5px; + margin-bottom: 4px; + -moz-margin-start: 4em; + -moz-border-radius: 6px; + background-color: #402800; + width: 44em; + opacity: 0.9; +} + +richlistitem[type="tab"][selected="true"] { + background-color: #008484; +} + +richlistitem[type="client"] { + min-height: 2em; + color: #FF9F00; + -moz-margin-start: 2em; + margin-top: 2px; + margin-bottom: 3px; + width: 42em; + -moz-border-radius: 6px; + background-color: transparent; + -moz-user-focus: ignore !important; +} +richlistitem.mobile[type="client"] { + list-style-image: url("chrome://communicator/skin/sync/sync-mobileIcon.png"); +} +richlistitem.desktop[type="client"] { + list-style-image: url("chrome://communicator/skin/sync/sync-desktopIcon.png"); +} + +.title, +.clientName { + font-size: 1.1em; +} + +.url { + color: blue; + font-size: 0.95em; +} + +.url[selected="true"] { + color: inherit; +} + +.tabIcon { + -moz-padding-start: 2px; + padding-top: 2px; +} diff --git a/LCARStrek/communicator/prefpanels.css b/LCARStrek/communicator/prefpanels.css index 5d06680c..d7216442 100644 --- a/LCARStrek/communicator/prefpanels.css +++ b/LCARStrek/communicator/prefpanels.css @@ -151,3 +151,13 @@ .handler-type[typeClass="audioPodcastFeed"] { list-style-image: url("chrome://communicator/skin/icons/feedIcon16.png"); } + +/* ::::: Sync ::::: */ + +#syncDesc { + padding: 0 12em; +} + +#connectThrobber { + list-style-image: url("chrome://global/skin/icons/loading.gif"); +} diff --git a/LCARStrek/communicator/sync/sync-16-throbber.png b/LCARStrek/communicator/sync/sync-16-throbber.png new file mode 100644 index 00000000..049c83f7 Binary files /dev/null and b/LCARStrek/communicator/sync/sync-16-throbber.png differ diff --git a/LCARStrek/communicator/sync/sync-16.png b/LCARStrek/communicator/sync/sync-16.png new file mode 100644 index 00000000..0afb1c71 Binary files /dev/null and b/LCARStrek/communicator/sync/sync-16.png differ diff --git a/LCARStrek/communicator/sync/sync-32-throbber.png b/LCARStrek/communicator/sync/sync-32-throbber.png new file mode 100644 index 00000000..4c8d9035 Binary files /dev/null and b/LCARStrek/communicator/sync/sync-32-throbber.png differ diff --git a/LCARStrek/communicator/sync/sync-32.png b/LCARStrek/communicator/sync/sync-32.png new file mode 100644 index 00000000..7a762cb9 Binary files /dev/null and b/LCARStrek/communicator/sync/sync-32.png differ diff --git a/LCARStrek/communicator/sync/sync-desktopIcon.png b/LCARStrek/communicator/sync/sync-desktopIcon.png new file mode 100644 index 00000000..d3d1e27c Binary files /dev/null and b/LCARStrek/communicator/sync/sync-desktopIcon.png differ diff --git a/LCARStrek/communicator/sync/sync-mobileIcon.png b/LCARStrek/communicator/sync/sync-mobileIcon.png new file mode 100644 index 00000000..a3bda575 Binary files /dev/null and b/LCARStrek/communicator/sync/sync-mobileIcon.png differ diff --git a/LCARStrek/communicator/sync/syncCommon.css b/LCARStrek/communicator/sync/syncCommon.css new file mode 100644 index 00000000..e04c0dae --- /dev/null +++ b/LCARStrek/communicator/sync/syncCommon.css @@ -0,0 +1,64 @@ +/* The following are used by both syncSetup.xul and syncGenericChange.xul */ +.status { + color: #FF9F00; +} + +.statusIcon { + -moz-margin-start: 4px; + max-height: 16px; + max-width: 16px; +} + +.statusIcon[status="active"] { + list-style-image: url("chrome://global/skin/icons/loading.gif"); +} + +.statusIcon[status="error"] { + list-style-image: url("chrome://global/skin/icons/error-16.png"); +} + +.statusIcon[status="success"] { + list-style-image: url("chrome://global/skin/icons/information-16.png"); +} + +/* .data is only used by syncGenericChange.xul, but it seems unnecessary to have + a separate stylesheet for it. */ +.data { + font-size: 90%; + font-weight: bold; +} + +dialog#change-dialog { + width: 40em; +} + +image#syncIcon { + list-style-image: url("chrome://communicator/skin/sync/sync-32.png"); +} + +#introText { + margin-top: 2px; +} + +#feedback, +#passphraseFeedback { + height: 4em; +} + +#passphraseStrength { + -moz-appearance: none; + height: 10px; + margin: 4px 0; +} + +#passphraseStrength > .progress-bar { + background-color: #FF0000; +} + +#passphraseStrength.medium > .progress-bar { + background-color: #FF9F00; +} + +#passphraseStrength.strong > .progress-bar { + background-color: #008484; +} diff --git a/LCARStrek/communicator/sync/syncQuota.css b/LCARStrek/communicator/sync/syncQuota.css new file mode 100644 index 00000000..891ead25 --- /dev/null +++ b/LCARStrek/communicator/sync/syncQuota.css @@ -0,0 +1,22 @@ +#quotaDialog { + width: 33em; + height: 25em; +} + +treechildren::-moz-tree-checkbox { + list-style-image: none; +} +treechildren::-moz-tree-checkbox(checked) { + list-style-image: url("chrome://global/skin/checkbox/cbox-check.gif"); +} +treechildren::-moz-tree-checkbox(disabled) { + list-style-image: url("chrome://global/skin/checkbox/cbox-check-disabled.gif"); +} + +#treeCaption { + height: 4em; +} + +.captionWarning { + font-weight: bold; +} diff --git a/LCARStrek/communicator/sync/syncSetup.css b/LCARStrek/communicator/sync/syncSetup.css new file mode 100644 index 00000000..bd954a82 --- /dev/null +++ b/LCARStrek/communicator/sync/syncSetup.css @@ -0,0 +1,112 @@ +wizard { + width: 55em; + height: 42em; + padding: 0; + background-color: #000000; +} + +.wizard-page-box { + padding-left: 0; + padding-right: 0; + margin: 0; +} + +wizardpage { + -moz-box-pack: center; + -moz-box-align: center; + margin: 0; + padding: 0 8em; + background-color: #000000; +} + +.wizard-header { + border: none; + padding: 2em 0 1em 0; + text-align: center; +} +.wizard-header-label { + font-size: 24pt; + font-weight: normal; +} + +.wizard-buttons { + border-top: 1px solid #9C9CFF; + padding: 1em; +} + +.wizard-buttons-separator { + visibility: collapse; +} + +.wizard-header-icon { + visibility: collapse; +} + +.accountChoiceButton { + /*font: menu;*/ +} + +.confirm { + border: 1px solid #9C9CFF; + padding: 1em; + border-radius: 5px; +} + +/* Override the text-link style from global.css */ +.text-link, +.text-link:focus { + margin: 0px; + padding: 0px; +} + +.success, +.error { + padding: 2px; + border-radius: 2px; +} + +.error { + background-color: #FF0000 !important; + color: #FFFFFF !important; +} + +.success { + background-color: #008484 !important; +} + +.warning { + font-weight: bold; + font-size: 100%; + color: red; +} + +.mainDesc { + font-weight: bold; + font-size: 100%; +} + +.normal { + font-size: 100%; +} + +.inputColumn { + -moz-margin-end: 2px; +} + +.recommended { + font-weight: bold; +} + +#connect-throbber image, +#passphrase-throbber image { + list-style-image: url("chrome://global/skin/icons/loading.gif"); +} + +#successPageIcon { + /* TODO replace this with a 128px version (bug 591122) */ + list-style-image: url("chrome://communicator/skin/sync/sync-32.png"); +} + +#pickSetupDesc { + padding: 0 7em; +} diff --git a/LCARStrek/global/icons/information-64.png b/LCARStrek/global/icons/information-64.png new file mode 100644 index 00000000..4602abf4 Binary files /dev/null and b/LCARStrek/global/icons/information-64.png differ diff --git a/LCARStrek/global/icons/question-64.png b/LCARStrek/global/icons/question-64.png new file mode 100644 index 00000000..461e6e7a Binary files /dev/null and b/LCARStrek/global/icons/question-64.png differ diff --git a/LCARStrek/messenger/primaryToolbar.css b/LCARStrek/messenger/primaryToolbar.css index 41d40dc7..023536ec 100644 --- a/LCARStrek/messenger/primaryToolbar.css +++ b/LCARStrek/messenger/primaryToolbar.css @@ -253,6 +253,14 @@ toolbarpaletteitem > #button-delete { -moz-image-region: rect(252px 75px 273px 50px); } +#sync-button { + list-style-image: url("chrome://communicator/skin/sync/sync-32.png"); +} + +#sync-button[status=active] { + list-style-image: url("chrome://communicator/skin/sync/sync-32-throbber.png"); +} + #locationFolders { width: 22em; } @@ -495,6 +503,16 @@ toolbar[iconsize="small"] > #button-stop:not([disabled="true"]):hover:active { -moz-image-region: rect(16px 48px 32px 32px); } +toolbar[iconsize="small"] > toolbarpaletteitem > #sync-button, +toolbar[iconsize="small"] > #sync-button { + list-style-image: url("chrome://communicator/skin/sync/sync-16.png"); +} + +toolbar[iconsize="small"] > toolbarpaletteitem > #sync-button[status=active], +toolbar[iconsize="small"] > #sync-button[status=active] { + list-style-image: url("chrome://communicator/skin/sync/sync-16-throbber.png"); +} + /* ::::: message notification bar style rules ::::: */ .msgNotificationBar { diff --git a/LCARStrek/navigator/navigator.css b/LCARStrek/navigator/navigator.css index c1f27cd4..5980dee6 100644 --- a/LCARStrek/navigator/navigator.css +++ b/LCARStrek/navigator/navigator.css @@ -44,8 +44,6 @@ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); -/********** resource bundle binding **********/ - /* ::::: primary toolbar buttons ::::: */ #back-button { @@ -135,6 +133,14 @@ -moz-image-region: rect(84px 75px 105px 50px); } +#sync-button { + list-style-image: url("chrome://communicator/skin/sync/sync-32.png"); +} + +#sync-button[status=active] { + list-style-image: url("chrome://communicator/skin/sync/sync-32-throbber.png"); +} + #clear-button { list-style-image: url("chrome://global/skin/icons/close-button.gif"); } @@ -229,6 +235,16 @@ toolbar[iconsize="small"] > #home-button:not([disabled="true"]):hover:active { -moz-image-region: rect(64px 48px 80px 32px); } +toolbar[iconsize="small"] > toolbarpaletteitem > #sync-button, +toolbar[iconsize="small"] > #sync-button { + list-style-image: url("chrome://communicator/skin/sync/sync-16.png"); +} + +toolbar[iconsize="small"] > toolbarpaletteitem > #sync-button[status=active], +toolbar[iconsize="small"] > #sync-button[status=active] { + list-style-image: url("chrome://communicator/skin/sync/sync-16-throbber.png"); +} + /* ::::: fullscreen window controls ::::: */ #window-controls { @@ -324,6 +340,12 @@ toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon { height: 32px; } +.popup-notification-icon[popupid="indexedDB-permissions-prompt"], +.popup-notification-icon[popupid="indexedDB-quota-prompt"] { + list-style-image: url("chrome://global/skin/icons/question-64.png"); +} + +.popup-notification-icon[popupid="password-change"], .popup-notification-icon[popupid="password-save"] { list-style-image: url("chrome://mozapps/skin/passwordmgr/key-64.png"); } @@ -337,6 +359,12 @@ toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon { outline: 1px dotted; } +#default-notification-icon { + list-style-image: url("chrome://global/skin/icons/information-16.png"); + width: 16px; + height: 16px; +} + #geo-notification-icon { list-style-image: url("chrome://communicator/skin/icons/geolocation-16.png"); width: 16px; @@ -349,6 +377,12 @@ toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon { height: 16px; } +#indexedDB-notification-icon { + list-style-image: url("chrome://global/skin/icons/question-16.png"); + width: 16px; + height: 16px; +} + #password-notification-icon { list-style-image: url("chrome://mozapps/skin/passwordmgr/key-16.png"); width: 16px;