X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fcustomizableui%2FpanelUIOverlay.css;h=e0625fce23bf787fb6d296da6ad7c1d6fcdf1634;hp=6d6f09b4fde4870035a34d148fb8fbb4f7959676;hb=b3bf08b110943f4abc9642b613f0dcb078c22b0b;hpb=2b5a514788884f7527ad59c3381c75a71d4dbeea diff --git a/LCARStrek/browser/customizableui/panelUIOverlay.css b/LCARStrek/browser/customizableui/panelUIOverlay.css index 6d6f09b4..e0625fce 100644 --- a/LCARStrek/browser/customizableui/panelUIOverlay.css +++ b/LCARStrek/browser/customizableui/panelUIOverlay.css @@ -83,7 +83,6 @@ .panel-subviews { padding: 4px; - background-color: #000000; -moz-margin-start: 38px; } @@ -125,6 +124,7 @@ panelmultiview[nosubviews=true] > .panel-viewcontainer > .panel-viewstack > .pan margin: 0 0 4px; background-color: #A09090; color: #000000; + font-variant: small-caps; border-radius: 4px; } @@ -360,6 +360,7 @@ toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"] > iframe { #PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-contents-scroller > #PanelUI-contents > .panel-wide-item, #PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-contents-scroller > #PanelUI-contents > .toolbarbutton-1:not([panel-multiview-anchor="true"]), #PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-fxa-status, +#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-update-status, #PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-footer-inner > toolbarseparator, #PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-footer-inner > #PanelUI-customize, #PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-footer-inner > #PanelUI-help:not([panel-multiview-anchor="true"]) { @@ -474,6 +475,7 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { /* margin: 0;*/ } +#PanelUI-update-status, #PanelUI-help, #PanelUI-fxa-status, #PanelUI-customize, @@ -489,12 +491,14 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { -moz-box-orient: horizontal; } +#PanelUI-update-status, #PanelUI-fxa-status { border-top: 1px solid #9C9CFF; border-bottom: 1px solid transparent; margin-bottom: -1px; } +#PanelUI-update-status > .toolbarbutton-text, #PanelUI-fxa-status > .toolbarbutton-text { width: 0; /* Fancy cropping solution for flexbox. */ } @@ -508,6 +512,7 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { min-width: 44px; } +#PanelUI-update-status > .toolbarbutton-text, #PanelUI-fxa-status > .toolbarbutton-text, #PanelUI-customize > .toolbarbutton-text { margin: 0; @@ -520,6 +525,9 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { display: none; } +#PanelUI-update-status > .toolbarbutton-icon, +#PanelUI-fxa-status > .toolbarbutton-icon, +#PanelUI-customize > .toolbarbutton-icon, #PanelUI-help > .toolbarbutton-icon, #PanelUI-quit > .toolbarbutton-icon { -moz-margin-end: 0; @@ -531,11 +539,21 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { -moz-border-start-style: none; } +#PanelUI-update-status { + width: calc(22.35em + 30px); + -moz-padding-start: 15px; + -moz-border-start-style: none; +} + +#PanelUI-update-status { + list-style-image: url(chrome://branding/content/icon16.png); +} + #PanelUI-fxa-status { list-style-image: url("chrome://browser/skin/syncFx-horizontalbar.png"); } -#PanelUI-fxa-status[status="active"] { +#PanelUI-fxa-status[syncstatus="active"] { list-style-image: url("chrome://browser/skin/syncFxProgress-horizontalbar.png"); } @@ -593,6 +611,32 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { #PanelUI-fxa-status:not([disabled]):hover:active { } +#PanelUI-update-status[update-status="succeeded"] { + background-color: #008484; + color: #000000; +} + +#PanelUI-update-status[update-status="succeeded"]:not([disabled]):hover { + background-color: #FFCF00; +} + +#PanelUI-update-status[update-status="succeeded"]:not([disabled]):hover:active { + background-color: #FF9F00; +} + +#PanelUI-update-status[update-status="failed"] { + background-color: #FF0000; + color: #000000; +} + +#PanelUI-update-status[update-status="failed"]:not([disabled]):hover { + background-color: #FFCF00; +} + +#PanelUI-update-status[update-status="failed"]:not([disabled]):hover:active { + background-color: #FF9F00; +} + #PanelUI-quit:not([disabled]):hover { background-color: #FF0000; } @@ -863,18 +907,23 @@ toolbarbutton[panel-multiview-anchor="true"] > .toolbarbutton-menubutton-button background-image: url("chrome://browser/skin/customizableui/subView-arrow-back-inverted.png"); background-repeat: no-repeat; background-color: #008484; - background-position: left 10px center, 0; /* this doesn't need to be changed for RTL */ + background-position: left 10px center, 0; +} + +#PanelUI-help[panel-multiview-anchor="true"]:-moz-locale-dir(rtl)::after { + background-image: url(chrome://browser/skin/customizableui/subView-arrow-back-inverted-rtl.png); + background-position: right 10px center, 0; } toolbarbutton[panel-multiview-anchor="true"] { background-image: url("chrome://browser/skin/customizableui/subView-arrow-back-inverted.png"); - background-position: right 5px center; + background-position: right calc((22.35em / 3 - 0.1px) / 2 - 38px + 2px) center; background-repeat: no-repeat; } toolbarbutton[panel-multiview-anchor="true"]:-moz-locale-dir(rtl) { background-image: url("chrome://browser/skin/customizableui/subView-arrow-back-inverted-rtl.png"); - background-position: left 5px center; + background-position: left calc((22.35em / 3 - 0.1px) / 2 - 38px + 2px) center; } toolbarpaletteitem[place="palette"] > .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker, @@ -1056,8 +1105,166 @@ menuitem[checked="true"].subviewbutton > .menu-iconic-left { visibility: hidden; } +.panel-mainview[panelid=customizationui-widget-panel], +#customizationui-widget-multiview > .panel-viewcontainer, +#customizationui-widget-multiview > .panel-viewcontainer > .panel-viewstack, +#PanelUI-panicView > .panel-subview-body, +#PanelUI-panicView { + overflow: visible; + color: #FF9F00; +} + +#PanelUI-panicView.cui-widget-panelview { + min-width: 280px; +} + +#PanelUI-panic-timeframe { + padding: 15px; + border-bottom: 1px solid #A09090; +} + +#panic-button-success-icon, +#PanelUI-panic-timeframe-icon, +#PanelUI-panic-timeframe-icon-small { + background-color: transparent; + -moz-margin-end: 10px; +} + +#panic-button-success-icon, +#PanelUI-panic-timeframe-icon { + list-style-image: url(chrome://browser/skin/panic-panel/header.png); + max-height: 48px; + width: 48px; +} + +#PanelUI-panic-timeframe-icon-small { + list-style-image: url(chrome://browser/skin/panic-panel/header-small.png); + max-height: 32px; + width: 32px; +} + +/* current attribute is only set when in use as a subview instead of a main view */ +#PanelUI-panicView[current] #PanelUI-panic-timeframe-icon { + display: none; +} + +#PanelUI-panicView.cui-widget-panelview #PanelUI-panic-timeframe-icon-small { + display: none; +} + +#panic-button-success-header, +#PanelUI-panic-header { + -moz-box-align: center; + margin-bottom: 5px; +} + +#PanelUI-panicView.cui-widget-panelview #PanelUI-panic-header { + margin-bottom: 0; +} + +#PanelUI-panic-timeframe-icon-small:-moz-locale-dir(rtl), +#PanelUI-panic-timeframe-icon:-moz-locale-dir(rtl) { + transform: scaleX(-1); +} + +/* +.subviewradio { +} + +.subviewradio@buttonStateHover@ { +} + +.subviewradio[selected], +.subviewradio[selected]:hover, +.subviewradio@buttonStateActive@ { +} + +.subviewradio > .radio-check { +} + +.subviewradio > .radio-check[selected] { +} +*/ + +#PanelUI-panic-explanations { + padding: 10px 10px 0; +} + +#PanelUI-panic-actionlist-main-label { + color: #A09090; + font-size: 0.9em; +} + +.PanelUI-panic-actionlist { + -moz-padding-start: 20px; + padding-top: 2px; + padding-bottom: 2px; + background-size: 16px 16px; + background-repeat: no-repeat; + background-color: transparent; + background-position: center left; +} + +.PanelUI-panic-actionlist:-moz-locale-dir(rtl) { + background-position: center right; +} + +#PanelUI-panic-actionlist-cookies { + background-image: -moz-image-rect(url(chrome://browser/skin/panic-panel/icons.png), 0, 16, 16, 0); +} + +#PanelUI-panic-actionlist-history { + background-image: -moz-image-rect(url(chrome://browser/skin/panic-panel/icons.png), 0, 32, 16, 16); +} + +#PanelUI-panic-actionlist-windows { + background-image: -moz-image-rect(url(chrome://browser/skin/panic-panel/icons.png), 0, 48, 16, 32); +} + +#PanelUI-panic-actionlist-newwindow { + background-image: -moz-image-rect(url(chrome://browser/skin/panic-panel/icons.png), 0, 64, 16, 48); +} + +#PanelUI-panic-warning { + color: #FF0000; + text-align: center; + width: 100%; + margin-top: 20px; +} + +#PanelUI-panic-view-button { + background-color: #FF0000; + color: #000000; +} + +#PanelUI-panic-view-button:hover { + background-color: #FFCF00; +} + +#PanelUI-panic-view-button:hover:active { + background-color: #FF9F00; +} + +#PanelUI-panic-view-button > .toolbarbutton-text { + text-align: center; + text-shadow: none; +} + +#panic-button-success-closebutton { +} + +#panic-button-success-closebutton:hover { +} + +#panic-button-success-closebutton:hover:active { +} + /* === END panelUIOverlay.inc.css === */ +.panel-subviews { + background-color: #000000; +} + #PanelUI-contents #zoom-out-btn { padding-left: 12px; padding-right: 12px; @@ -1078,8 +1285,8 @@ menuitem[checked="true"].subviewbutton > .menu-iconic-left { #BMB_bookmarksPopup menupopup[placespopup=true] > hbox { /* emulating chrome://browser/content/places/menu.xml#places-popup-arrow but without the arrow */ -/* background: #FFF; - border: 1px solid rgba(0,0,0,0.25); +/* background: var(--panel-arrowcontent-background); + border: var(--panel-arrowcontent-border); border-radius: 3.5px; margin-top: -4px;*/ } @@ -1093,10 +1300,6 @@ menuitem[checked="true"].subviewbutton > .menu-iconic-left { /* padding-top: 4px;*/ } -#BMB_bookmarksPopup .menu-text { -/* color: #000;*/ -} - /* bookmark panel separator */ #BMB_bookmarksPopup menuseparator { padding-top: 0; @@ -1136,6 +1339,10 @@ menuitem[type="checkbox"].subviewbutton { height: 18px; } +menu.subviewbutton > .menu-right:-moz-locale-dir(rtl) { +/* transform: scaleX(-1); */ +} + .widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { padding: 0 6px; } @@ -1148,10 +1355,6 @@ menuitem[type="checkbox"].subviewbutton { -moz-padding-start: 0; } -.subviewbutton.bookmark-item > .toolbarbutton-icon { - -moz-margin-start: 3px; -} - /* subviewbutton entries for social sidebars have images that come from external /* sources, and are not guaranteed to be the size we want, so force the size on /* those icons. */