diff options
Diffstat (limited to 'comm/suite/themes/modern/mozapps')
58 files changed, 1951 insertions, 0 deletions
diff --git a/comm/suite/themes/modern/mozapps/aboutNetworking.css b/comm/suite/themes/modern/mozapps/aboutNetworking.css new file mode 100644 index 0000000000..a44151b8ed --- /dev/null +++ b/comm/suite/themes/modern/mozapps/aboutNetworking.css @@ -0,0 +1,149 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@import url("chrome://global/skin/plugins.css"); +@import url("chrome://global/skin/button.css"); + +html { + height: 100%; +} + +body { + display: block; + align-items: stretch; + height: 100%; +} + +#sectionTitle { + float: left; +} + +#refreshDiv { + text-align: end; + margin-bottom: 0.5em; +} + +#refreshButton, #autorefcheck { + vertical-align: middle; +} + +/** Categories **/ + +#categories > .category +{ + -moz-appearance: button; + display: inline-block; + + margin: 2px; + border: 1px solid; + padding: 3px; + border-color: #000000; + border-radius: 2px; + min-width: 6em; + background-color: #AAB6C4; + background-clip: padding-box; + color: #000000; + font: menu; +} + +.category { + cursor: pointer; + /* Center category names */ + align-items: center; +} + +.category .category-name { + pointer-events: none; +} + +#categories hr { + display: none; +} + +/** Warning container **/ + +/* XXX: a lot of this is duplicated from info-pages.css since that stylesheet + is incompatible with this type of layout */ +.warningBackground:not([hidden]) { + display: flex; +} + +.warningBackground { + flex-direction: column; + box-sizing: border-box; + align-items: center; + justify-content: center; + width: 100%; + height: 50%; + top: 0; + left: 0; + position: fixed; +} + +.container { + width: 40%; + color: #22262F; + background-color: #C7D0D9; + background-image: url("chrome://global/skin/icons/warning-48.png"); + background-repeat: no-repeat; + background-position: 30px 3em; + border: 1px solid #494F5D; + border-radius: 10px; + padding: 3em; + padding-inline-start: 78px; +} + +.title { + display: inline-block; + font-size: 1rem; + position: relative; + border-bottom: 1px solid #000000; + margin-bottom: 1em; + padding-bottom: 0.5em; +} + +.warningBackground button { + margin-top: 1em; + margin-left: 0; + min-width: 100px; +} + +/** Content area **/ + +.warningBackground:not([hidden]) ~ div +{ + display: none; +} + +.main-content { + flex: 1; + margin: 5px 0px; + padding: 5px; + border: 1px solid #2D3B49; + border-radius: 6px; +} + +.header-name { + font-size: 1.5rem; + font-weight: bold; +} + +.tab { + padding: 0.5em 0; +} + +.tab table { + border: 1px solid; + width: 100%; +} + +th, td, table { + text-align: start; +} + +th { + font-size: medium; + text-align: start; + border-top: 1px dotted #2D3B49; +} diff --git a/comm/suite/themes/modern/mozapps/downloads/downloadIcon.png b/comm/suite/themes/modern/mozapps/downloads/downloadIcon.png Binary files differnew file mode 100644 index 0000000000..da5c66fe42 --- /dev/null +++ b/comm/suite/themes/modern/mozapps/downloads/downloadIcon.png diff --git a/comm/suite/themes/modern/mozapps/downloads/downloads.css b/comm/suite/themes/modern/mozapps/downloads/downloads.css new file mode 100644 index 0000000000..54fed087c8 --- /dev/null +++ b/comm/suite/themes/modern/mozapps/downloads/downloads.css @@ -0,0 +1,102 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* Download View */ +#downloadView { + margin: 0; + border-top: none; + border-right: none; + border-left: none; +} + +/* Download View Items */ +richlistitem[type="download"] { + padding: 4px 8px 4px 4px; + min-height: 46px; +} + +richlistitem[type="download"]:not([selected="true"]):nth-child(odd) { + background-color: #F3F3F3; +} + +richlistitem[type="download"][selected="true"] { + background-image: url("chrome://mozapps/skin/icons/itemEnabledFader.png"); +} + +richlistitem[type="download"] .name { + font-size: 120%; +} + +richlistitem[type="download"] .dateTime { + font-size: 83.3333%; +} + +richlistitem[type="download"] progressmeter { + background-color: #C7D0D9; +} + +richlistitem[type="download"]:not([selected="true"]) .dateTime, +richlistitem[type="download"]:not([selected="true"]) .status { + color: #808080; +} + +.mini-button > .button-box > .button-icon { + margin-inline-start: 0; +} + +.mini-button > .button-box > .button-text { + margin-inline-start: 0 !important; + margin-inline-end: 0 !important; +} + +.mini-button { + min-width: 0; + min-height: 0; + color: #000000 !important; + background-color: transparent !important; + list-style-image: url("chrome://communicator/skin/downloads/downloadButtons.png"); + -moz-image-region: rect(0px, 48px, 16px, 32px); + margin: 0; + border: 1px dotted transparent !important; + border-radius: 0 !important; + outline: none !important; +} + +.mini-button:focus { + border-color: #000000 !important; +} + +.cancel { + -moz-image-region: rect(0px, 32px, 16px, 16px); +} + +.retry { + -moz-image-region: rect(0px, 64px, 16px, 48px); +} + +.pause { + -moz-image-region: rect(0px, 48px, 16px, 32px); +} + +.pause[disabled="true"] { + opacity: 0.5; +} + +.resume { + -moz-image-region: rect(0px, 16px, 16px, 0px); +} + +.blockedIcon { + list-style-image: url("chrome://global/skin/icons/Error.png"); +} + +/* prevent flickering when changing states */ +.downloadTypeIcon { + min-height: 32px; + min-width: 32px; +} + +#clearListButton { + margin: 2px 4px; +} diff --git a/comm/suite/themes/modern/mozapps/downloads/unknownContentType.css b/comm/suite/themes/modern/mozapps/downloads/unknownContentType.css new file mode 100644 index 0000000000..3bd06833b8 --- /dev/null +++ b/comm/suite/themes/modern/mozapps/downloads/unknownContentType.css @@ -0,0 +1,27 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +#from { + margin-top: 1px; +} + +#location { + font-weight: bold; +} + +#contentTypeImage { + margin-top: 0; + margin-bottom: 0; + margin-inline-start: 0; + margin-inline-end: 5px; +} + +.small-indent { + margin-left: 15px; + margin-right: 15px; +} + +.small-indent label { + margin-inline-start: 0; +} diff --git a/comm/suite/themes/modern/mozapps/extensions/about.css b/comm/suite/themes/modern/mozapps/extensions/about.css new file mode 100644 index 0000000000..2764176a63 --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/about.css @@ -0,0 +1,79 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +#genericAbout { + padding: 0px; + min-height: 200px; + max-height: 400px; + width: 30em; +} + +#clientBox { + background-color: #C7D0D9; + color: #000000; +} + +.basic-info { + padding: 10px; +} + +#extensionIcon { + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); + max-width: 64px; + max-height: 64px; + margin-inline-end: 6px; +} + +#genericAbout[addontype="theme"] #extensionIcon { + list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png"); +} + +#genericAbout[addontype="locale"] #extensionIcon { + list-style-image: url("chrome://mozapps/skin/extensions/localeGeneric.png"); +} + +#genericAbout[addontype="plugin"] #extensionIcon { + list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png"); +} + +#genericAbout[addontype="dictionary"] #extensionIcon { + list-style-image: url("chrome://mozapps/skin/extensions/dictionaryGeneric.png"); +} + +#extensionName { + font-size: 200%; + font-weight: bolder; +} + +#extensionVersion { + font-weight: bold; +} + +#extensionDescription { + margin-top: 4px; +} + +#groove { + margin-top: 8px; +} + +#extensionDetailsBox { + overflow: auto; + min-height: 100px; +} + +.boxIndent { + margin-inline-start: 18px; +} + +#extensionCreator, .contributor { + margin: 0px; +} + +.sectionTitle { + padding: 2px 0px 3px 0px; + margin-top: 3px; + font-weight: bold; +} + diff --git a/comm/suite/themes/modern/mozapps/extensions/alerticon-error.png b/comm/suite/themes/modern/mozapps/extensions/alerticon-error.png Binary files differnew file mode 100644 index 0000000000..8740e4911a --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/alerticon-error.png diff --git a/comm/suite/themes/modern/mozapps/extensions/alerticon-info-negative.png b/comm/suite/themes/modern/mozapps/extensions/alerticon-info-negative.png Binary files differnew file mode 100644 index 0000000000..2c5f628ab6 --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/alerticon-info-negative.png diff --git a/comm/suite/themes/modern/mozapps/extensions/alerticon-info-positive.png b/comm/suite/themes/modern/mozapps/extensions/alerticon-info-positive.png Binary files differnew file mode 100644 index 0000000000..a186c6b7ad --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/alerticon-info-positive.png diff --git a/comm/suite/themes/modern/mozapps/extensions/alerticon-warning.png b/comm/suite/themes/modern/mozapps/extensions/alerticon-warning.png Binary files differnew file mode 100644 index 0000000000..75ea826f91 --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/alerticon-warning.png diff --git a/comm/suite/themes/modern/mozapps/extensions/blocklist.css b/comm/suite/themes/modern/mozapps/extensions/blocklist.css new file mode 100644 index 0000000000..2749b586a7 --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/blocklist.css @@ -0,0 +1,20 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +richlistitem { + padding-top: 6px; + padding-bottom: 6px; + padding-inline-start: 7px; + padding-inline-end: 7px; + border-bottom: 1px solid #A5ABC0; +} + +.addonName { + font-weight: bold; +} + +.blockedLabel { + font-weight: bold; + font-style: italic; +} diff --git a/comm/suite/themes/modern/mozapps/extensions/cancel.png b/comm/suite/themes/modern/mozapps/extensions/cancel.png Binary files differnew file mode 100644 index 0000000000..0d98ab2359 --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/cancel.png diff --git a/comm/suite/themes/modern/mozapps/extensions/category-available.png b/comm/suite/themes/modern/mozapps/extensions/category-available.png Binary files differnew file mode 100644 index 0000000000..d1b737ab05 --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/category-available.png diff --git a/comm/suite/themes/modern/mozapps/extensions/category-dictionaries.png b/comm/suite/themes/modern/mozapps/extensions/category-dictionaries.png Binary files differnew file mode 100644 index 0000000000..b26bb7100c --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/category-dictionaries.png diff --git a/comm/suite/themes/modern/mozapps/extensions/category-discover.png b/comm/suite/themes/modern/mozapps/extensions/category-discover.png Binary files differnew file mode 100644 index 0000000000..a6f5b49b37 --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/category-discover.png diff --git a/comm/suite/themes/modern/mozapps/extensions/category-extensions.png b/comm/suite/themes/modern/mozapps/extensions/category-extensions.png Binary files differnew file mode 100644 index 0000000000..6a76774c7b --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/category-extensions.png diff --git a/comm/suite/themes/modern/mozapps/extensions/category-languages.png b/comm/suite/themes/modern/mozapps/extensions/category-languages.png Binary files differnew file mode 100644 index 0000000000..4d9ac5ad89 --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/category-languages.png diff --git a/comm/suite/themes/modern/mozapps/extensions/category-plugins.png b/comm/suite/themes/modern/mozapps/extensions/category-plugins.png Binary files differnew file mode 100644 index 0000000000..5c4d8bf471 --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/category-plugins.png diff --git a/comm/suite/themes/modern/mozapps/extensions/category-recent.png b/comm/suite/themes/modern/mozapps/extensions/category-recent.png Binary files differnew file mode 100644 index 0000000000..7ecfc7d4c8 --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/category-recent.png diff --git a/comm/suite/themes/modern/mozapps/extensions/category-search.png b/comm/suite/themes/modern/mozapps/extensions/category-search.png Binary files differnew file mode 100644 index 0000000000..496a919cf3 --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/category-search.png diff --git a/comm/suite/themes/modern/mozapps/extensions/category-searchengines.png b/comm/suite/themes/modern/mozapps/extensions/category-searchengines.png Binary files differnew file mode 100644 index 0000000000..b893cb48a2 --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/category-searchengines.png diff --git a/comm/suite/themes/modern/mozapps/extensions/category-themes.png b/comm/suite/themes/modern/mozapps/extensions/category-themes.png Binary files differnew file mode 100644 index 0000000000..be645f76df --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/category-themes.png diff --git a/comm/suite/themes/modern/mozapps/extensions/dictionaryGeneric-16.png b/comm/suite/themes/modern/mozapps/extensions/dictionaryGeneric-16.png Binary files differnew file mode 100644 index 0000000000..37e2a5e4ce --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/dictionaryGeneric-16.png diff --git a/comm/suite/themes/modern/mozapps/extensions/dictionaryGeneric.png b/comm/suite/themes/modern/mozapps/extensions/dictionaryGeneric.png Binary files differnew file mode 100644 index 0000000000..b26bb7100c --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/dictionaryGeneric.png diff --git a/comm/suite/themes/modern/mozapps/extensions/discover-logo.png b/comm/suite/themes/modern/mozapps/extensions/discover-logo.png Binary files differnew file mode 100644 index 0000000000..cd50735a89 --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/discover-logo.png diff --git a/comm/suite/themes/modern/mozapps/extensions/eula.css b/comm/suite/themes/modern/mozapps/extensions/eula.css new file mode 100644 index 0000000000..68a8a5bd30 --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/eula.css @@ -0,0 +1,43 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +#icon { + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); + max-width: 48px; + max-height: 48px; + margin-inline-end: 6px; +} + +#eula-dialog[addontype="theme"] #icon { + list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png"); +} + +#eula-dialog[addontype="locale"] #icon { + list-style-image: url("chrome://mozapps/skin/extensions/localeGeneric.png"); +} + +#eula-dialog[addontype="plugin"] #icon { + list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png"); +} + +#eula-dialog[addontype="dictionary"] #icon { + list-style-image: url("chrome://mozapps/skin/extensions/dictionaryGeneric.png"); +} + +#heading-container { + -moz-box-align: center; +} + +#heading { + font-size: 120%; +} + +#eula { + -moz-appearance: none; + color: #000000; + background-color: #FFFFFF; + margin: 1em; + border: 1px solid; + border-colors: #6E7378 #EEF0F3 #EEF0F3 #6E7378; +} diff --git a/comm/suite/themes/modern/mozapps/extensions/extensionGeneric-16.png b/comm/suite/themes/modern/mozapps/extensions/extensionGeneric-16.png Binary files differnew file mode 100644 index 0000000000..aec2675e31 --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/extensionGeneric-16.png diff --git a/comm/suite/themes/modern/mozapps/extensions/extensionGeneric.png b/comm/suite/themes/modern/mozapps/extensions/extensionGeneric.png Binary files differnew file mode 100644 index 0000000000..6a76774c7b --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/extensionGeneric.png diff --git a/comm/suite/themes/modern/mozapps/extensions/extensions.css b/comm/suite/themes/modern/mozapps/extensions/extensions.css new file mode 100644 index 0000000000..55e4deb534 --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/extensions.css @@ -0,0 +1,1077 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +#addons-page { + padding: 18px; +} + +#view-port-container { + /* Needed to allow the radius to clip the inner content, see bug 595656 */ + /* Disabled because of bug 623615 + overflow: hidden; + */ + background-color: #C7D0D9; + border: 1px solid #494F5D; + border-radius: 2px; +} + +.nav-button { + list-style-image: url(chrome://mozapps/skin/extensions/navigation.png); +} + +#forward-btn { + border-inline-start: none; +} + +#back-btn:-moz-locale-dir(ltr), +#forward-btn:-moz-locale-dir(rtl) { + -moz-image-region: rect(0, 18px, 18px, 0); + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +#back-btn:-moz-locale-dir(rtl), +#forward-btn:-moz-locale-dir(ltr) { + -moz-image-region: rect(0, 36px, 18px, 18px); + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + + +/*** global warnings ***/ + +.global-warning-container { + overflow-x: hidden; +} + +.global-warning { + -moz-box-align: center; + padding: 0 8px; + color: #916D15; + font-weight: bold; +} + +#addons-page[warning] .global-warning-container { + background-color: rgba(255, 255, 0, 0.1); + background-image: url("chrome://mozapps/skin/extensions/stripes-warning.png"); + background-repeat: repeat-x; +} + +#detail-view .global-warning { + padding: 4px 12px; + border-bottom: 1px solid #CAD4E0; +} + +@media (max-width: 600px) { + .global-warning-text { + display: none; + } + + .global-warning .warning-icon { + background-color: #FFF; + box-shadow: 0px 0px 2px 5px #FFF; + border-radius: 10px; + } +} + +/*** notification icons ***/ + +.warning-icon { + list-style-image: url("chrome://mozapps/skin/extensions/alerticon-warning.png"); + width: 16px; + height: 15px; + margin: 3px 0; +} + +.error-icon { + list-style-image: url("chrome://mozapps/skin/extensions/alerticon-error.png"); + width: 16px; + height: 15px; + margin: 3px 0; +} + +.pending-icon, +.info-icon { + list-style-image: url("chrome://mozapps/skin/extensions/alerticon-info-positive.png"); + width: 16px; + height: 15px; + margin: 3px 0; +} + +.addon-view[pending="disable"] .pending-icon, +.addon-view[pending="uninstall"] .pending-icon { + list-style-image: url("chrome://mozapps/skin/extensions/alerticon-info-negative.png"); + width: 16px; + height: 15px; + margin: 3px 0; +} + + +/*** view alert boxes ***/ + +.alert-container { + -moz-box-align: center; +} + +.alert-spacer-before { + -moz-box-flex: 1; +} + +.alert-spacer-after { + -moz-box-flex: 3; +} + +.alert { + -moz-box-align: center; + padding: 10px; + color: #000000; + border: 1px solid #494F5D; + border-radius: 8px; + background-color: #C7D0D9; +} + +.alert .alert-title { + font-weight: bold; + font-size: 200%; + margin-bottom: 15px; +} + +.alert .addon-control { + margin: 1em 2em; +} + +.loading { + list-style-image: url("chrome://communicator/skin/icons/loading.png"); + padding-left: 20px; + padding-right: 20px; +} + + +/*** category selector ***/ + +#categories { + -moz-appearance: none; + border: none; + margin-inline-end: -1px; + background-color: transparent; + position: relative; + margin-top: 31px; +} + +.category { + -moz-appearance: none; + background-color: transparent; + color: #252F3B; + min-height: 0; + padding: 10px 4px; + border-width: 1px; + border-style: solid; + border-color: transparent; + -moz-box-align: center; + overflow: hidden; +} + +.category:-moz-locale-dir(ltr) { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; +} + +.category:-moz-locale-dir(rtl) { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; +} + +.category[disabled] { + border-top: 0; + border-bottom: 0; + height: 0; + opacity: 0; + transition-property: height, opacity; + transition-duration: 1s, 0.8s; +} + +.category:not([disabled]) { + height: 52px; + transition-property: height, opacity; + transition-duration: 1s, 0.8s; +} + +.category[selected] { + background-color: #C7D0D9; + color: #000000; + border-color: #494F5D; + border-inline-end-color: #C7D0D9; +} + +.category-name { + font-size: 150%; +} + +/* Maximize the size of the viewport when the window is small */ +@media (max-width: 800px) { + .category-name { + display: none; + } +} + +.category-badge { + background-color: #55D4FF; + padding: 2px 8px; + margin: 6px 0; + border-radius: 10000px; + color: #FFF; + font-weight: bold; + text-align: center; +} + +.category-badge[value="0"] { + visibility: hidden; +} + +.category-icon { + width: 32px; + height: 32px; + margin-inline-start: 6px; +} + +#category-search { + list-style-image: url("chrome://mozapps/skin/extensions/category-search.png"); +} +#category-discover { + list-style-image: url("chrome://mozapps/skin/extensions/category-discover.png"); +} +#category-locale { + list-style-image: url("chrome://mozapps/skin/extensions/category-languages.png"); +} +#category-searchengine { + list-style-image: url("chrome://mozapps/skin/extensions/category-searchengines.png"); +} +#category-extension { + list-style-image: url("chrome://mozapps/skin/extensions/category-extensions.png"); +} +#category-theme { + list-style-image: url("chrome://mozapps/skin/extensions/category-themes.png"); +} +#category-plugin { + list-style-image: url("chrome://mozapps/skin/extensions/category-plugins.png"); +} +#category-dictionary { + list-style-image: url("chrome://mozapps/skin/extensions/category-dictionaries.png"); +} +#category-availableUpdates { + list-style-image: url("chrome://mozapps/skin/extensions/category-available.png"); +} +#category-recentUpdates { + list-style-image: url("chrome://mozapps/skin/extensions/category-recent.png"); +} + + +/*** header ***/ + +#header { + margin-bottom: 18px; +} + +#header-search { + margin: 0; +} + +#header-utils-btn { + list-style-image: url("chrome://mozapps/skin/extensions/utilities.png"); + margin-inline-end: 16px; +} + +.view-header { + background-color: rgba(251, 252, 253, 0.25); + padding: 4px; + margin: 0; + min-height: 31px; + border-bottom: 1px solid #CAD4E0; +} + + +/*** sorters ***/ + +.sort-controls { + -moz-appearance: none; +} + +.sorter { + -moz-appearance: none; + border: none; + background-color: transparent; + color: #536680; + border-radius: 10000px; + padding: 0 6px; + margin: 0 6px; + min-width: 12px !important; + -moz-box-direction: reverse; +} + +.sorter .button-box { + padding-top: 0; + padding-bottom: 0; +} + +.sorter[checkState="1"], +.sorter[checkState="2"] { + background-color: rgba(194, 200, 206, 0.4); + box-shadow: 1px 1px 2px #B6BBC4 inset; +} + +.sorter[checkState="1"] { + list-style-image: url("chrome://global/skin/arrow/arrow-dn.png"); +} + +.sorter[checkState="2"] { + list-style-image: url("chrome://global/skin/arrow/arrow-up.png"); +} + +.sorter .button-icon { + margin-inline-start: 4px; +} + + +/*** discover view ***/ + +.discover-spacer-before, +.discover-spacer-after { + -moz-box-flex: 1; +} + +#discover-error .alert { + max-width: 45em; + -moz-box-flex: 1; +} + +.discover-logo { + list-style-image: url("chrome://mozapps/skin/extensions/discover-logo.png"); + margin-inline-end: 15px; +} + +.discover-title { + font-weight: bold; + font-size: 24px; + font-family: MetaWebPro-Book, "Trebuchet MS", sans-serif; + margin: 0 0 15px 0; +} + +.discover-description { + text-align: justify; + margin: 0 0 15px 0; +} + +.discover-footer { + text-align: justify; +} + + +/*** list ***/ + +.list { + -moz-appearance: none; + margin: 0; + border: none; + background-color: transparent; +} + +.addon { + color: black; + border-top: 1px solid; + border-top-color: rgba(0, 0, 0, 0.1); + border-bottom: 1px solid; + border-bottom-color: rgba(255, 255, 255, 0.1); + padding: 5px; + background-origin: border-box; +} + +.view-pane:not(#search-view) .addon:first-of-type, +#search-view .addon[first] { + border-top-width: 1px; + border-top-color: rgba(255, 255, 255, 0.1); +} + +.view-pane:not(#search-view) .addon:last-of-type, +#search-view .addon[last] { + border-bottom-width: 1px; + border-bottom-color: rgba(0, 0, 0, 0.1); +} + +.details { + cursor: pointer; + margin: 0; + margin-inline-start: 10px; +} + +.icon-container { + width: 48px; + height: 48px; + margin: 3px 7px; + -moz-box-align: center; + -moz-box-pack: center; +} + +.icon { + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); + max-width: 48px; + max-height: 48px; +} + +.addon[active="false"] .icon { + filter: url("chrome://mozapps/skin/extensions/extensions.svg#greyscale"); +} + + +.addon-view[type="theme"] .icon { + list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png"); +} + +.addon-view[type="locale"] .icon { + list-style-image: url("chrome://mozapps/skin/extensions/localeGeneric.png"); +} + +.addon-view[type="plugin"] .icon { + list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png"); +} + +.addon-view[type="dictionary"] .icon { + list-style-image: url("chrome://mozapps/skin/extensions/dictionaryGeneric.png"); +} + +.name-container { + font-size: 150%; + font-weight: bold; + margin-bottom: 0; + -moz-box-align: end; + -moz-box-flex: 1; +} + +.creator { + font-weight: bold; +} + +.creator .text-link { + color: #0066CC; +} + +.description-container { + margin-inline-start: 6px; + -moz-box-align: center; +} + +.description { + margin: 0; +} + +.warning, +.pending, +.error { + margin-inline-start: 48px; + font-weight: bold; + -moz-box-align: center; +} + +.content-container, +.basicinfo-container { + -moz-box-align: start; +} + +.addon[status="installing"] > .content-container { + -moz-box-align: stretch; +} + +.advancedinfo-container, +.update-info-container { + -moz-box-align: center; +} + +.update-available { + -moz-box-align: end; +} + +.install-status-container { + -moz-box-pack: end; + -moz-box-align: end; +} + +.name-outer-container { + -moz-box-pack: center; +} + +.relnotes-toggle-container, +.icon-outer-container { + -moz-box-pack: start; +} + +.status-container, +.control-container { + -moz-box-pack: end; +} + +.addon-view .warning { + color: #916D15; +} + +.addon-view .error { + color: #864441; +} + +.addon-view .pending { + color: #1B7123; +} + +.addon-view[pending="disable"] .pending, +.addon-view[pending="uninstall"] .pending { + color: #62666E; +} + +.addon .relnotes-container { + -moz-box-align: start; + margin-inline-start: 6px; + height: 0; + overflow: hidden; + opacity: 0; + transition-property: height, opacity; + transition-duration: 0.5s, 0.5s; +} + +.addon[show-relnotes] .relnotes-container { + opacity: 1; + transition-property: height, opacity; + transition-duration: 0.5s, 0.5s; +} + +.addon .relnotes-header { + font-weight: bold; + margin: 10px 0; +} + +.addon .relnotes-toggle { + -moz-appearance: none; + border: none; + background: transparent; + font-weight: bold; + -moz-box-direction: reverse; + cursor: pointer; + list-style-image: url("chrome://global/skin/arrow/arrow-dn.png"); +} + +.addon .relnotes-toggle > .button-box > .button-icon { + padding-inline-start: 4px; +} + +.addon[show-relnotes] .relnotes-toggle { + list-style-image: url("chrome://global/skin/arrow/arrow-up.png"); +} + +.addon[active="false"] { + background-color: #B7BFCB; +} + +.addon-view[active="false"], +.addon-view[active="false"] .name-container { + color: #8C99AB; +} + +.addon-view[notification="warning"] { + background-image: url("chrome://mozapps/skin/extensions/stripes-warning.png"), + linear-gradient(rgba(255, 255, 0, 0.04), + rgba(255, 255, 0, 0)); + background-repeat: repeat-x; +} + +.addon-view[notification="error"] { + background-image: url("chrome://mozapps/skin/extensions/stripes-error.png"), + linear-gradient(rgba(255, 0, 0, 0.04), + rgba(255, 0, 0, 0)); + background-repeat: repeat-x; +} + +.addon-view[pending="enable"], +.addon-view[pending="upgrade"], +.addon-view[pending="install"] { + background-image: url("chrome://mozapps/skin/extensions/stripes-info-positive.png"), + linear-gradient(rgba(0, 255, 0, 0.04), + rgba(0, 255, 0, 0)); + background-repeat: repeat-x; +} + +.addon-view[pending="disable"], +.addon-view[pending="uninstall"] { + background-image: url("chrome://mozapps/skin/extensions/stripes-info-negative.png"), + linear-gradient(rgba(128, 128, 128, 0.04), + rgba(128, 128, 128, 0)); + background-repeat: repeat-x; +} + +.addon[selected] { + background-color: rgba(148, 172, 204, 0.39); + color: black; +} + +.addon[active="false"][selected] .name-container { + color: #8C99AB; +} + + +/*** item - uninstalled ***/ + +.addon[status="uninstalled"] { + border: none; +} + +.addon[status="uninstalled"] > .container { + -moz-box-align: center; + padding: 4px 20px; + background-color: #FDFFA8; + border-radius: 8px; + font-size: 120%; +} + +.addon[status="uninstalled"][selected] { + background-color: transparent; +} + + + +/*** search view ***/ + +#search-filter { + padding: 5px 20px; + font-size: 120%; + border-bottom: 1px solid #CAD4E0; + overflow-x: hidden; +} + +#search-filter-label { + font-weight: bold; + color: grey; +} + +.search-filter-radio { + -moz-appearance: none; + padding: 0 6px; + margin: 0 3px; + border-radius: 10000px; +} + +.search-filter-radio[selected] { + background-color: grey; + color: white; +} + +.search-filter-radio .radio-check-box1 { + display: none; +} + +.search-filter-radio .radio-icon { + display: none; +} + +#search-allresults-link { + margin-top: 1em; + margin-bottom: 2em; +} + +/*** detail view ***/ + +#detail-view .loading { + opacity: 0; +} + +#detail-view[loading-extended] .loading { + opacity: 1; + transition-property: opacity; + transition-duration: 1s; +} + +.detail-view-container { + padding: 0 2em 2em 2em; + font-size: 110%; +} + +#detail-notifications { + margin-top: 1em; + margin-bottom: 2em; +} + +#detail-notifications .warning, +#detail-notifications .pending, +#detail-notifications .error { + margin-inline-start: 0; +} + +#detail-icon { + margin-inline-end: 10px; + margin-top: 6px; + max-width: 64px; + max-height: 64px; +} + +#detail-summary { + margin-bottom: 2em; +} + +#detail-name-container { + font-size: 200%; +} + +#detail-screenshot { + margin-inline-end: 2em; + max-width: 300px; + max-height: 300px; +} + +#detail-desc-container { + margin-bottom: 2em; +} + +#detail-desc, #detail-fulldesc { + margin-inline-start: 6px; + /* This is necessary to fix layout issues with multi-line descriptions, see + bug 592712*/ + outline: solid transparent; + white-space: pre-wrap; + min-width: 10em; +} + +#detail-fulldesc { + margin-top: 1em; +} + +#detail-contributions { + border-radius: 5px; + border: 1px solid #D2DBE8; + margin-bottom: 2em; + padding: 1em; + background-color: #F3F7FB; +} + +#detail-contrib-description { + font-style: italic; + margin-bottom: 1em; + color: #373D48; +} + +#detail-contrib-suggested { + color: grey; + font-weight: bold; +} + +#detail-contrib-btn { + color: #FFF; + border: 1px solid #3A4EEE; + border-radius: 3px; + list-style-image: url("chrome://mozapps/skin/extensions/heart.png"); + background-color: #2F73EF; + background-image: linear-gradient(rgba(251, 252, 253, 0.70), rgba(246, 247, 248, 0.27) 49%, + rgba(231, 232, 233, 0.25) 51%, rgba(225, 226, 229, 0.1)); +} + +#detail-contrib-btn .button-box { + padding: 0 6px 1px 6px; +} + +#detail-contrib-btn .button-icon { + margin-inline-end: 3px; +} + +#detail-contrib-btn:not(:active):hover { + border-color: #4271FF; + background-color: #0459F7; + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), + 0 0 3.5px hsl(190, 90%, 80%); + transition: background-color .4s ease-in, + border-color .3s ease-in, + box-shadow .3s ease-in +} + +#detail-contrib-btn:active:hover { + background-color: #8FA1C1; + border-color: rgba(0, 0, 0, 0.65) rgba(0, 0, 0, 0.55) rgba(0, 0, 0, 0.5); + box-shadow: 0 0 6.5px rgba(0, 0, 0, 0.4) inset, + 0 0 2px rgba(0, 0, 0, 0.4) inset, + 0 1px 0 rgba(255, 255, 255, 0.4); +} + +#detail-grid { + margin-bottom: 2em; +} + +.detail-row[first-row="true"], +.detail-row-complex[first-row="true"] { + border-top: none; +} + +.detail-row, +.detail-row-complex { + border-top: 1px solid; + border-top-color: rgba(28, 31, 37, 0.1); + -moz-box-align: center; +} + +.detail-row-value { + margin-inline-start: 0; +} + +#detail-controls { + margin-bottom: 1em; +} + +#detail-view[active="false"]:not([pending]):not([notification]) { + background-color: #B7BFCB; +} + +/*** creator ***/ + +.creator > label { + margin-inline-start: 0; + margin-inline-end: 0; +} + +.creator > .text-link { + margin-top: 1px; + margin-bottom: 1px; +} + + +/*** rating ***/ + +.meta-rating { + margin-inline-start: 0; + margin-inline-end: 0; + padding-top: 2px; +} + +.meta-rating > .star { + list-style-image: url("chrome://mozapps/skin/extensions/rating-not-won.png"); + padding: 0 1px; +} + +.meta-rating > .star[on="true"] { + list-style-image: url("chrome://mozapps/skin/extensions/rating-won.png"); +} + + +/*** download progress ***/ + +.download-progress { + background-color: rgba(151,152,153,.05); + background-image: linear-gradient(rgba(251, 252, 253, 0.95), rgba(246, 247, 248, 0.47) 49%, + rgba(231, 232, 233, 0.45) 51%, rgba(225, 226, 229, 0.3)); + background-clip: padding-box; + border-radius: 3px; + border: 1px solid; + border-color: rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.38); + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset, + 0 0 0 2px rgba(255, 255, 255, 0.1) inset; + width: 200px; + height: 21px; + margin: 0 8px; +} + +.download-progress[mode="undetermined"] { + border-color: #358942 #317F3D #2E773A; +} + +.download-progress[mode="undetermined"] .status-container { + padding: 0 2px; +} + +.download-progress .start-cap, +.download-progress[complete] .end-cap, +.download-progress[mode="undetermined"] .end-cap, +.download-progress .progress .progress-bar { + -moz-appearance: none; + background-image: linear-gradient(#71CA83, #54B06C 49%, #43A05D 51%, #60BB76); + margin-top: -1px; + margin-bottom: -1px; + border: 1px solid; + border-color: #358942 #317F3D #2E773A; +} + +.download-progress .start-cap { + margin-inline-start: -1px; + border-inline-end-width: 0; +} + +.download-progress .end-cap { + margin-inline-end: -1px; + border-inline-start: 0px !important; +} + +.download-progress .progress .progress-bar { + border-left-width: 0; + border-right-width: 0; + min-height: 21px; +} + +.download-progress .progress { + -moz-appearance: none; + background-color: transparent; + padding: 0; + margin: 0; + border: none; +} + +.download-progress .start-cap, +.download-progress .end-cap { + width: 4px; +} + +.download-progress .start-cap:-moz-locale-dir(ltr), +.download-progress .end-cap:-moz-locale-dir(rtl) { + border-radius: 3px 0 0 3px; +} + +.download-progress .end-cap:-moz-locale-dir(ltr), +.download-progress .start-cap:-moz-locale-dir(rtl) { + border-radius: 0 3px 3px 0; +} + +.download-progress .cancel { + -moz-appearance: none; + background-color: rgba(255, 255, 255, 0.4); + border: 1px solid rgba(0, 0, 0, 0.4); + padding: 3px; + border-radius: 3px; + min-width: 0; + margin: 3px; +} + +.download-progress .cancel:hover { + background-color: rgba(255, 255, 255, 0.6); + border: 1px solid rgba(0, 0, 0, 0.8); +} + +.download-progress .cancel:active:hover { + box-shadow: inset rgba(0, 0, 0, 0.5) 1px 1px 2px; +} + +.download-progress .cancel .button-box { + padding: 0; + border: none; +} + +.download-progress .cancel .button-text { + display: none; +} + +.download-progress .cancel .button-icon { + margin-inline-start: 0; +} + +.download-progress .cancel { + list-style-image: url('chrome://mozapps/skin/extensions/cancel.png'); +} + +.download-progress .status-container { + -moz-box-align: center; +} + +.download-progress .status { + text-shadow: #FFF 0 0 2px; +} + +/*** install status ***/ + +.install-status { + -moz-box-align: center; +} + + +/*** check for updates ***/ + +#updates-container { + -moz-box-align: center; +} + +#updates-container .button-link { + font-weight: bold; +} + +#updates-installed, +#updates-downloaded { + color: #00BB00; + font-weight: bold; +} + +#update-selected { + margin: 12px; +} + + +/*** buttons ***/ + +.addon-control[disabled="true"] { + display: none; +} + +.button-link { + -moz-appearance: none; + background: transparent; + border: none; + text-decoration: underline; + color: blue; + cursor: pointer; + min-width: 0; + margin: 0 6px; +} + +.button-link:focus { + color: red; + outline: 1px dotted; +} + +.button-link:hover:active { + color: red; +} + +.button-link[visited="true"] { + color: purple; +} + +.header-button { + margin: 2px; + border: 1px solid; + padding: 3px; + border-color: #000000; + border-radius: 2px; + background-color: #AAB6C4; + background-clip: padding-box; + color: #000000; + font: menu; +} + +.header-button:focus { + border-color: #98A5B2; +} + +.header-button[disabled="true"] { + border-color: #8290A5 !important; + background-color: #B7BFCB !important; + color: #8C99AB !important; +} + +.header-button[disabled="true"] > .toolbarbutton-icon { + opacity: 0.4; +} + +.header-button:not([disabled="true"]):active:hover, +.header-button[open="true"] { + border-color: #000000; + background-color: #90A1B3; + color: #FFFFFF; +} + +.header-button:not([disabled="true"]):active:hover:focus, +.header-button[open="true"]:focus { + border-color: #98A5B2; +} + +.header-button > .toolbarbutton-text { + display: none; +} diff --git a/comm/suite/themes/modern/mozapps/extensions/extensions.svg b/comm/suite/themes/modern/mozapps/extensions/extensions.svg new file mode 100644 index 0000000000..076c210469 --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/extensions.svg @@ -0,0 +1,10 @@ +<?xml version="1.0"?> +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> + +<svg xmlns="http://www.w3.org/2000/svg"> + <filter id="greyscale"> + <feColorMatrix type="saturate" values="0"/> + </filter> +</svg> diff --git a/comm/suite/themes/modern/mozapps/extensions/heart.png b/comm/suite/themes/modern/mozapps/extensions/heart.png Binary files differnew file mode 100644 index 0000000000..655f4c4be7 --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/heart.png diff --git a/comm/suite/themes/modern/mozapps/extensions/localeGeneric.png b/comm/suite/themes/modern/mozapps/extensions/localeGeneric.png Binary files differnew file mode 100644 index 0000000000..4d9ac5ad89 --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/localeGeneric.png diff --git a/comm/suite/themes/modern/mozapps/extensions/navigation.png b/comm/suite/themes/modern/mozapps/extensions/navigation.png Binary files differnew file mode 100644 index 0000000000..c1e2a026d0 --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/navigation.png diff --git a/comm/suite/themes/modern/mozapps/extensions/newaddon.css b/comm/suite/themes/modern/mozapps/extensions/newaddon.css new file mode 100644 index 0000000000..525b487e5b --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/newaddon.css @@ -0,0 +1,110 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +#addon-page { + background: #FFF; + padding: 0; +} + +#addon-scrollbox { + overflow: auto; + -moz-box-orient: vertical; + -moz-box-flex: 1; +} + +#spacer-start { + -moz-box-flex: 1; +} + +#spacer-end { + -moz-box-flex: 3; +} + +#addon-container { + color: #22262F; + background: #C7D0D9; + border: 1px solid #494F5D; + border-radius: 10px; + max-width: 600px; + margin: 20px; + padding: 30px 90px; +} + +#addon-info { + -moz-box-align: start; + margin: 25px 10px; +} + +#icon { + margin-inline-end: 10px; + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); +} + +.addon-info[type="theme"] #icon { + list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png"); +} + +.addon-info[type="locale"] #icon { + list-style-image: url("chrome://mozapps/skin/extensions/localeGeneric.png"); +} + +.addon-info[type="plugin"] #icon { + list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png"); +} + +.addon-info[type="dictionary"] #icon { + list-style-image: url("chrome://mozapps/skin/extensions/dictionaryGeneric.png"); +} + +#name { + font-size: 130%; +} + +#author { + font-style: italic; +} + +#location { + font-style: italic; +} + +#warning { + margin-bottom: 25px; + -moz-box-align: start; +} + +#warning-icon { + list-style-image: url("chrome://mozapps/skin/extensions/alerticon-warning.png"); + width: 16px; + height: 15px; + margin-inline-end: 5px; +} + +#allow { + margin-inline-start: 84px; + margin-bottom: 20px; +} + +#continuePanel, +#restartPanel { + margin-top: 25px; + -moz-box-pack: end; + -moz-box-align: center; +} + +#continuePanel { + -moz-box-pack: end; +} + +#restartMessage { + text-align: right; +} + +#restartSpacer { + -moz-box-flex: 1; +} + +#later { + font-style: italic; +} diff --git a/comm/suite/themes/modern/mozapps/extensions/rating-not-won.png b/comm/suite/themes/modern/mozapps/extensions/rating-not-won.png Binary files differnew file mode 100644 index 0000000000..2761f19255 --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/rating-not-won.png diff --git a/comm/suite/themes/modern/mozapps/extensions/rating-won.png b/comm/suite/themes/modern/mozapps/extensions/rating-won.png Binary files differnew file mode 100644 index 0000000000..336dd8f6eb --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/rating-won.png diff --git a/comm/suite/themes/modern/mozapps/extensions/stripes-error.png b/comm/suite/themes/modern/mozapps/extensions/stripes-error.png Binary files differnew file mode 100644 index 0000000000..9dce6d0dcd --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/stripes-error.png diff --git a/comm/suite/themes/modern/mozapps/extensions/stripes-info-negative.png b/comm/suite/themes/modern/mozapps/extensions/stripes-info-negative.png Binary files differnew file mode 100644 index 0000000000..8315e0fb21 --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/stripes-info-negative.png diff --git a/comm/suite/themes/modern/mozapps/extensions/stripes-info-positive.png b/comm/suite/themes/modern/mozapps/extensions/stripes-info-positive.png Binary files differnew file mode 100644 index 0000000000..11fee7d689 --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/stripes-info-positive.png diff --git a/comm/suite/themes/modern/mozapps/extensions/stripes-warning.png b/comm/suite/themes/modern/mozapps/extensions/stripes-warning.png Binary files differnew file mode 100644 index 0000000000..157faf6d2d --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/stripes-warning.png diff --git a/comm/suite/themes/modern/mozapps/extensions/themeGeneric-16.png b/comm/suite/themes/modern/mozapps/extensions/themeGeneric-16.png Binary files differnew file mode 100644 index 0000000000..16d77a4a25 --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/themeGeneric-16.png diff --git a/comm/suite/themes/modern/mozapps/extensions/themeGeneric.png b/comm/suite/themes/modern/mozapps/extensions/themeGeneric.png Binary files differnew file mode 100644 index 0000000000..39118b15f3 --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/themeGeneric.png diff --git a/comm/suite/themes/modern/mozapps/extensions/update.css b/comm/suite/themes/modern/mozapps/extensions/update.css new file mode 100644 index 0000000000..c6cba309c5 --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/update.css @@ -0,0 +1,26 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +#alert { + list-style-image: url("chrome://mozapps/skin/update/update.png"); +} + +.throbber { + list-style-image: url("chrome://communicator/skin/icons/loading.png"); + width: 16px; + height: 16px; + margin-top: 5px; + margin-bottom: 5px; + margin-inline-start: 5px; + margin-inline-end: 2px; +} + +.alertBox { + background-color: #FFFFE7; + color: #000000; + border: 1px outset #FFFFE7; + margin-left: 3px; + margin-right: 3px; + padding: 5px; +} diff --git a/comm/suite/themes/modern/mozapps/extensions/utilities.png b/comm/suite/themes/modern/mozapps/extensions/utilities.png Binary files differnew file mode 100644 index 0000000000..8efc337118 --- /dev/null +++ b/comm/suite/themes/modern/mozapps/extensions/utilities.png diff --git a/comm/suite/themes/modern/mozapps/handling/handling.css b/comm/suite/themes/modern/mozapps/handling/handling.css new file mode 100644 index 0000000000..a6c7d0b15c --- /dev/null +++ b/comm/suite/themes/modern/mozapps/handling/handling.css @@ -0,0 +1,34 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +#description-image:not([src]) { + height: 32px; + width: 32px; +} + +richlistitem[type] { + min-height: 36px; /* Don't forget to update the richlistbox height! */ + padding-inline-start: 2px; + } + +richlistitem { + -moz-box-align: center; +} + +richlistbox { + /* 3 items high, plus 4px for top and bottom margins, less 2px for border */ + min-height: 110px; +} + +.name { + font-weight: bold; +} + +.description { + color: #006400; +} + +richlistitem[selected="true"] .description { + color: inherit !important; +} diff --git a/comm/suite/themes/modern/mozapps/icons/itemDisabledFader.png b/comm/suite/themes/modern/mozapps/icons/itemDisabledFader.png Binary files differnew file mode 100644 index 0000000000..9da353ce5c --- /dev/null +++ b/comm/suite/themes/modern/mozapps/icons/itemDisabledFader.png diff --git a/comm/suite/themes/modern/mozapps/icons/itemEnabledFader.png b/comm/suite/themes/modern/mozapps/icons/itemEnabledFader.png Binary files differnew file mode 100644 index 0000000000..12886160ca --- /dev/null +++ b/comm/suite/themes/modern/mozapps/icons/itemEnabledFader.png diff --git a/comm/suite/themes/modern/mozapps/passwordmgr/key-16.png b/comm/suite/themes/modern/mozapps/passwordmgr/key-16.png Binary files differnew file mode 100644 index 0000000000..c6e0fda650 --- /dev/null +++ b/comm/suite/themes/modern/mozapps/passwordmgr/key-16.png diff --git a/comm/suite/themes/modern/mozapps/passwordmgr/key-64.png b/comm/suite/themes/modern/mozapps/passwordmgr/key-64.png Binary files differnew file mode 100644 index 0000000000..31f2fbb9e5 --- /dev/null +++ b/comm/suite/themes/modern/mozapps/passwordmgr/key-64.png diff --git a/comm/suite/themes/modern/mozapps/passwordmgr/key.png b/comm/suite/themes/modern/mozapps/passwordmgr/key.png Binary files differnew file mode 100644 index 0000000000..b5e8afefca --- /dev/null +++ b/comm/suite/themes/modern/mozapps/passwordmgr/key.png diff --git a/comm/suite/themes/modern/mozapps/plugins/pluginBlocked-16.png b/comm/suite/themes/modern/mozapps/plugins/pluginBlocked-16.png Binary files differnew file mode 100644 index 0000000000..d38cfde90f --- /dev/null +++ b/comm/suite/themes/modern/mozapps/plugins/pluginBlocked-16.png diff --git a/comm/suite/themes/modern/mozapps/plugins/pluginBlocked.png b/comm/suite/themes/modern/mozapps/plugins/pluginBlocked.png Binary files differnew file mode 100644 index 0000000000..a912cbe2e8 --- /dev/null +++ b/comm/suite/themes/modern/mozapps/plugins/pluginBlocked.png diff --git a/comm/suite/themes/modern/mozapps/plugins/pluginGeneric-16.png b/comm/suite/themes/modern/mozapps/plugins/pluginGeneric-16.png Binary files differnew file mode 100644 index 0000000000..d38cfde90f --- /dev/null +++ b/comm/suite/themes/modern/mozapps/plugins/pluginGeneric-16.png diff --git a/comm/suite/themes/modern/mozapps/plugins/pluginGeneric.png b/comm/suite/themes/modern/mozapps/plugins/pluginGeneric.png Binary files differnew file mode 100644 index 0000000000..a912cbe2e8 --- /dev/null +++ b/comm/suite/themes/modern/mozapps/plugins/pluginGeneric.png diff --git a/comm/suite/themes/modern/mozapps/plugins/pluginInstallerWizard.css b/comm/suite/themes/modern/mozapps/plugins/pluginInstallerWizard.css new file mode 100644 index 0000000000..6db976c01d --- /dev/null +++ b/comm/suite/themes/modern/mozapps/plugins/pluginInstallerWizard.css @@ -0,0 +1,10 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +#licenseContainer, #pluginList { + margin: 2px 4px; + border: 1px solid #5D616E; + background-color: #FFFFFF; + color: #000000; +} diff --git a/comm/suite/themes/modern/mozapps/update/update.png b/comm/suite/themes/modern/mozapps/update/update.png Binary files differnew file mode 100644 index 0000000000..e2737058f8 --- /dev/null +++ b/comm/suite/themes/modern/mozapps/update/update.png diff --git a/comm/suite/themes/modern/mozapps/update/updates.css b/comm/suite/themes/modern/mozapps/update/updates.css new file mode 100644 index 0000000000..69cccd75c2 --- /dev/null +++ b/comm/suite/themes/modern/mozapps/update/updates.css @@ -0,0 +1,168 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/** + * General + */ +wizardpage { + height: 360px; + width: 700px; +} + +#updates, .wizard-page-box { + margin: 0; + padding: 0; +} + +.update-header { + padding: 0px 10px; +} + +.update-content { + padding: 10px; +} + +/** + * License Page + */ +.loadingBox { + padding: 3px 5px; +} + +.remoteLoadingThrobber { + margin-top: 3px; +} + +.remoteLoadingThrobber[state="loading"] { + list-style-image: url("chrome://communicator/skin/icons/loading.png"); +} + +.remoteLoadingThrobber[state="error"] { + list-style-image: url("chrome://global/skin/icons/notfound.png"); +} + +/** + * Update Found Page + */ +.wizard-buttons-separator { + margin-top: 0 !important; +} + +/* Update Found Basic Page */ +#updateName, #updateFinishedName { + font-weight: bold; + font-size: 120%; +} + +/* License Page */ +#licenseContent { + margin: 2px 4px; + border: 1px solid #5D616E; + background-color: #FFFFFF; + color: #000000; +} + +/** + * Downloading Page + */ +#downloadStatusLine { + -moz-box-align: center; +} + +#downloadStatus { + height: 3em !important; +} + +#downloadStatusProgress { + padding-inline-end: 5px; +} + +#pauseButton > .button-box > .button-icon { + margin-inline-start: 0; +} + +#pauseButton > .button-box > .button-text { + margin-inline-start: 0 !important; + margin-inline-end: 0 !important; +} + +#pauseButton { + min-width: 0; + min-height: 0; + color: #000000 !important; + background-color: transparent !important; + list-style-image: url("chrome://mozapps/skin/icons/buttons.png"); + -moz-image-region: rect(0px, 48px, 16px, 32px); + margin: 0; + border: 1px solid !important; + border-top-colors: transparent !important; + border-right-colors: transparent !important; + border-bottom-colors: transparent !important; + border-left-colors: transparent !important; + border-radius: 0 !important; + outline: none !important; +} + +#pauseButton:focus { + border-style: dotted !important; + border-color: #000000 !important; +} + +#pauseButton[disabled="true"] { + -moz-image-region: rect(16px, 48px, 32px, 32px); +} + +#pauseButton[paused="true"] { + -moz-image-region: rect(0px, 16px, 16px, 0px); +} + +#pauseButton[paused="true"][disabled="true"] { + -moz-image-region: rect(16px, 16px, 32px, 0px); +} + +#verificationFailedIcon { + margin-inline-start: 5px; + list-style-image: url("chrome://global/skin/icons/notfound.png"); +} + +/** + * Error Page + */ +#errorReason { + margin-top: 1px; + margin-bottom: 2px; + margin-inline-start: 6px !important; + margin-inline-end: 5px; + font-weight: bold; +} + +/** + * Update History Window + */ +update { + border-bottom: 1px solid #90A1B3; +} + +.update-name { + font-weight: bold; +} + +.update-label-column { + -moz-box-align: end; +} + +.update-type { + font-weight: bold; + color: #990000; +} + +#historyItems { + height: 200px; + margin: 1px 5px 4px; + border: 1px solid #5D616E; +} + +#historyItems > scrollbox { + margin-bottom: 1px; +} diff --git a/comm/suite/themes/modern/mozapps/viewsource/viewsource.css b/comm/suite/themes/modern/mozapps/viewsource/viewsource.css new file mode 100644 index 0000000000..76c7d00b9d --- /dev/null +++ b/comm/suite/themes/modern/mozapps/viewsource/viewsource.css @@ -0,0 +1,5 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* This is for styling the menus of the viewsource window */ diff --git a/comm/suite/themes/modern/mozapps/xpinstall/xpinstallConfirm.css b/comm/suite/themes/modern/mozapps/xpinstall/xpinstallConfirm.css new file mode 100644 index 0000000000..0188d345a5 --- /dev/null +++ b/comm/suite/themes/modern/mozapps/xpinstall/xpinstallConfirm.css @@ -0,0 +1,91 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +#xpinstallheader { + margin-bottom: 2em; +} + +#itemList { + margin-top: 2px; + margin-bottom: 10px; + height: 14em; + border: 1px solid #5D616E; + background-color: #FFFFFF; + color: #000000; +} + +#itemWarningIntro { + margin-inline-start: 8px; +} + +#dialogContentBox { + padding: 5px; +} + +installitem { + padding-top: 5px; + padding-bottom: 5px; + padding-inline-start: 5px; + padding-inline-end: 0; + border-bottom: 1px solid #A5ABC0; + margin-bottom: 5px; +} + +.alert-icon { + margin-inline-end: 20px; +} + +.warning { + font-weight: bold; + font-size: 1.25em; + margin-bottom: 1em; +} + +.xpinstallIconContainer { + width: 32px; + height: 32px; + margin-inline-end: 5px; +} + +.xpinstallItemName { + font-weight: bold; +} + +.xpinstallItemSigned { + font-style: italic; + font-size: 0.9em; +} + +.xpinstallItemURL { + border: none; + padding: 0; + background-color: #FFFFFF; + color: #000000; + margin-top: 1px; + margin-bottom: 1px; + margin-inline-start: 6px; + margin-inline-end: 5px; +} + +.xpinstallItemIcon { + max-width: 32px; + max-height: 32px; + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); +} + +installitem[type="theme"] .xpinstallItemIcon { + list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png"); +} + +installitem[type="locale"] .xpinstallItemIcon { + list-style-image: url("chrome://mozapps/skin/extensions/localeGeneric.png"); +} + +installitem[type="plugin"] .xpinstallItemIcon { + list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png"); +} + +installitem[type="dictionary"] .xpinstallItemIcon { + list-style-image: url("chrome://mozapps/skin/extensions/dictionaryGeneric.png"); +} |
