From 5d891ecfda73ab1622e30641bee56eb01b4d0ca7 Mon Sep 17 00:00:00 2001 From: Robert Kaiser Date: Thu, 23 Jul 2015 22:35:08 +0200 Subject: [PATCH] sync LCARStrek theme with toolkit windows theme changes in Mozilla 40 cycle --- .../preferences/in-content/preferences.css | 44 --- LCARStrek/global/icons/find.png | Bin 350 -> 0 bytes LCARStrek/global/icons/information-64.png | Bin 1221 -> 0 bytes LCARStrek/global/icons/question-48.png | Bin 1799 -> 0 bytes LCARStrek/global/icons/wrap.png | Bin 210 -> 0 bytes LCARStrek/global/in-content/common.css | 76 +++-- .../global/menu/shared-menu-check-active.svg | 7 + .../global/menu/shared-menu-check-black.svg | 7 + .../global/menu/shared-menu-check-hover.svg | 7 + LCARStrek/global/notification.css | 12 +- LCARStrek/mozapps/aboutServiceWorkers.css | 44 +++ LCARStrek/mozapps/extensions/extensions.css | 309 +++++++++--------- LCARStrek/mozapps/extensions/newaddon.css | 8 +- LCARStrek/mozapps/extensions/utilities.svg | 1 + .../formautofill/requestAutocomplete.css | 2 +- 15 files changed, 267 insertions(+), 250 deletions(-) delete mode 100644 LCARStrek/global/icons/find.png delete mode 100644 LCARStrek/global/icons/information-64.png delete mode 100644 LCARStrek/global/icons/question-48.png delete mode 100644 LCARStrek/global/icons/wrap.png create mode 100644 LCARStrek/global/menu/shared-menu-check-active.svg create mode 100644 LCARStrek/global/menu/shared-menu-check-black.svg create mode 100644 LCARStrek/global/menu/shared-menu-check-hover.svg create mode 100644 LCARStrek/mozapps/aboutServiceWorkers.css diff --git a/LCARStrek/browser/preferences/in-content/preferences.css b/LCARStrek/browser/preferences/in-content/preferences.css index 9e996f04..00d77fd9 100644 --- a/LCARStrek/browser/preferences/in-content/preferences.css +++ b/LCARStrek/browser/preferences/in-content/preferences.css @@ -46,51 +46,12 @@ treecol { #categories { max-height: 100vh; - - background-color: #A09090; - padding-top: 4em; - margin: 0; - border-radius: 1em 0 0 0; - border: none; } #categories > scrollbox { overflow-x: hidden !important; } -.category { - background-color: #000000; - color: #FFCF00; - -moz-border-end-width: 0; - -moz-padding-start: 15px; - -moz-padding-end: 21px; - min-height: 40px; - transition: background-color 150ms; -} - -.category:hover { - background-color: #FFCF00; - color: #000000; -} - -.category[selected] { - background-color: #008484; - color: #000000; -} - -#categories[keyboard-navigation="true"]:-moz-focusring > .category[current] { - border-top: 1px dotted #000000; - border-bottom: 1px dotted #000000; -} - -.category-name { - line-height: 22px; - font-size: 1.25rem; - padding-bottom: 2px; - -moz-padding-start: 9px; - margin: 0; -} - /** * We want the last category to always have non-0 getBoundingClientRect().bottom * so we can use the value to figure out the max-height of the list in @@ -101,11 +62,6 @@ treecol { visibility: collapse; } -.category-icon { - width: 24px; - height: 24px; -} - #category-general > .category-icon { list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#general"); } diff --git a/LCARStrek/global/icons/find.png b/LCARStrek/global/icons/find.png deleted file mode 100644 index a0788b13b2b2668ab14d244ec4685e62e97e3cc2..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 350 zcmeAS@N?(olHy`uVBq!ia0vp^20*O9!VDyr{d%Skq!^2X+?^QKos)S9w8$i4~Z(<}HM{_b=sjnVSD%B-}-j6Kb{qBL9~NcG!2F#-O7_6yaf z4ognyStK)YTwAHE7{ka?EutK{A)hIuE81aE+gXL{oZHmTPCZ(hep~rZ{UnZl?!`ys zIu>lTFpxfEy}PMHOY`}rh7txjr*kmL*j`-*c8~x7 diff --git a/LCARStrek/global/icons/information-64.png b/LCARStrek/global/icons/information-64.png deleted file mode 100644 index faadfe1bd6ed4591a8675b498e6ac2446a12d1bb..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1221 zcmV;$1UmbPP)rHhQ-1G43(B0$0_0mNU0}KnMSb-Rf&>HfQ6(< z=_gRB2T%(CN+|^+azPnUwvfO=KQyez!Do=N0LxC&VE8V47!<<+<#!XW7|VGCH1*Era~Z}NIZ5Zz)3&BTMG zgM`aK4fqVWl<-k);0SPlZb*<*F?0zbG?Bk7iPi(8Yw}vj`0*V{+6jo!0PN*u@!@|J zATaB9fK@5L957`lWLvjD->l8`NG}^#3;O9|95F?UbljJL$4|JpmYr~2lMj-!-Bwylup(jQ7 zaTpQA2;}dXt{^kO1D*~ef*8{F-{_e6h1m_RPj50)`;$)Z3McPx^5$fTz2k?vobV)V zIEWz<-o30b|MAq{+@D`!rnalR-*gt)KG@`4>za<7@H9yDrcVFI) zBp(!EYkx;qt?&o%J*$*L4IL&BauA7Ol_Bi*$o{6Ovz`j$E`q1DGHrA z9Zz$8deg|*1k6becO<7|0i^XU`Npqw{oGA|^vcNC1e7F)Rlrhh$dqENUr(`laS;&9 zrxY>!E4r-j?TJU1Mv1hh6&-P3Km>Wb0j_ z>D*%1e#F-Pj*coY3KdmoR}__D+4Op4@Av_G#}6XbGDg=~Pp06v_q1wwWIeKWf}9#^Xe+_rw;YV`nt7rHBW>&~-d|H@l; z-joyCz;0NxKh5pTLWBhbCMK=Yh(o+he2eSIGGeEzUeI zJjN(Qn$=(-FcDxPz(jzF0J)~$a{^B#K#Tt0&+RcL-j*C&0|Lk$Q~$sBqcIlXNOH9O zUE-hv{O${9j0NzUEZnFh=+SRW8CP_}xh^b#p9eZ)NWK$}{{aC)dB7e+0qk)6s~j-S zdEiX^M-@V@$|@HeEfx7Q0))cgaEt^vRM|hy0S)X3~xfqfS1ux|rHHLyXy?Wl@D|k<{^Ls+RpB+GwaSH^E6h-h0N&ec;(!grfE$1_0I%d#3m5`E z1hPO*Yc&~F5EVfK7H}%i4BQ8t56l7115T;%+Bnb;OaXnsi$DfAthMrHO#}X&>FqTN z=mahX9tRcz9kRo<3=c>FM`WJwfZw%NrWS3e8h3pT&;>jPTq(QXh>-!l1Rekev{qAL zU$nyPzI?U|@b`dg8wehm>sp!nIazCF?YcBjLYofYVPF&BFuTJAUICugTBWMdNrlir z8}I~hmw1|!F>=6bz++mgk(w#wqfML8X46RokF2#x=+t&1I;kqOc@(%Otg#!wR?|4v z1d3pPgbIns-S_nz*7P~7Rnzhm(JuCmd^W#WTGEiO`w;pRx-#=;Fd7p4Uo;jIqmP$eP&NpG|9xzENb1(!j`Yt z`Fk%`bydU!%NxK?)hMKZvw>HEHDR`Aexi@7y4KQ~7z9s=Na2pqKaX9_j^Ey9%54kt z#&+OtU|->|n=xXafiwX+Z6!ZPIOH&w=MLqTuGHzqn-4<5<>oSun9={^!hb zGPquIHN&x3RKg4f8ZgEaR5WcJq z9a=Dwxrig_i;DfR0y_Z7bPg_E{H(aza>=q@OD%zYQfTy=)+%fH+~>N2iwY}*WBqs8 zRxo&DpfkCR3r~Bt9K3=b4m`-T+gghTim*Dq4XibzB8;(j&3~8fuJwV>_oZ%Q?_W=& zYENvfg3=ofdM0S|pliWqx|gpHTz+V59lQT{9TO44tRyGK!0Ge0a>W^UlpC!DqnQ=7a8%0WIvHL;8#mXF?s>Hu zv29KILM(&9BIhM)HG+QfO^?qC)F~~qSE`Nrg;*_>y0bXBW4~15c2oj?LZ9FhLIK^t zOThB5#omaa!mq%+z!zF8bD{=E#e6`(BX!6fqRRc`JB(%)fE$^6zpS;R8u(CN*{2By zSP5K4zN^?yz8z#o@a{(93kMjMd3OUpX|3EaoyvOJta0FWU_EdN`QET85ybPAyqJmR zit~@0Jf8yg0`CBC6q?@+Z?l#N;fMw{O0DvG^4)nOg{Pd@ieG@N2stVDha@yO3cLjj zYpvW`z(+gS{}aR}U)4@Zt>%9D9`sX#KHvplS^~2^@;^Cn8yv9Irje5S9YU+XGp^9< p3NzP98DW~yv+?f#CQPG2{|j&hj4AQ5!ukLJ002ovPDHLkV1gtnP%Z!f diff --git a/LCARStrek/global/icons/wrap.png b/LCARStrek/global/icons/wrap.png deleted file mode 100644 index de4f35fe18bd94e4c814eecf82ea07c786884190..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 210 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!93?!50ihlx9jKx9jP7LeL$-D$|cmjMvT!C~$ zz=k<<{{KJEP~w!w4N_DRl?vlcGq7 diff --git a/LCARStrek/global/in-content/common.css b/LCARStrek/global/in-content/common.css index a7fda135..d16a367b 100644 --- a/LCARStrek/global/in-content/common.css +++ b/LCARStrek/global/in-content/common.css @@ -45,10 +45,6 @@ xul|caption > xul|label { margin-bottom: 0; } -xul|description { - -moz-margin-start: 0; -} - *|*.main-content { padding-top: 40px; -moz-padding-end: 48px; /* orig is 44px to compensate the 4px margin of child elements */ @@ -72,7 +68,8 @@ xul|groupbox { font-size: 1.25rem; } -xul|groupbox xul|label { +xul|groupbox xul|label, +xul|groupbox xul|description { / !important needed to override toolkit !important rule / -moz-margin-start: 0 !important; -moz-margin-end: 0 !important; @@ -337,20 +334,30 @@ xul|button[type="menu"] > xul|menupopup xul|menuitem { -moz-padding-end: 30px; } -xul|menulist > xul|menupopup > xul|menu[_moz-menuactive="true"], -xul|menulist > xul|menupopup > xul|menuitem[_moz-menuactive="true"], -xul|button[type="menu"] > xul|menupopup > xul|menu[_moz-menuactive="true"], -xul|button[type="menu"] > xul|menupopup > xul|menuitem[_moz-menuactive="true"] { +xul|menulist > xul|menupopup > xul|menu:not([disabled="true"])[_moz-menuactive="true"], +xul|menulist > xul|menupopup > xul|menuitem:not([disabled="true"])[_moz-menuactive="true"], +xul|button[type="menu"] > xul|menupopup > xul|menu:not([disabled="true"])[_moz-menuactive="true"], +xul|button[type="menu"] > xul|menupopup > xul|menuitem:not([disabled="true"])[_moz-menuactive="true"] { color: #333; background-color: rgba(0,149,221,0.25); } -xul|menulist > xul|menupopup > xul|menu[selected="true"], -xul|menulist > xul|menupopup > xul|menuitem[selected="true"], -xul|button[type="menu"] > xul|menupopup > xul|menu[selected="true"], -xul|button[type="menu"] > xul|menupopup > xul|menuitem[selected="true"] { +xul|menulist > xul|menupopup > xul|menu:not([disabled="true"])[selected="true"], +xul|menulist > xul|menupopup > xul|menuitem:not([disabled="true"])[selected="true"], +xul|button[type="menu"] > xul|menupopup > xul|menu:not([disabled="true"])[selected="true"], +xul|button[type="menu"] > xul|menupopup > xul|menuitem:not([disabled="true"])[selected="true"] { color: #fff; - background-color: #0095DD; + background-color: #0095dd; +} + +xul|menulist > xul|menupopup > xul|menu[disabled="true"], +xul|menulist > xul|menupopup > xul|menuitem[disabled="true"], +xul|button[type="menu"] > xul|menupopup > xul|menu[disabled="true"], +xul|button[type="menu"] > xul|menupopup > xul|menuitem[disabled="true"] { + color: #999; + / override the [_moz-menuactive="true"] background color from + global/menu.css / + background-color: transparent; } xul|menulist > xul|menupopup xul|menuseparator, @@ -395,11 +402,14 @@ xul|textbox[disabled="true"] { html|a, .text-link, .inline-link { -/* line-height: 22px;*/ color: #3333FF; text-decoration: none; } +html|a:visited { + color: #6000CF; +} + html|a:hover, .text-link:hover, .inline-link:hover { @@ -525,18 +535,18 @@ xul|*.radio-label-box { } */ /* Category List */ -/* + xul|*#categories { - -moz-appearance: none; - background-color: #424f5a; - padding-top: 39px; + background-color: #A09090; + padding-top: 4em; margin: 0; - border-width: 0; + border-radius: 1em 0 0 0; + border: none; } xul|*.category { - -moz-appearance: none; - color: #c1c1c1; + background-color: #000000; + color: #FFCF00; -moz-border-end-width: 0; -moz-padding-start: 15px; -moz-padding-end: 21px; @@ -545,37 +555,34 @@ xul|*.category { } xul|*.category:hover { - background-color: #5e6972; + background-color: #FFCF00; + color: #000000; } xul|*.category[selected] { - background-color: #343f48; - color: #f2f2f2; - -moz-padding-start: 11px; / compensate the 4px border / - -moz-border-start: solid 4px #ff9500; + background-color: #008484; + color: #000000; } xul|*#categories[keyboard-navigation="true"]:-moz-focusring > xul|*.category[current] { - border-top: 1px #ffffff dotted; - border-bottom: 1px #ffffff dotted; + border-top: 1px dotted #000000; + border-bottom: 1px dotted #000000; } -*/ + *|*.category-name { -/* line-height: 22px; font-size: 1.25rem; padding-bottom: 2px; -moz-padding-start: 9px; margin: 0; -*/ -moz-user-select: none; } -/* + *|*.category-icon { width: 24px; height: 24px; } -*/ + /* header */ *|*.header { @@ -768,7 +775,6 @@ xul|*.checkbox-icon { -moz-margin-end: 0; } */ -html|a:-moz-focusring, .text-link:-moz-focusring, .inline-link:-moz-focusring { /* Don't specify the outline-color, we should always use initial value. */ diff --git a/LCARStrek/global/menu/shared-menu-check-active.svg b/LCARStrek/global/menu/shared-menu-check-active.svg new file mode 100644 index 00000000..8f70efd3 --- /dev/null +++ b/LCARStrek/global/menu/shared-menu-check-active.svg @@ -0,0 +1,7 @@ + + + + + diff --git a/LCARStrek/global/menu/shared-menu-check-black.svg b/LCARStrek/global/menu/shared-menu-check-black.svg new file mode 100644 index 00000000..6577d9cf --- /dev/null +++ b/LCARStrek/global/menu/shared-menu-check-black.svg @@ -0,0 +1,7 @@ + + + + + diff --git a/LCARStrek/global/menu/shared-menu-check-hover.svg b/LCARStrek/global/menu/shared-menu-check-hover.svg new file mode 100644 index 00000000..8ee769cf --- /dev/null +++ b/LCARStrek/global/menu/shared-menu-check-hover.svg @@ -0,0 +1,7 @@ + + + + + diff --git a/LCARStrek/global/notification.css b/LCARStrek/global/notification.css index 97aed0e3..46da844f 100644 --- a/LCARStrek/global/notification.css +++ b/LCARStrek/global/notification.css @@ -63,16 +63,16 @@ notification[type="critical"] { /* Popup notification */ -.popup-notification-description { - max-width: 24em; +.popup-notification-body { + max-width: 25em; } -.popup-notification-originHost:not([value]), +.popup-notification-origin:not([value]), .popup-notification-learnmore-link:not([href]) { display: none; } -.popup-notification-originHost { +.popup-notification-origin { margin-bottom: .3em !important; } @@ -92,3 +92,7 @@ notification[type="critical"] { .popup-notification-closeitem { list-style-image: url("chrome://global/skin/icons/close-button.gif"); } + +.popup-notification-menubutton > .button-menubutton-button[disabled] { + opacity: 0.5; +} diff --git a/LCARStrek/mozapps/aboutServiceWorkers.css b/LCARStrek/mozapps/aboutServiceWorkers.css new file mode 100644 index 00000000..7e900386 --- /dev/null +++ b/LCARStrek/mozapps/aboutServiceWorkers.css @@ -0,0 +1,44 @@ +/* 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/. */ + +body { + min-width: 330px; + max-width: 100%; + min-height: 330px; + max-height: 100%; +} + +.warningBackground { + display: none; + background: #000000; + width:100%; + height:100%; + z-index:10; + top:0; + left:0; + position:fixed; +} + +.warningMessage { + color: #FFCF00; + position: relative; + min-width: 330px; + max-width: 50em; + margin: 4em auto; + border: 1px solid #9C9CFF; + border-radius: 10px; + padding: 3em; + -moz-padding-start: 30px; + background: #000000; + margin-left: auto; + text-align: center; +} + +.active { + display: block; +} + +.inactive { + display: none; +} diff --git a/LCARStrek/mozapps/extensions/extensions.css b/LCARStrek/mozapps/extensions/extensions.css index 60488483..0599cb83 100644 --- a/LCARStrek/mozapps/extensions/extensions.css +++ b/LCARStrek/mozapps/extensions/extensions.css @@ -2,42 +2,29 @@ * 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/inContentUI.css"); +@import url("chrome://global/skin/in-content/common.css"); #addons-page { padding: 3px; margin: 0; } -.nav-button { - list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png"); -} - -#forward-btn { - -moz-border-start: none; -} - -#back-btn:-moz-locale-dir(ltr), -#forward-btn:-moz-locale-dir(rtl) { - -moz-image-region: rect(42px 25px 63px 0px); +.main-content { + padding: 0; } -#back-btn[disabled="true"]:-moz-locale-dir(ltr), -#forward-btn[disabled="true"]:-moz-locale-dir(rtl) { - -moz-image-region: rect(42px 50px 63px 25px); +#nav-header { + min-height: 39px; } -#back-btn:-moz-locale-dir(rtl), -#forward-btn:-moz-locale-dir(ltr) { - -moz-image-region: rect(63px 25px 84px 0px); +.view-pane > .list > scrollbox { + border-radius: 1em 0 0 0; } -#back-btn[disabled="true"]:-moz-locale-dir(rtl), -#forward-btn[disabled="true"]:-moz-locale-dir(ltr) { - -moz-image-region: rect(63px 50px 84px 25px); +#search-list > scrollbox { + border-radius: 0; } - /*** global warnings ***/ .global-warning-container { @@ -73,11 +60,6 @@ } /*** global informations ***/ -#addons-page .global-info-container { - background-color: #9C9CFF; - border-top-right-radius: 5px; - border-top-left-radius: 5px; -} /* Plugins aren't yet disabled by safemode (bug 342333), so don't show that warning when viewing plugins. */ @@ -90,41 +72,38 @@ /*** notification icons ***/ -.warning-icon { - list-style-image: url("chrome://global/skin/icons/warning-16.png"); +.warning-icon, +.error-icon, +.pending-icon, +.info-icon { width: 16px; height: 16px; margin: 1px 0; } +.warning-icon { + list-style-image: url("chrome://global/skin/icons/warning-16.png"); +} + .error-icon { list-style-image: url("chrome://global/skin/icons/error-16.png"); - width: 16px; - height: 16px; - margin: 1px 0; } .pending-icon, .info-icon { list-style-image: url("chrome://global/skin/icons/information-16.png"); - width: 16px; - height: 16px; - 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; + -moz-margin-end: 48px; } .alert-spacer-before { @@ -165,51 +144,22 @@ /*** category selector ***/ #categories { - background-color: #A09090; - position: relative; - padding-top: 31px; - margin: 0px; - border: none; -} - -.category { - background-color: #000000; - color: #FFCF00; - min-height: 0; - padding: 10px 4px; - -moz-box-align: center; - overflow: hidden; -} - -.category:not([disabled]):hover { - background-color: #FFCF00; - color: #000000; + padding-top: 0;/*31px;*/ } .category[disabled] { - border-top: 0; - border-bottom: 0; - height: 0; + min-height: 0; opacity: 0; - transition-property: height, opacity; + transition-property: min-height, opacity; transition-duration: 1s, 0.8s; } .category:not([disabled]) { - height: 52px; - transition-property: height, opacity; + min-height: 40px; + transition-property: min-height, opacity; transition-duration: 1s, 0.8s; } -.category[selected] { - background-color: #008484; - color: #FFCF00; -} - -.category-name { - font-size: 150%; -} - /* Maximize the size of the viewport when the window is small */ @media (max-width: 800px) { .category-name { @@ -221,20 +171,15 @@ background-color: #E7ADE7; padding: 2px 8px; margin: 6px 0; - border-radius: 10000px; + -moz-margin-start: 6px; + border-radius: 100%; color: #000000; font-weight: bold; text-align: center; } .category-badge[value="0"] { - visibility: hidden; -} - -.category-icon { - width: 32px; - height: 32px; - -moz-margin-start: 6px; + display: none; } #category-search > .category-icon { @@ -277,15 +222,17 @@ /*** main content ***/ #addons-page > hbox { - /* This applied both to the header and the box surrounding the main content. */ + /* This applies to the box surrounding all content. */ background-color: #A09090; + border-radius: 1em 0 0 0; } .main-content { - background-color: #000000; border: none; - border-top: 3px solid #000000; - -moz-border-start: 3px solid #000000; +} + +#view-port { + background-color: #000000; border-radius: 1em 0 0 0; } @@ -294,23 +241,7 @@ #header { height: 2em; padding: 3px; - border-radius: 1em 0 0 0; -} - -#header-search { - color: #E7ADE7; - border: 1px solid #9C9CFF; - border-radius: 4px; - background-color: #000000; - margin: 0; -} - -#header-search .textbox-input::-moz-placeholder { - color: #8050B0; -} - -#header-search[focused] { - border-color: #008484; + background-color: #A09090; } @media (max-width: 600px) { @@ -340,32 +271,70 @@ } .view-header { + margin: 0; + -moz-margin-end: 48px; background-color: #9C9CFF; color: #000000; border-radius: 8px; padding: 0px 1em; margin: 3px; - min-height: 31px; } +.header-button { +} + +.header-button[disabled="true"] > .toolbarbutton-icon { +} + +.header-button:not([disabled="true"]):hover, +#header-utils-btn:not([disabled="true"]):hover { + cursor: pointer; +} + +.header-button > .toolbarbutton-text { + display: none; +} + +.nav-button { + list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png"); +} + +#forward-btn { + -moz-border-start: none; +} + +#back-btn:-moz-locale-dir(ltr), +#forward-btn:-moz-locale-dir(rtl) { + -moz-image-region: rect(42px 25px 63px 0px); +} + +#back-btn[disabled="true"]:-moz-locale-dir(ltr), +#forward-btn[disabled="true"]:-moz-locale-dir(rtl) { + -moz-image-region: rect(42px 50px 63px 25px); +} + +#back-btn:-moz-locale-dir(rtl), +#forward-btn:-moz-locale-dir(ltr) { + -moz-image-region: rect(63px 25px 84px 0px); +} + +#back-btn[disabled="true"]:-moz-locale-dir(rtl), +#forward-btn[disabled="true"]:-moz-locale-dir(ltr) { + -moz-image-region: rect(63px 50px 84px 25px); +} /*** sorters ***/ .sort-controls { - -moz-appearance: none; border-right: 3px solid #000000; } .sorter { - -moz-appearance: none; border: none; border-left: 3px solid #000000; background-color: transparent; - color: #8050B0; + color: #000000; border-radius: 0; - padding: 0 6px; - -moz-padding-start: 6px; - -moz-padding-end: 3px; margin: 0; min-width: 12px !important; -moz-box-direction: reverse; @@ -395,7 +364,7 @@ } .sorter .button-icon { - -moz-margin-start: 4px; + -moz-margin-start: 6px; } @@ -432,12 +401,15 @@ text-align: justify; } +#discover-browser { + border-radius: 1em 0px 0px; +} /*** list ***/ .list { margin: 0; - border: none; + border-color: transparent; background-color: transparent; } @@ -447,6 +419,10 @@ background-origin: border-box; } +.addon:not(:only-child):last-child { + border-bottom-width: 0; +} + .details { cursor: pointer; margin: 0; @@ -467,6 +443,10 @@ max-height: 48px; } +.content-inner-container { + -moz-margin-end: 5px; +} + .addon[active="false"] .icon { filter: grayscale(1); } @@ -504,10 +484,6 @@ font-weight: bold; } -.creator .text-link { - /* color: #0066CC; */ -} - .description-container { -moz-margin-start: 6px; -moz-box-align: center; @@ -535,7 +511,6 @@ -moz-box-align: stretch; } -.advancedinfo-container, .update-info-container { -moz-box-align: center; } @@ -618,16 +593,6 @@ list-style-image: url("chrome://global/skin/arrow/arrow-up.gif"); } -.addon[active="false"] { - background-color: #8050B0; - color: #E7ADE7; -} - -.addon-view[active="false"] .name-container { - color: #E7ADE7; - color: #000000; -} - .addon-view[notification="warning"] { background-color : #FFCF00; color: #000000; @@ -641,6 +606,10 @@ color: #000000; } +.addon-view[notification="warning"] .text-link:hover { + color: #000000; +} + .addon-view[notification="error"] { background-color: #FF0000; color: #000000; @@ -700,6 +669,16 @@ color: #FFCF00; } +.addon[active="false"] { + background-color: #8050B0; + color: #E7ADE7; +} + +.addon-view[active="false"] .name-container { + color: #E7ADE7; + color: #000000; +} + .addon[active="false"][selected] { color: #E7ADE7; } @@ -723,25 +702,7 @@ #search-filter-label { font-weight: bold; color: #FFCF00; -} - -.search-filter-radio { - padding: 0 6px; - margin: 0 3px; - border-radius: 10000px; -} - -.search-filter-radio[selected] { - background-color: #008484; - color: #000000; -} - -.search-filter-radio .radio-check-box1 { - display: none; -} - -.search-filter-radio .radio-icon { - display: none; + -moz-margin-end: 10px; } #search-allresults-link { @@ -796,8 +757,14 @@ font-size: 200%; } -#detail-screenshot { +#detail-screenshot-box { -moz-margin-end: 2em; + padding: 10px; +/* background-color: white;*/ +} + + +#detail-screenshot { max-width: 300px; max-height: 300px; } @@ -876,17 +843,15 @@ setting[first-row="true"] { setting { border-top: 1px solid #9C9CFF; -moz-box-align: center; - min-height: 30px; + min-height: 35px; + font-size: 1.25rem; + line-height: 20px; } #detail-controls { margin-bottom: 1em; } -#detail-view[active="false"]:not([pending]):not([notification]) { - /* background-color: foo; */ -} - setting[first-row="true"] { margin-top: 2em; } @@ -916,10 +881,6 @@ setting[type="radio"] > radiogroup { -moz-box-orient: horizontal; } -menulist { /* Fixes some styling inconsistencies */ - margin: 1px 5px 2px 5px; -} - /*** creator ***/ .creator > label { @@ -953,15 +914,15 @@ menulist { /* Fixes some styling inconsistencies */ .download-progress { background-color: #000000; - border-radius: 10000px; + border-radius: 2px; border: 1px solid #FF9F00; width: 200px; - height: 21px; - margin: 0 8px; + height: 30px; + margin: 2px 4px; } -.download-progress[mode="undetermined"] .status-container { - padding: 0 2px; +.download-progress[mode="undetermined"] { + border-color: #A09090; } .download-progress .start-cap, @@ -990,12 +951,12 @@ menulist { /* Fixes some styling inconsistencies */ .download-progress .start-cap:-moz-locale-dir(ltr), .download-progress .end-cap:-moz-locale-dir(rtl) { - border-radius: 3px 0 0 3px; + border-radius: 1px 0 0 1px; } .download-progress .end-cap:-moz-locale-dir(ltr), .download-progress .start-cap:-moz-locale-dir(rtl) { - border-radius: 0 3px 3px 0; + border-radius: 0 1px 1px 0; } .download-progress .cancel { @@ -1003,8 +964,9 @@ menulist { /* Fixes some styling inconsistencies */ background-color: #8050B0; border: 1px solid #9C9CFF; padding: 3px; - border-radius: 3px; min-width: 0; + width: 20px; + height: 20px; margin: 3px; } @@ -1110,3 +1072,24 @@ button.button-link:not([disabled="true"]):active:hover { #detail-view[active="true"] #detail-experiment-bullet { fill: #FFCF00; } + +/*** info UI for add-ons that have been disabled for being unsigned ***/ + +#show-disabled-unsigned-extensions:not(:hover) { + background-color: #FF0000; +} + +#disabled-unsigned-addons-info { + margin-bottom: 2em; + -moz-margin-end: 48px; +} + +#disabled-unsigned-addons-heading { + font-size: 1.4em; + font-weight: bold; + margin-bottom: .5em; +} + +#signing-dev-info { + font-style: italic; +} diff --git a/LCARStrek/mozapps/extensions/newaddon.css b/LCARStrek/mozapps/extensions/newaddon.css index 9957808a..abe8e7e7 100644 --- a/LCARStrek/mozapps/extensions/newaddon.css +++ b/LCARStrek/mozapps/extensions/newaddon.css @@ -2,10 +2,10 @@ * 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/inContentUI.css"); +@import url("chrome://global/skin/in-content/common.css"); #addon-page { - padding: 0; + font-size: 1.1em; } #addon-scrollbox { @@ -24,7 +24,7 @@ #addon-container { overflow: visible; /* bug 761489 */ - max-width: 600px; + max-width: 800px; margin: 20px; padding: 30px 90px; } @@ -35,6 +35,7 @@ } #icon { + margin-top: 8px; -moz-margin-end: 10px; max-width: 64px; max-height: 64px; @@ -78,6 +79,7 @@ list-style-image: url("chrome://global/skin/icons/alert-exclam.gif"); width: 16px; height: 15px; + margin-top: 5px; -moz-margin-end: 5px; } diff --git a/LCARStrek/mozapps/extensions/utilities.svg b/LCARStrek/mozapps/extensions/utilities.svg index e6f3f610..250f4c3c 100644 --- a/LCARStrek/mozapps/extensions/utilities.svg +++ b/LCARStrek/mozapps/extensions/utilities.svg @@ -24,5 +24,6 @@ + diff --git a/LCARStrek/mozapps/formautofill/requestAutocomplete.css b/LCARStrek/mozapps/formautofill/requestAutocomplete.css index 0480ce3c..7ddd77c6 100644 --- a/LCARStrek/mozapps/formautofill/requestAutocomplete.css +++ b/LCARStrek/mozapps/formautofill/requestAutocomplete.css @@ -2,7 +2,7 @@ * 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/inContentUI.css"); +@import url("chrome://global/skin/in-content/common.css"); :root { height: 100%; -- 2.43.0