From 72a6fd3905676b14c504bf0532ebd52906c82a4c Mon Sep 17 00:00:00 2001 From: Robert Kaiser Date: Mon, 6 Dec 2010 00:36:15 +0100 Subject: [PATCH] update both themes for toolkit winstrip changes up to 2010-12-03 --- .../global/icons/information-tabmodal-64.png | Bin 0 -> 1176 bytes .../global/icons/question-tabmodal-64.png | Bin 0 -> 1590 bytes EarlyBlue/global/icons/webconsole.png | Bin 0 -> 1000 bytes EarlyBlue/global/tabprompts.css | 29 ++ EarlyBlue/global/webConsole.css | 55 ++- EarlyBlue/mozapps/extensions/extensions.css | 401 +++++++++++------ .../global/icons/information-tabmodal-64.png | Bin 0 -> 1129 bytes .../global/icons/question-tabmodal-64.png | Bin 0 -> 1440 bytes LCARStrek/global/icons/webconsole.png | Bin 0 -> 1000 bytes LCARStrek/global/tabprompts.css | 30 ++ LCARStrek/global/webConsole.css | 58 ++- LCARStrek/mozapps/extensions/extensions.css | 412 ++++++++++++------ 12 files changed, 675 insertions(+), 310 deletions(-) create mode 100644 EarlyBlue/global/icons/information-tabmodal-64.png create mode 100644 EarlyBlue/global/icons/question-tabmodal-64.png create mode 100644 EarlyBlue/global/icons/webconsole.png create mode 100644 EarlyBlue/global/tabprompts.css create mode 100644 LCARStrek/global/icons/information-tabmodal-64.png create mode 100644 LCARStrek/global/icons/question-tabmodal-64.png create mode 100644 LCARStrek/global/icons/webconsole.png create mode 100644 LCARStrek/global/tabprompts.css diff --git a/EarlyBlue/global/icons/information-tabmodal-64.png b/EarlyBlue/global/icons/information-tabmodal-64.png new file mode 100644 index 0000000000000000000000000000000000000000..8f8a2eea2abd12ff7f7669c95bedb5473a53952e GIT binary patch literal 1176 zcmV;J1ZVq+P)Px#24YJ`L;z+0W&oKgxTW9#000SaNLh0L01FcU01FcV0GgZ_00007bV*G`2ign; z7Y!Lj^XsAj00bCGL_t(|+U=V`Xd6cqhQCdOA*l&SL?VeH$Oh4qdy&9RLkfZ9kU%aD zfdqUsyS?~oUwy0XYcAE`V-AH-(?h5aHWXT@YmhIoFU25%id|}%4LCx?uB`1r)8Yul zJFA_M<+Xm$#XNcDeR}ie&Fov~tFH?!s~dyZcK#kP28;q3U*No_dO55w(~cEDPR&vYMyHaSOi`Q;r!K80Bk!y z0L%i@z-7Zxdkic9vqCsWXAVGy`aE#E%lWGe%!FMUR!HZ+1DrEX}G4ggb+^AH~`zu=YSv1Ammk+#8V-hf-wNn`JW7Ac%3`N;~)^MfMNf$j$i)a z!!O9?Mo6bq939o!-E}Dxima@>)fEZ%RhL67z(0N!*7-zY5Zivh@Nnw?zYPq;NT*Yz z(4_I&M1r9E8*(MctxPs$N6ZelSCv3e?mQfUt%R!!xC@gSApBNH=l-70f) zKbkIu3F4F0Cj9RKzYtA*-Fng5E&|3(jUJ0#A|4+k7Hhw`)a%E*dsn4iZU83D=UHE!I9w*_EXO&f#C zr~nu;H-6J=%L1#F0A43|G(k0_vJEDPt`aH$u0|NZ)s8MiqO5iRY7zFgrUJl?FaTEt zz)pk#?5F_Pjxd026#$zN2C%6DU_HVB)_noU(^55p&R5&D++zg|M$XMY}8CpUpy*x6jUGC(?= zq|xxGRzH07dH?J%6~``TPzef8DXh1S2h`h=;$w4PJ|0000Px#24YJ`L;z+0W&oKgxTW9#000SaNLh0L01FcU01FcV0GgZ_00007bV*G`2ign; z7Y!$blJ*Gz00p*5L_t(|+U=WNOcYlX$A7aQAm5_9g(6Z>F$TJ7)o5!%8>}{grY|`CTj?wvXJ|G(#+bMBopke0N}X%Uj4L=-*Mz(&9YQ~-;B1wbwk27*98 z@C3LIbOARc$=x<<2@plkPGB2QD+ARd0pJpFL6Y3x&UgYu(epNN2si*Z4IZl>XaY`1 zlKa_=B0v;989*a&6tJ3XwISd*&?rgnv6K@aoBG#4S(5#i4>*?S(hw2^{|(?yu_O0L zlKWs%2@plkQs4~m!3>FJUZ7r*+>cBrKomXef$vga@@kgE=aS^UWf}o8_=_fZcq1c4 zofZ-Vjb{JD44nCBmQbU1IoLG3_)H?;Gcs(fTvmX9h-1E z^Aldwfxrl7&$iLg(WA#7R48SPmN+kH)C0b_cs>mc9~%N5AUAg&4GmjZvu24Nf6%DZ z!4hX=dxM}b3nHZ~4N9?O>($7~-N8Kb$m zjX+@Jjr*0ArEJ~03X3K7s?5&Lq@W<1{{DcLAz5WCUuq@bfOd~>WzU}KnC;RPAV%)W43p6Jc0>fvT!f#Xfy~f9Z~e;7Y|7P7q-8=6B6j<5Cj_E0PU9 zJ3E8jyQ^8YtSDxm;o&iwo3Clj0pendM!=$Ef-fp6;NZbeC@Cpa?04?m&$PEcN>tq< zH3Te3-pprm_;4)_N4}!hKYjWqZr*%ggvteK!eDl?z#lpCsUmoQix)fadVe=et=8S3 zX%27y{u;{49E$xqJ0H{9+HUGtqAh_S`oHC=-YvRZWeOXnaV}rJ&6O*^7_B;}hJb#v z3D~eRHeo1n_rNshZvLNXTGc3UA%%`}xa2f%EFxhT`G{tIA(sqK$f+VAN0v7~d zJdbf>ioAAukw|39^=7*P;!#sWsLJKal@?wjMl~@J#_u2E*|ULZm)}2RR1V-(TRW(w zMyMVGilhbx0<^STS4@NqSoihXVvbX7$jaM zYXfg-eQ?efODB|g%ZhiUXi4~hU5S8Cn1CsHLIsnxgrOt=56QYJjQEWv{mYD5(=;c4 ono=NR#{M>!mb9cLEpuA_2E!=q(@@R`_y7O^07*qoM6N<$f~bSvWB>pF literal 0 HcmV?d00001 diff --git a/EarlyBlue/global/icons/webconsole.png b/EarlyBlue/global/icons/webconsole.png new file mode 100644 index 0000000000000000000000000000000000000000..48fdc9ba4f10f93f4a071f3917e16d8dc02f09d2 GIT binary patch literal 1000 zcmV>P)@q-Taz^DV1s&3@tLQm_s%Cv@xg~L_ayXtpT3ib9OrR_jy$AVcPweRN>!yu zX)vC1td0F72D0;THx7Weo@HecRAWcpA z2*zg|pTGt|5Q{Y6GA2;r2G(^0WAJq@9=d_h;J9PD5Q>UP)hzJ10S=rtU;_6UN3r_@ z>N?~60CTynn~)So6SytB6o(YNAvP0u3XU4E9wp1z_y#DSi;VzZEeamMdxi}gTI3VE zpJ~J9g)b}hm0E@v1>^}MLHR{LDs3B(MqueW&3+*-si|Z2@;1y`Tf4mLf~4~fem=Nf z?{C%l@F!Ym-wa?5YsG`B3oL!QNxh8XHC1C9Q0uXnvHRn}o79QoT9Jc;G&QyT_1@Po z@tioG0DkfEQD`l32ZSbPx&!cw=j_3T3+bqs6dzM0JZ``QK5-p6irt5Nr(7q_$H!p! zv+qeg6}%V+4qk{&0-l0v*^a|s|4KHo!C9wJ+Wk~)82ChN^1uW5%IDjjv|$qsOv&<0 z8#WL8&bRyWV&|s6adp>{Vx(LR60QqS+WomcDxm?X2H;k%lkCssB?V*nb~Vge8#dRv zAnCl()qy*D?^TC2CmPll1~7-U!olMUoGqnZMz9vwm(qHT2E+e;oz#=TOL5@frPyG23a(`hJ^FH3vWX4OI)&2i)7Y??N3qETAA>hmdg6w~ zYg4j3%ZAMd-`Ob--z@fr?>1UejFhVZc3p(h?$7g42@Qxf1#aUy&Hh|oQZP%~NII|GZo7>}qY7UbDwWCr=CD>cI9%ZP_&D`4f;Fgd4WLgSsc~^};o(nxSWqjp z0S?mCRI}OiH4MzD;}~{xb2AoR!*@Vxa;7@~zj)4m$T3_A)1DU^1f#)gB(vB?Dw;I&$< zCv8}~HZ9AuY}j1z=jZ3;qobpKy .hud-divider { +.webconsole-clear-console-button > .toolbarbutton-icon { display: none; } +.webconsole-filter-button > .toolbarbutton-menubutton-button { + -moz-box-orient: horizontal; + list-style-image: url("chrome://global/skin/icons/webconsole.png"); +} + +/* Network button */ +.webconsole-filter-button[category="net"] { + -moz-image-region: rect(0, 40px, 10px, 30px); +} + +/* CSS button */ +.webconsole-filter-button[category="css"] { + -moz-image-region: rect(10px, 40px, 20px, 30px); +} + +/* JS button */ +.webconsole-filter-button[category="js"] { + -moz-image-region: rect(20px, 40px, 30px, 30px); +} + +/* Web Developer button */ +.webconsole-filter-button[category="webdev"] { + -moz-image-region: rect(30px, 40px, 40px, 30px); +} + +.webconsole-close-button { + border: none; + padding: 3px; + list-style-image: url("chrome://global/skin/icons/close.png"); + -moz-image-region: rect(0, 16px, 16px, 0); + -moz-appearance: none; +} + +.webconsole-close-button:hover { + -moz-image-region: rect(0, 32px, 16px, 16px); +} + +.webconsole-close-button:hover:active { + -moz-image-region: rect(0, 48px, 16px, 32px); +} + /* JSTerm Styles */ .jsterm-wrapper-node { @@ -168,13 +209,3 @@ padding: 1px 0px; -moz-box-align: center; } - -.jsterm-close-button { - background: none; - border: none; - list-style-image: url("chrome://global/skin/icons/close-button.gif"); - margin: 0px; - min-width: 0px; - padding: 1px 3px 1px 7px; - -moz-user-focus: ignore; -} diff --git a/EarlyBlue/mozapps/extensions/extensions.css b/EarlyBlue/mozapps/extensions/extensions.css index 3d65c987..3a93bc31 100644 --- a/EarlyBlue/mozapps/extensions/extensions.css +++ b/EarlyBlue/mozapps/extensions/extensions.css @@ -37,6 +37,7 @@ #addons-page { background-color: #CCD0DD; + color: #000000; margin: 20px; } @@ -50,7 +51,10 @@ .nav-button { list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png"); min-width: 0; - -moz-margin-end: 0; +} + +#forward-btn { + -moz-border-start: none; } #back-btn:-moz-locale-dir(ltr), @@ -75,6 +79,10 @@ /*** global warnings ***/ +.global-warning-container { + overflow-x: hidden; +} + .global-warning { -moz-box-align: center; padding: 0 8px; @@ -91,6 +99,18 @@ border-bottom: 1px solid #9999CC; } +@media all and (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 { @@ -115,6 +135,55 @@ margin: 3px 0; } +.addon-view[pending="disable"] .pending-icon, +.addon-view[pending="uninstall"] .pending-icon { + list-style-image: url("chrome://global/skin/icons/warning-16.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: #FF9F00; + border: 1px solid #9C9CFF; + border-radius: 8px; + background-color: #000000; +} + +.alert .alert-title { + font-weight: bold; + font-size: 200%; + margin-bottom: 15px; +} + +.alert .addon-control { + margin: 1em 2em; +} + +.loading { + list-style-image: url("chrome://global/skin/icons/loading.gif"); + padding-left: 20px; + padding-right: 20px; +} + + /*** category selector ***/ #categories { @@ -123,21 +192,23 @@ -moz-margin-end: -1px; background-color: transparent; position: relative; + margin-top: 31px; } .category { + background-color: transparent; + color: #FF9F00; + min-height: 0; + padding: 10px 4px; border-width: 1px; - -moz-border-end-width: 0; border-style: solid; border-color: transparent; - padding: 10px 4px; -moz-box-align: center; overflow: hidden; - min-height: 0px; } .category[disabled] { - height: 0px; + height: 0; opacity: 0; -moz-transition-property: height, opacity; -moz-transition-duration: 1s, 0.8s; @@ -152,6 +223,7 @@ .category[selected] { background-color: #FFFFFF; color: #000000; + font-weight: bold; border-color: #666699; } @@ -159,10 +231,17 @@ font-size: 150%; } +/* Maximize the size of the viewport when the window is small */ +@media all and (max-width: 800px) { + .category-name { + display: none; + } +} + .category-badge { background-color: #666699; padding: 2px 8px; - margin: 6px 0px; + margin: 6px 0; border: 1px outset #666699; color: #FFFFFF; font-weight: bold; @@ -211,47 +290,37 @@ /*** header ***/ #header { - margin-bottom: 20px; + margin-bottom: 18px; height: 2em; } -#header-name, #header-link { - color: #FFFFFF; -} - -#header-name { - font-size: 180%; -} - -#header-link { - -moz-appearance: none; - border: none; - background: transparent; - font-size: 120%; - cursor: pointer; - list-style-image: url("chrome://mozapps/skin/extensions/go-back.png"); +#header-search { + color: #000000; + border: 1px inset #CCD0DD; + padding: 3px; + background-color: #CCD0DD; + margin: 0; } -#header-link .button-icon { - -moz-margin-end: 6px; +#header-search .textbox-input:-moz-placeholder { + color: #808080; } -#header-searching { - list-style-image: url("chrome://global/skin/icons/loading.gif"); +#header-search[focused="true"] { + background-color: #FFFFFF; } #header-utils-btn { min-width: 4.5em; list-style-image: url("chrome://mozapps/skin/extensions/utilities.png"); -} - -#header-utils-btn:-moz-focusring > .button-box { - border: none; + -moz-margin-end: 18px; } .view-header { + background-color: #9999CC; padding: 4px; - margin: 0px; + margin: 0; + min-height: 31px; border-bottom: 1px solid #666699; } @@ -266,12 +335,18 @@ -moz-appearance: none; border: none; background-color: transparent; - padding: 0px 6px; - margin: 0px 6px; + color: #000000; + 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: #666699; @@ -290,21 +365,10 @@ } -/*** empty list notification ***/ - -.empty-list-notice { - -moz-box-align: center; -} - -.empty-list-notice > button { - margin: 20px; -} - - /*** list ***/ .list { - margin: 0px; + margin: 0; border: none; background-color: transparent; } @@ -312,6 +376,7 @@ .addon { border-bottom: 1px solid #9999CC; padding: 5px; + background-origin: border-box; } .addon[status="installing"] { @@ -327,7 +392,11 @@ .icon-container { width: 48px; height: 48px; - margin: 7px; + margin: 22px 7px 7px 7px; +} + +.addon[active="false"] .icon { +/* filter: url("chrome://mozapps/skin/extensions/extensions.svg#greyscale"); */ } .icon { @@ -348,9 +417,20 @@ list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png"); } -.name-container { +.name-container, +.addon[status="installing"] .name { font-size: 150%; - margin-bottom: 0px; + font-weight: bold; + color: #404040; + margin-bottom: 0; +} + +.creator { + font-weight: bold; +} + +.creator .text-link { + /* color: #0066CC; */ } .description-container { @@ -362,22 +442,78 @@ margin: 0; } -.warning, .pending, .error, .info { +.warning, +.pending, +.error, +.info { -moz-margin-start: 48px; + font-weight: bold; } -.addon-view:not([selected]) .warning { +.addon-view .warning { color: #808000; } -.addon-view:not([selected]) .error { +.addon-view .error { color: #FF0000; } -.addon-view:not([selected]) .pending { +.addon-view .pending { color: #33FF33; } +.addon-view[pending="disable"] .pending, +.addon-view[pending="uninstall"] .pending { + color: #000000; +} + +.addon .relnotes-container { + -moz-box-align: start; + -moz-margin-start: 6px; + height: 0; + overflow: hidden; + opacity: 0; + -moz-transition-property: height, opacity; + -moz-transition-duration: 0.5s, 0.5s; +} + +.addon[show-relnotes] .relnotes-container { + opacity: 1; + -moz-transition-property: height, opacity; + -moz-transition-duration: 0.5s, 0.5s; +} + +.addon .relnotes-header { + font-weight: bold; + margin: 10px 0; +} + +.addon .relnotes-toggle { + border: none; + background: transparent; + font-weight: bold; + -moz-box-direction: reverse; + cursor: pointer; + list-style-image: url("chrome://global/skin/arrow/arrow-down.gif"); +} + +.addon .relnotes-toggle > .button-box > .button-icon { + -moz-padding-start: 4px; +} + +.addon[show-relnotes] .relnotes-toggle { + list-style-image: url("chrome://global/skin/arrow/arrow-up.gif"); +} + +.addon[active="false"] { + /* background-color: rgba(135, 135, 135, 0.1); */ +} + +.addon-view[active="false"], +.addon-view[active="false"] .name-container { + color: #666699; +} + .addon-view[notification="warning"] { background-color : #FFFFCC; } @@ -411,42 +547,19 @@ richlistbox:focus > .addon-view[notification="warning"][selected="true"] { background-color: #808080; } -.addon .relnotes-container { - -moz-box-align: start; - height: 0px; - overflow: hidden; - opacity: 0; - -moz-transition-property: height, opacity; - -moz-transition-duration: 0.5s, 0.5s; -} - -.addon[show-relnotes] .relnotes-container { - opacity: 1; - -moz-transition-property: height, opacity; - -moz-transition-duration: 0.5s, 0.5s; -} - -.addon .relnotes-header { - font-weight: bold; - margin: 10px 0px; +.addon[selected] { + background-color: #336699; + color: #000000; } -.addon .relnotes-toggle { - border: none; - background: transparent; - font-weight: bold; - -moz-box-direction: reverse; - cursor: pointer; - list-style-image: url("chrome://global/skin/arrow/arrow-down.gif"); +.addon[selected] .name-container { + /* text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7); */ } -.addon .relnotes-toggle > .button-box > .button-icon { - -moz-padding-start: 4px; +.addon[active="false"][selected] .name-container { + color: #222233; } -.addon[show-relnotes] .relnotes-toggle { - list-style-image: url("chrome://global/skin/arrow/arrow-up.gif"); -} /*** item - uninstalled ***/ @@ -474,6 +587,8 @@ richlistbox:focus > .addon-view[notification="warning"][selected="true"] { -moz-box-align: center; background-color: #FFFFFF; font-size: 120%; + border-bottom: 1px solid #666699; + overflow-x: hidden; } #search-filter-label { @@ -483,8 +598,8 @@ richlistbox:focus > .addon-view[notification="warning"][selected="true"] { .search-filter-radio { -moz-appearance: none; - padding: 0px 6px; - margin: 0px 3px; + padding: 0 6px; + margin: 0 3px; border-radius: 10000px; } @@ -508,48 +623,41 @@ richlistbox:focus > .addon-view[notification="warning"][selected="true"] { /*** detail view ***/ -#detail-view[active="false"] .fade { - opacity: 0.5; -} - #detail-view .loading { opacity: 0; } -#detail-view:not([loading]) .loading { +#detail-view:not([loading]) .alert-container { visibility: collapse; } #detail-view[loading-extended] .loading { - -moz-box-align: center; - -moz-box-pack: center; opacity: 1; -moz-transition-property: opacity; -moz-transition-duration: 1s; } -#detail-view .loading > image { - list-style-image: url("chrome://global/skin/icons/loading.gif"); -} - .detail-view-container { - padding: 2em; + 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, -#detail-notifications .info { +#detail-notifications .error { -moz-margin-start: 0; } #detail-icon { -moz-margin-end: 10px; + margin-top: 6px; + max-width: 64px; + max-height: 64px; } #detail-summary { @@ -574,6 +682,7 @@ richlistbox:focus > .addon-view[notification="warning"][selected="true"] { /* This is necessary to fix layout issues with multi-line descriptions, see bug 592712*/ outline: solid transparent; + min-width: 8em; } #detail-contributions { @@ -581,23 +690,25 @@ richlistbox:focus > .addon-view[notification="warning"][selected="true"] { border: 1px solid #666699; margin-bottom: 2em; padding: 1em; - background: #FFFFCC; + background-color: #FFFFCC; } #detail-contrib-description { font-style: italic; margin-bottom: 1em; + color: #000000; } #detail-contrib-suggested { - color: grey; + color: #808080; + font-weight: bold; } -#detail-contrib-button { +#detail-contrib-btn { list-style-image: url("chrome://mozapps/skin/extensions/heart.png"); } -#detail-contrib-button .button-icon { +#detail-contrib-btn .button-icon { -moz-margin-end: 3px; } @@ -620,12 +731,19 @@ richlistbox:focus > .addon-view[notification="warning"][selected="true"] { -moz-margin-start: 0; } +#detail-controls { + margin-bottom: 1em; +} + +#detail-view[active="false"]:not([pending]):not([notification]) { + /* background-color: foo; */ +} /*** creator ***/ .creator > label { - -moz-margin-start: 0px; - -moz-margin-end: 0px; + -moz-margin-start: 0; + -moz-margin-end: 0; } .creator > .text-link { @@ -637,25 +755,18 @@ richlistbox:focus > .addon-view[notification="warning"][selected="true"] { /*** rating ***/ .meta-rating { - -moz-margin-start: 0px; - -moz-margin-end: 0px; - vertical-align: text-top; + -moz-margin-start: 0; + -moz-margin-end: 0; + padding-top: 2px; } -.meta-rating[showrating="average"] > .star { +.meta-rating > .star { list-style-image: url("chrome://mozapps/skin/extensions/rating-not-won.png"); - padding: 0px 1px; + padding: 0 1px; } -.meta-rating[showrating="user"] > .star { - list-style-image: url("chrome://mozapps/skin/extensions/rating-unrated.png"); - padding: 2px 3px; -} - -.meta-rating > .star[on="true"], -.meta-rating[showrating="user"] > .star[hover] { +.meta-rating > .star[on="true"] { list-style-image: url("chrome://mozapps/skin/extensions/rating-won.png"); - padding: 0px 1px; } @@ -665,8 +776,8 @@ richlistbox:focus > .addon-view[notification="warning"][selected="true"] { background-color: #CCD0DD; border: 1px solid #808080; width: 200px; - height: 24px; - margin: 0px 8px; + height: 21px; + margin: 0 8px; } .download-progress .start-cap, @@ -677,6 +788,9 @@ richlistbox:focus > .addon-view[notification="warning"][selected="true"] { .download-progress .progress { background-color: transparent; + padding: 0; + margin: 0; + border: none; } .download-progress .start-cap, .download-progress .end-cap { @@ -685,33 +799,38 @@ richlistbox:focus > .addon-view[notification="warning"][selected="true"] { .download-progress .start-cap:-moz-locale-dir(ltr), .download-progress .end-cap:-moz-locale-dir(rtl) { - border-radius: 10000px 0 0 10000px; + 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 10000px 10000px 0; + border-radius: 0 3px 3px 0; } -.download-progress .progress { +.download-progress .pause, +.download-progress .cancel { -moz-appearance: none; - padding: 0px; - margin: 0px; + background-color: #CCD0DD; + border: 1px solid #666699; + padding: 3px; + min-width: 0; + margin: 3px; +} + +.download-progress .pause .button-box, +.download-progress .cancel .button-box { + padding: 0; border: none; } -.download-progress .pause, .download-progress .cancel { - -moz-appearance: none; - background-color: #CCD0DD; - border-width: 1px 0px 0px 1px; - padding-right: 1px; - border-style: solid; - -moz-border-top-colors: #FFFFFF; - -moz-border-left-colors: #FFFFFF; - min-width: 16px; - width: 16px; - height: 16px; - margin: 3px; +.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 { @@ -726,6 +845,9 @@ richlistbox:focus > .addon-view[notification="warning"][selected="true"] { -moz-box-align: center; } +.download-progress .status { +/* text-shadow: #FFF 0 0 2px; */ +} /*** install status ***/ @@ -740,7 +862,12 @@ richlistbox:focus > .addon-view[notification="warning"][selected="true"] { -moz-box-align: center; } -#updates-installed, #updates-downloaded { +#updates-container .button-link { + font-weight: bold; +} + +#updates-installed, +#updates-downloaded { color: #00CC00; font-weight: bold; } diff --git a/LCARStrek/global/icons/information-tabmodal-64.png b/LCARStrek/global/icons/information-tabmodal-64.png new file mode 100644 index 0000000000000000000000000000000000000000..4602abf45a96fe3043115c509a66a0bf1e15b998 GIT binary patch literal 1129 zcmV-v1eW`WP)Px#24YJ`L;z+0W&oKgxTW9#000SaNLh0L01FcU01FcV0GgZ_00007bV*G`2ign; z7ZV;2)WLm*(IT(%;%hZ#!aWhYt4x& zDm((vh_g*v02^^G4hR)gx~p&l;Hx;>WCP%rIPUe3kb@j z{E1NRR8d-|@D9B@;`)ySV+~+4oznAv1wgU-Ie;qxfU1DanmTc@MqY0XUQ@4Uk-=h{NCq?pMzuouSt=VSLHVxLp;%|fXMH2O<;fwz(A{qa;5G&XN>Ki~WA%S5 zk}GO!o+>)V-2%9Y0f7>fpNRiw^~uPX!vWmIfItb#L)>(hGb%^MA9X%KAW)+6H>Iua z$%gA#5GYmo7_0LYz5}=b@CCpVfO`N78skS|ObVVK)l{CZ@BzRAz?osl62JwG@mLE4 z=Ac-k_!y;H-l06iZ;Q~2in+)q!JU}vM9jUhRiVss-H`|~rvOeww4Wu?{>)?OnHU=j z!c5HdM4A662!Kwa(*SrDk$!E-;#_i3Xl%ETlJk647eOWcb5vxn)m(-|XHjUZ%@t%( zW^BeVM>*;$U;T@Ymn3KDF?1P|5P5W#v>-4C{j(_FiS9NKmI+S)7YJH6=rZ8A5d9?! z9%+mTfJ*?s#n(^b^CgWj3C#i{+~8Opcce*;B|6&z3;@O=U6Wb5DBkO9dq{onbxmeyB}FYY2Q($P;Ye-91g~ozIa*1Q zI`0%@+xeWwE|kh^a+sT<$Dtx z@-{gS5DtH%qy>cGY?U>DFs#kehDXk@w#!@ma5yhac=+VuzcOQC!*E`jGO%HIugy84 v_Ap+Y42oO%lWJl500000NkvXXu0mjf=>72# literal 0 HcmV?d00001 diff --git a/LCARStrek/global/icons/question-tabmodal-64.png b/LCARStrek/global/icons/question-tabmodal-64.png new file mode 100644 index 0000000000000000000000000000000000000000..461e6e7a6e5e9f0959018573256c890428ce02c7 GIT binary patch literal 1440 zcmV;R1z-A!P)Px#24YJ`L;z+0W&oKgxTW9#000SaNLh0L01FcU01FcV0GgZ_00007bV*G`2ign; z7ZU*W*?heK00kgPL_t(|+U=W7h#W-}$A8s~I~#&%6c5S-F>_En*&-w&CQL$F z`t0i7HIoO;Fw-?%^?&t$uikrAE$C1t6DfS!ZEOhH)tE$wfcwBeecEIW%+zP=3K1=W zt^ytaFRD+Q%z!u5=aNEFD?=m(u7j=uj%9$Zkc;u+U+!k;&MhT(; z_=D>INo_LH=SbjWj1oix@TgA5DZO%}|Ix=2qy*6r{L!{&-IEQYSS5(2;Jcdjw#FyA z0xt{p0{5%uT?1TYY5o^*OyvB~wi1McVng69;9k`>*xSm2zFNMX18xeO;4gq9BIjJh z>Lh{hfMiQan>*F2`@oKQfO% zX8>#~Pd~Lpan+fBL>5ee&l`r^cLJwm!C{ZKb8Vd4YV4c9A%)4U07d;l&GIrIa3GPdyB_#N7Ch=vNGX|mQvH0eoXEO@Ox6k^yTr zdlK53y@+7I8t_i#x8GD~`-g`Q=>ZQqnw^edz@i4YY39h-$KsE{4e{yN}G;1);l^pwc?uxWRp>2Md| zzjlBJcva-Q-_|&?9Ri;LAE;E`YG1 zkFww=%YE6E{a<1N7C(@5B~Uv>Llyg1uc5l1ngPZHujg4uOJWAHpq!OAxUgp+D&}_v zcu5wVNx%fJ`eqhWM@uj;BLh+}E~LJhdF0Q-R0FF-WTNIu6@^yEZLDvY7!b6-wwok$ zUo*2*QM~upb`kjCea*~JN{ZTQ-USl8ubDYYNo|;dtOO;p5}?Q~sP9xjjVVY)t5HKG zl#2bi=JMWzHGnUV$Vfc5^gBN!r2?J(22+{?zlz*n39TNI^6iAcV{$4WY7`20c1+Gg z377vtNsAIz=cuef39EHj+OXuT)^T}@9j?v`6CO5s`M)w_VZ-XYG-Y7J>b*AS@Y<{K u;$)yl4`IOn>($u+h2TiUuE-VXK>h=wQZO0WSQ2ai0000>P)@q-Taz^DV1s&3@tLQm_s%Cv@xg~L_ayXtpT3ib9OrR_jy$AVcPweRN>!yu zX)vC1td0F72D0;THx7Weo@HecRAWcpA z2*zg|pTGt|5Q{Y6GA2;r2G(^0WAJq@9=d_h;J9PD5Q>UP)hzJ10S=rtU;_6UN3r_@ z>N?~60CTynn~)So6SytB6o(YNAvP0u3XU4E9wp1z_y#DSi;VzZEeamMdxi}gTI3VE zpJ~J9g)b}hm0E@v1>^}MLHR{LDs3B(MqueW&3+*-si|Z2@;1y`Tf4mLf~4~fem=Nf z?{C%l@F!Ym-wa?5YsG`B3oL!QNxh8XHC1C9Q0uXnvHRn}o79QoT9Jc;G&QyT_1@Po z@tioG0DkfEQD`l32ZSbPx&!cw=j_3T3+bqs6dzM0JZ``QK5-p6irt5Nr(7q_$H!p! zv+qeg6}%V+4qk{&0-l0v*^a|s|4KHo!C9wJ+Wk~)82ChN^1uW5%IDjjv|$qsOv&<0 z8#WL8&bRyWV&|s6adp>{Vx(LR60QqS+WomcDxm?X2H;k%lkCssB?V*nb~Vge8#dRv zAnCl()qy*D?^TC2CmPll1~7-U!olMUoGqnZMz9vwm(qHT2E+e;oz#=TOL5@frPyG23a(`hJ^FH3vWX4OI)&2i)7Y??N3qETAA>hmdg6w~ zYg4j3%ZAMd-`Ob--z@fr?>1UejFhVZc3p(h?$7g42@Qxf1#aUy&Hh|oQZP%~NII|GZo7>}qY7UbDwWCr=CD>cI9%ZP_&D`4f;Fgd4WLgSsc~^};o(nxSWqjp z0S?mCRI}OiH4MzD;}~{xb2AoR!*@Vxa;7@~zj)4m$T3_A)1DU^1f#)gB(vB?Dw;I&$< zCv8}~HZ9AuY}j1z=jZ3;qobpKy .hud-divider { +.webconsole-clear-console-button > .toolbarbutton-icon { display: none; } + -moz-box-orient: horizontal; + list-style-image: url("chrome://global/skin/icons/webconsole.png"); +} + +/* Network button */ +.webconsole-filter-button[category="net"] { + -moz-image-region: rect(0, 40px, 10px, 30px); +} + +/* CSS button */ +.webconsole-filter-button[category="css"] { + -moz-image-region: rect(10px, 40px, 20px, 30px); +} + +/* JS button */ +.webconsole-filter-button[category="js"] { + -moz-image-region: rect(20px, 40px, 30px, 30px); +} + +/* Web Developer button */ +.webconsole-filter-button[category="webdev"] { + -moz-image-region: rect(30px, 40px, 40px, 30px); +} + +.webconsole-close-button { + border: none; + padding: 3px; + list-style-image: url("chrome://global/skin/icons/close.png"); + -moz-image-region: rect(0, 16px, 16px, 0); + -moz-appearance: none; +} + +.webconsole-close-button:hover { + -moz-image-region: rect(0, 32px, 16px, 16px); +} + +.webconsole-close-button:hover:active { + -moz-image-region: rect(0, 48px, 16px, 32px); +} + /* JSTerm Styles */ .jsterm-wrapper-node { @@ -168,17 +208,3 @@ padding: 1px 0px; -moz-box-align: center; } - -.jsterm-close-button { - background: none; - border: none; - list-style-image: url("chrome://global/skin/icons/close-button.gif"); - margin: 0px; - min-width: 0px; - padding: 1px 3px 1px 7px; - -moz-user-focus: ignore; -} - -.jsterm-close-button:hover, .jsterm-close-button:active { - list-style-image: url("chrome://global/skin/icons/close-button-hover.gif"); -} diff --git a/LCARStrek/mozapps/extensions/extensions.css b/LCARStrek/mozapps/extensions/extensions.css index a71f19aa..f58806c9 100644 --- a/LCARStrek/mozapps/extensions/extensions.css +++ b/LCARStrek/mozapps/extensions/extensions.css @@ -37,6 +37,7 @@ #addons-page { background-color: #000000; + color: #FF9F00; margin: 20px; } @@ -50,7 +51,10 @@ .nav-button { list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png"); min-width: 0; - -moz-margin-end: 0; +} + +#forward-btn { + -moz-border-start: none; } #back-btn:-moz-locale-dir(ltr), @@ -75,6 +79,10 @@ /*** global warnings ***/ +.global-warning-container { + overflow-x: hidden; +} + .global-warning { -moz-box-align: center; padding: 0 8px; @@ -91,6 +99,18 @@ border-bottom: 3px solid #000000; } +@media all and (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 { @@ -115,6 +135,55 @@ margin: 1px 0; } +.addon-view[pending="disable"] .pending-icon, +.addon-view[pending="uninstall"] .pending-icon { + list-style-image: url("chrome://global/skin/icons/warning-16.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: #FF9F00; + border: 1px solid #9C9CFF; + border-radius: 8px; + background-color: #000000; +} + +.alert .alert-title { + font-weight: bold; + font-size: 200%; + margin-bottom: 15px; +} + +.alert .addon-control { + margin: 1em 2em; +} + +.loading { + list-style-image: url("chrome://global/skin/icons/loading.gif"); + padding-left: 20px; + padding-right: 20px; +} + + /*** category selector ***/ #categories { @@ -123,17 +192,19 @@ -moz-margin-end: -1px; background-color: transparent; position: relative; + margin-top: 31px; } .category { + background-color: transparent; + color: #000000; + min-height: 0; + padding: 10px 4px; border-width: 1px; - -moz-border-end-width: 0; border-style: solid; border-color: transparent; - padding: 10px 4px; -moz-box-align: center; overflow: hidden; - min-height: 0px; } .category:-moz-locale-dir(ltr) { @@ -147,7 +218,7 @@ } .category[disabled] { - height: 0px; + height: 0; opacity: 0; -moz-transition-property: height, opacity; -moz-transition-duration: 1s, 0.8s; @@ -161,6 +232,7 @@ .category[selected] { color: FFCF00; + font-weight: bold; border-color: #9C9CFF; } @@ -168,10 +240,17 @@ font-size: 150%; } +/* Maximize the size of the viewport when the window is small */ +@media all and (max-width: 800px) { + .category-name { + display: none; + } +} + .category-badge { background-color: #E7ADE7; padding: 2px 8px; - margin: 6px 0px; + margin: 6px 0; border-radius: 10000px; color: #000000; font-weight: bold; @@ -220,38 +299,31 @@ /*** header ***/ #header { - margin-bottom: 20px; + margin-bottom: 18px; height: 2em; } -#header-name, #header-link { - color: #000000; -} - -#header-name { - font-size: 180%; -} - -#header-link { - -moz-appearance: none; - border: none; - background: transparent; - font-size: 120%; - cursor: pointer; - list-style-image: url("chrome://mozapps/skin/extensions/go-back.png"); +#header-search { + color: #E7ADE7; + border: 1px solid #9C9CFF; + border-radius: 4px; + padding: 3px; + background-color: #000000; + margin: 0; } -#header-link .button-icon { - -moz-margin-end: 6px; +#header-search .textbox-input:-moz-placeholder { + color: #8050B0; } -#header-searching { - list-style-image: url("chrome://global/skin/icons/loading.gif"); +#header-search[focused="true"] { + border-color: #008484; } #header-utils-btn { min-width: 4.5em; list-style-image: url("chrome://mozapps/skin/extensions/utilities.png"); + -moz-margin-end: 18px; } #header-utils-btn:hover, @@ -260,10 +332,6 @@ list-style-image: url("chrome://mozapps/skin/extensions/utilities-hover.png"); } -#header-utils-btn:-moz-focusring > .button-box { - border: none; -} - #header-utils-btn > .button-box > .button-menu-dropmarker { border: none; background: transparent; @@ -274,9 +342,11 @@ } .view-header { + background-color: #000000; border-radius: 8px; padding: 0px 1em; margin: 3px; + min-height: 31px; } @@ -294,10 +364,10 @@ background-color: transparent; color: #8050B0; border-radius: 0; - padding: 0px 6px; + padding: 0 6px; -moz-padding-start: 6px; -moz-padding-end: 3px; - margin: 0px; + margin: 0; min-width: 12px !important; -moz-box-direction: reverse; } @@ -306,6 +376,11 @@ color: #000000; } +.sorter .button-box { + padding-top: 0; + padding-bottom: 0; +} + .sorter[checkState="1"], .sorter[checkState="2"] { background-color: #008484; @@ -325,21 +400,10 @@ } -/*** empty list notification ***/ - -.empty-list-notice { - -moz-box-align: center; -} - -.empty-list-notice > button { - margin: 20px; -} - - /*** list ***/ .list { - margin: 0px; + margin: 0; border: none; background-color: transparent; } @@ -347,6 +411,7 @@ .addon { border-bottom: 1px solid #9C9CFF; padding: 5px; + background-origin: border-box; } .addon[status="installing"] { @@ -362,7 +427,7 @@ .icon-container { width: 48px; height: 48px; - margin: 7px; + margin: 22px 7px 7px 7px; } .icon { @@ -371,6 +436,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"); } @@ -383,9 +452,20 @@ list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png"); } -.name-container { +.name-container, +.addon[status="installing"] .name { font-size: 150%; - margin-bottom: 0px; + font-weight: bold; + color: #E7ADE7; + margin-bottom: 0; +} + +.creator { + font-weight: bold; +} + +.creator .text-link { + /* color: #0066CC; */ } .description-container { @@ -397,65 +477,35 @@ margin: 0; } -.warning, .pending, .error, .info { +.warning, +.pending, +.error, +.info { -moz-margin-start: 48px; + font-weight: bold; } -.addon-view:not([selected]) .warning { +.addon-view .warning { color: #FFCF00; } -.addon-view:not([selected]) .error { +.addon-view .error { color: #FF0000; } -.addon-view:not([selected]) .pending { +.addon-view .pending { color: #008484; } -.addon-view[notification="warning"] { - background-color : #FFCF00; - color: #000000; -} - -.addon-view[notification="warning"] .warning { - color: #000000; -} - -.addon-view[notification="error"] { - background-color: #FF0000; - color: #000000; -} - -.addon-view[notification="error"] .error { - color: #000000; -} - -.addon-view[notification="info"] { - background-color: #9C9CFF; - color: #000000; -} - -.addon-view[pending="enable"], -.addon-view[pending="upgrade"], -.addon-view[pending="install"] { - 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; +.addon-view[pending="disable"] .pending, +.addon-view[pending="uninstall"] .pending { + color: #FF9C00; } .addon .relnotes-container { -moz-box-align: start; - height: 0px; + -moz-margin-start: 6px; + height: 0; overflow: hidden; opacity: 0; -moz-transition-property: height, opacity; @@ -470,7 +520,7 @@ .addon .relnotes-header { font-weight: bold; - margin: 10px 0px; + margin: 10px 0; } .addon .relnotes-toggle { @@ -490,6 +540,49 @@ list-style-image: url("chrome://global/skin/arrow/arrow-up.gif"); } +.addon[active="false"] { + /* background-color: rgba(135, 135, 135, 0.1); */ +} + +.addon-view[active="false"], +.addon-view[active="false"] .name-container { + color: #E7ADE7; +} + +.addon-view[notification="warning"] { + background-color : #FFCF00; + color: #000000; +} + +.addon-view[notification="warning"] .warning { + color: #000000; +} + +.addon-view[notification="error"] { + background-color: #FF0000; + color: #000000; +} + +.addon-view[notification="error"] .error { + color: #000000; +} + +.addon-view[notification="info"] { + background-color: #9C9CFF; + color: #000000; +} + +.addon-view[pending="enable"], +.addon-view[pending="upgrade"], +.addon-view[pending="install"] { + background-color: #008484; +} + +.addon-view[pending="disable"], +.addon-view[pending="uninstall"] { + color: #8050B0; +} + /*** item - uninstalled ***/ @@ -509,6 +602,19 @@ background-color: transparent; } +.addon[selected] { + background-color: #008484; + color: #FFCF00; +} + +.addon[selected] .name-container { + /* text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7); */ +} + +.addon[active="false"][selected] .name-container { + /* color: #; */ +} + /*** search view ***/ @@ -517,6 +623,8 @@ -moz-box-align: center; background-color: #000000; font-size: 120%; + border-bottom: 1px solid #9C9CFF; + overflow-x: hidden; } #search-filter-label { @@ -525,8 +633,8 @@ } .search-filter-radio { - padding: 0px 6px; - margin: 0px 3px; + padding: 0 6px; + margin: 0 3px; border-radius: 10000px; } @@ -550,48 +658,41 @@ /*** detail view ***/ -#detail-view[active="false"] .fade { - opacity: 0.5; -} - #detail-view .loading { opacity: 0; } -#detail-view:not([loading]) .loading { +#detail-view:not([loading]) .alert-container { visibility: collapse; } #detail-view[loading-extended] .loading { - -moz-box-align: center; - -moz-box-pack: center; opacity: 1; -moz-transition-property: opacity; -moz-transition-duration: 1s; } -#detail-view .loading > image { - list-style-image: url("chrome://global/skin/icons/loading.gif"); -} - .detail-view-container { - padding: 2em; + 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, -#detail-notifications .info { +#detail-notifications .error { -moz-margin-start: 0; } #detail-icon { -moz-margin-end: 10px; + margin-top: 6px; + max-width: 64px; + max-height: 64px; } #detail-summary { @@ -616,6 +717,7 @@ /* This is necessary to fix layout issues with multi-line descriptions, see bug 592712*/ outline: solid transparent; + min-width: 8em; } #detail-contributions { @@ -623,23 +725,25 @@ border: 1px solid #9C9CFF; margin-bottom: 2em; padding: 1em; - background: #FFCF00; + background-color: #FFCF00; } #detail-contrib-description { font-style: italic; margin-bottom: 1em; + color: #000000; } #detail-contrib-suggested { - color: grey; + color: #8050B0; + font-weight: bold; } -#detail-contrib-button { +#detail-contrib-btn { list-style-image: url("chrome://mozapps/skin/extensions/heart.png"); } -#detail-contrib-button .button-icon { +#detail-contrib-btn .button-icon { -moz-margin-end: 3px; } @@ -662,12 +766,19 @@ -moz-margin-start: 0; } +#detail-controls { + margin-bottom: 1em; +} + +#detail-view[active="false"]:not([pending]):not([notification]) { + /* background-color: foo; */ +} /*** creator ***/ .creator > label { - -moz-margin-start: 0px; - -moz-margin-end: 0px; + -moz-margin-start: 0; + -moz-margin-end: 0; } .creator > .text-link { @@ -679,25 +790,18 @@ /*** rating ***/ .meta-rating { - -moz-margin-start: 0px; - -moz-margin-end: 0px; - vertical-align: text-top; + -moz-margin-start: 0; + -moz-margin-end: 0; + padding-top: 2px; } -.meta-rating[showrating="average"] > .star { +.meta-rating > .star { list-style-image: url("chrome://mozapps/skin/extensions/rating-not-won.png"); - padding: 0px 1px; + padding: 0 1px; } -.meta-rating[showrating="user"] > .star { - list-style-image: url("chrome://mozapps/skin/extensions/rating-unrated.png"); - padding: 2px 3px; -} - -.meta-rating > .star[on="true"], -.meta-rating[showrating="user"] > .star[hover] { +.meta-rating > .star[on="true"] { list-style-image: url("chrome://mozapps/skin/extensions/rating-won.png"); - padding: 0px 1px; } @@ -708,8 +812,8 @@ border-radius: 10000px; border: 1px solid #FF9F00; width: 200px; - height: 24px; - margin: 0px 8px; + height: 21px; + margin: 0 8px; } .download-progress .start-cap, @@ -720,6 +824,9 @@ .download-progress .progress { background-color: transparent; + padding: 0; + margin: 0; + border: none; } .download-progress .start-cap, .download-progress .end-cap { @@ -728,32 +835,39 @@ .download-progress .start-cap:-moz-locale-dir(ltr), .download-progress .end-cap:-moz-locale-dir(rtl) { - border-radius: 10000px 0 0 10000px; + 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 10000px 10000px 0; + border-radius: 0 3px 3px 0; } -.download-progress .progress { +.download-progress .pause, +.download-progress .cancel { -moz-appearance: none; - padding: 0px; - margin: 0px; + background-color: #8050B0; + border: 1px solid #9C9CFF; + padding: 3px; + border-radius: 3px; + min-width: 0; + margin: 3px; +} + +.download-progress .pause .button-box, +.download-progress .cancel .button-box { + padding: 0; border: none; } -.download-progress .pause, .download-progress .cancel { - -moz-appearance: none; - background-color: #8050B0; - border-width: 1px 0px 0px 1px; - padding-right: 1px; - border-style: solid; - border-radius: 10000px; - min-width: 16px; - width: 16px; - height: 16px; - margin: 3px; +.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 { @@ -768,6 +882,9 @@ -moz-box-align: center; } +.download-progress .status { +/* text-shadow: #FFF 0 0 2px; */ +} /*** install status ***/ @@ -782,7 +899,12 @@ -moz-box-align: center; } -#updates-installed, #updates-downloaded { +#updates-container .button-link { + font-weight: bold; +} + +#updates-installed, +#updates-downloaded { color: #008484; font-weight: bold; } -- 2.43.0