X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Fmozapps%2Fextensions%2Fextensions.css;h=e2f13a3a853a21a039a184165ae608e2487578f9;hp=992786d7d189b34e904d4add7e8889dce9a40f93;hb=904e50409e523d61b35bd75ec79c0f34ff107b77;hpb=8a933f1e2b148a1d5f6aa95950206026caa5513d diff --git a/EarlyBlue/mozapps/extensions/extensions.css b/EarlyBlue/mozapps/extensions/extensions.css index 992786d7..e2f13a3a 100644 --- a/EarlyBlue/mozapps/extensions/extensions.css +++ b/EarlyBlue/mozapps/extensions/extensions.css @@ -35,22 +35,12 @@ * * ***** END LICENSE BLOCK ***** */ -#addons-page { - background-color: #CCD0DD; - color: #000000; - margin: 20px; -} +@import url("chrome://global/skin/inContentUI.css"); -#view-port-container { - /* Needed to allow the radius to clip the inner content, see bug 595656 */ - overflow: hidden; - background-color: #FFFFFF; - border: 1px solid #666699; -} +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); .nav-button { list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png"); - min-width: 0; } #forward-btn { @@ -77,6 +67,7 @@ -moz-image-region: rect(63px 50px 84px 25px); } + /*** global warnings ***/ .global-warning-container { @@ -111,6 +102,11 @@ } } +/*** global informations ***/ +#addons-page .global-info-container { + background-color: #9C9CFF; +} + /* Plugins aren't yet disabled by safemode (bug 342333), so don't show that warning when viewing plugins. */ #addons-page[warning="safemode"] .view-pane[type="plugin"] .global-warning-container, @@ -174,6 +170,7 @@ border: 1px inset #CCD0DD; border-radius: 8px; background-color: #CCD0DD; + background-clip: padding-box; } .alert .alert-title { @@ -182,7 +179,7 @@ margin-bottom: 15px; } -.alert .addon-control { +.alert button { margin: 1em 2em; } @@ -217,6 +214,8 @@ } .category[disabled] { + border-top: 0; + border-bottom: 0; height: 0; opacity: 0; -moz-transition-property: height, opacity; @@ -272,19 +271,19 @@ #category-discover > .category-icon { list-style-image: url("chrome://mozapps/skin/extensions/category-discover.png"); } -#category-languages > .category-icon { +#category-locale > .category-icon { list-style-image: url("chrome://mozapps/skin/extensions/category-languages.png"); } -#category-searchengines > .category-icon { +#category-searchengine > .category-icon { list-style-image: url("chrome://mozapps/skin/extensions/category-searchengines.png"); } -#category-extensions > .category-icon { +#category-extension > .category-icon { list-style-image: url("chrome://mozapps/skin/extensions/category-extensions.png"); } -#category-themes > .category-icon { +#category-theme > .category-icon { list-style-image: url("chrome://mozapps/skin/extensions/category-themes.png"); } -#category-plugins > .category-icon { +#category-plugin > .category-icon { list-style-image: url("chrome://mozapps/skin/extensions/category-plugins.png"); } #category-availableUpdates > .category-icon { @@ -314,14 +313,13 @@ color: #808080; } -#header-search[focused="true"] { +#header-search[focused] { background-color: #FFFFFF; } #header-utils-btn { - min-width: 4.5em; list-style-image: url("chrome://mozapps/skin/extensions/utilities.png"); - -moz-margin-end: 18px; + -moz-margin-end: 16px; } .view-header { @@ -379,6 +377,40 @@ } +/*** 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"); + -moz-margin-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 { @@ -402,11 +434,9 @@ .icon-container { width: 48px; height: 48px; - margin: 22px 7px 7px 7px; -} - -.addon[active="false"] .icon { -/* filter: url("chrome://mozapps/skin/extensions/extensions.svg#greyscale"); */ + margin: 3px 7px; + -moz-box-align: center; + -moz-box-pack: center; } .icon { @@ -415,6 +445,10 @@ 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"); } @@ -432,6 +466,8 @@ font-weight: bold; color: #404040; margin-bottom: 0; + -moz-box-align: end; + -moz-box-flex: 1; } .creator { @@ -443,8 +479,8 @@ } .description-container { - margin-top: 8px; -moz-margin-start: 6px; + -moz-box-align: center; } .description { @@ -457,6 +493,44 @@ .info { -moz-margin-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 { @@ -679,6 +753,16 @@ max-height: 300px; } +#detail-screenshot[loading] { + background-image: url("chrome://communicator/skin/brand/throbber-anim.gif"); + background-position: 50% 50%; + background-repeat: no-repeat; +} + +#detail-screenshot[loading="error"] { + background-image: url("chrome://global/skin/icons/alert-error.gif"); +} + #detail-desc-container { margin-bottom: 2em; } @@ -727,19 +811,22 @@ margin-bottom: 2em; } +#detail-grid > columns > column:first-child { + max-width: 25em; +} + .detail-row[first-row="true"], -.detail-row-complex[first-row="true"] { +.detail-row-complex[first-row="true"], +setting[first-row="true"] { border-top: none; } .detail-row, -.detail-row-complex { +.detail-row-complex, +setting { border-top: 1px solid #808080; -moz-box-align: center; -} - -.detail-row-value { - -moz-margin-start: 0; + min-height: 30px; } #detail-controls { @@ -750,6 +837,29 @@ /* background-color: foo; */ } +setting[first-row="true"] { + margin-top: 2em; +} + +.preferences-description { + font-size: 90.9%; + color: #808080; + margin-top: -2px; + -moz-margin-start: 2em; +} + +setting[type="string"] > .setting-input > textbox { + -moz-box-flex: 1; +} + +setting[type="radio"] > radiogroup { + -moz-box-orient: horizontal; +} + +menulist { /* Fixes some styling inconsistencies */ + margin: 1px 5px 2px 5px; +} + /*** creator ***/ .creator > label { @@ -766,7 +876,6 @@ /*** rating ***/ .meta-rating { - -moz-margin-start: 0; -moz-margin-end: 0; padding-top: 2px; } @@ -896,7 +1005,7 @@ display: none; } -.button-link { +button.button-link { background: transparent; border: none; text-decoration: underline; @@ -905,3 +1014,7 @@ min-width: 0; margin: 0 6px; } + +/* Needed to override normal button style from inContent.css */ +button.button-link:not([disabled="true"]):active:hover { +}