X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fmozapps%2Fextensions%2Fextensions.css;h=c5ac80b557db276973ec017fe200f1de5d7fcd6a;hp=3add1ac8103c61b0552ecc2400a87794da8aa484;hb=38b75e2e0c3847fd3a7410d927995343cb72ef3f;hpb=6831f2a08a96b0ec398ba88793203d36392b4fd3 diff --git a/LCARStrek/mozapps/extensions/extensions.css b/LCARStrek/mozapps/extensions/extensions.css index 3add1ac8..c5ac80b5 100644 --- a/LCARStrek/mozapps/extensions/extensions.css +++ b/LCARStrek/mozapps/extensions/extensions.css @@ -77,8 +77,9 @@ -moz-image-region: rect(63px 50px 84px 25px); } + /*** global warnings ***/ - + .global-warning-container { overflow-x: hidden; } @@ -174,6 +175,7 @@ border: 1px solid #9C9CFF; border-radius: 8px; background-color: #000000; + background-clip: padding-box; } .alert .alert-title { @@ -206,7 +208,7 @@ .category { background-color: transparent; - color: #000000; + color: #FF9F00; min-height: 0; padding: 10px 4px; border-width: 1px; @@ -227,6 +229,8 @@ } .category[disabled] { + border-top: 0; + border-bottom: 0; height: 0; opacity: 0; -moz-transition-property: height, opacity; @@ -240,8 +244,8 @@ } .category[selected] { - color: FFCF00; - font-weight: bold; + background-color: #008484; + color: #FFCF00; border-color: #9C9CFF; } @@ -351,7 +355,8 @@ } .view-header { - background-color: #000000; + background-color: #9C9CFF; + color: #000000; border-radius: 8px; padding: 0px 1em; margin: 3px; @@ -409,6 +414,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 { @@ -423,10 +462,6 @@ background-origin: border-box; } -.addon[status="installing"] { - -moz-box-align: center; -} - .details { cursor: pointer; margin: 0; @@ -436,7 +471,9 @@ .icon-container { width: 48px; height: 48px; - margin: 22px 7px 7px 7px; + margin: 3px 7px; + -moz-box-align: center; + -moz-box-pack: center; } .icon { @@ -461,12 +498,12 @@ list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png"); } -.name-container, -.addon[status="installing"] .name { +.name-container { font-size: 150%; font-weight: bold; - color: #E7ADE7; + color: #9C9CFF; margin-bottom: 0; + -moz-box-align: end; } .creator { @@ -480,6 +517,7 @@ .description-container { margin-top: 8px; -moz-margin-start: 6px; + -moz-box-align: center; } .description { @@ -492,6 +530,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; +} + +.update-info-container { + -moz-box-align: center; +} + +.advancedinfo-container, +.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 { @@ -567,6 +643,10 @@ color: #000000; } +.addon-view[notification="warning"] .name-container { + color: #000000; +} + .addon-view[notification="error"] { background-color: #FF0000; color: #000000; @@ -587,6 +667,12 @@ background-color: #008484; } +.addon-view[pending="enable"] .pending, +.addon-view[pending="upgrade"] .pending, +.addon-view[pending="install"] .pending { + color: #000000; +} + .addon-view[pending="disable"], .addon-view[pending="uninstall"] { color: #8050B0; @@ -613,15 +699,19 @@ .addon[selected] { background-color: #008484; - color: #FFCF00; + color: #FF9F00; } .addon[selected] .name-container { - /* text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7); */ + color: #FFCF00; +} + +.addon[active="false"][selected] { + color: #E7ADE7; } .addon[active="false"][selected] .name-container { - /* color: #; */ + color: #E7ADE7; } @@ -671,10 +761,6 @@ opacity: 0; } -#detail-view:not([loading]) .alert-container { - visibility: collapse; -} - #detail-view[loading-extended] .loading { opacity: 1; -moz-transition-property: opacity; @@ -722,7 +808,7 @@ margin-bottom: 2em; } -#detail-desc { +#detail-desc, #detail-fulldesc { -moz-margin-start: 6px; white-space: pre-wrap; /* This is necessary to fix layout issues with multi-line descriptions, see @@ -731,6 +817,10 @@ min-width: 8em; } +#detail-fulldesc { + margin-top: 1em; +} + #detail-contributions { border-radius: 5px; border: 1px solid #9C9CFF; @@ -788,7 +878,6 @@ /*** creator ***/ .creator > label { - -moz-margin-start: 0; -moz-margin-end: 0; } @@ -865,7 +954,6 @@ border-radius: 0 3px 3px 0; } -.download-progress .pause, .download-progress .cancel { -moz-appearance: none; background-color: #8050B0; @@ -876,26 +964,19 @@ margin: 3px; } -.download-progress .pause .button-box, .download-progress .cancel .button-box { padding: 0; border: none; } -.download-progress .pause .button-text, .download-progress .cancel .button-text { display: none; } -.download-progress .pause .button-icon, .download-progress .cancel .button-icon { -moz-margin-start: 0; } -.download-progress .pause { - list-style-image: url('chrome://mozapps/skin/extensions/pause.png'); -} - .download-progress .cancel { list-style-image: url('chrome://mozapps/skin/extensions/cancel.png'); }