X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fcustomizableui%2FpanelUIOverlay.css;h=1d39611842d59a6d849c2bab3b3f0161c247418a;hp=47670532ada4c1ccc0e5b6fae2f2934bffe781fa;hb=d1e87ec111b877e6c9a5311d7998ba4da9c156f7;hpb=3d64e0cebebe213f541634b9a0b2c6e7ba84fcfb diff --git a/LCARStrek/browser/customizableui/panelUIOverlay.css b/LCARStrek/browser/customizableui/panelUIOverlay.css index 47670532..1d396118 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; } @@ -116,6 +115,8 @@ panelmultiview[nosubviews=true] > .panel-viewcontainer > .panel-viewstack > .pan .panel-subview-header, .subviewbutton.panel-subview-footer { + box-sizing: border-box; +/* min-height: 41px; */ padding: 3px; } @@ -238,7 +239,7 @@ panelview:not([mainview]) .toolbarbutton-text, #PanelUI-contents { display: block; - flex: 1 0 auto; + flex: 1 0 main-size; margin-left: auto; margin-right: auto; max-width: 22.35em; @@ -477,8 +478,9 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { #PanelUI-customize, #PanelUI-quit { margin: 0; - padding: 10px 0; - min-height: 2em; + padding: 11px 0; + box-sizing: border-box; + min-height: 40px; box-shadow: none; border: none; border-radius: 0; @@ -860,18 +862,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, @@ -1053,8 +1060,177 @@ 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; +} + +#customizationui-widget-multiview[mainViewId="PanelUI-panicView"] > .panel-viewcontainer, +#customizationui-widget-multiview[mainViewId="PanelUI-panicView"] > .panel-viewcontainer > .panel-viewstack, +#customizationui-widget-multiview[mainViewId="PanelUI-panicView"] > .panel-viewcontainer > .panel-viewstack > .panel-mainview, +/* NB: currentsubview attribute is temporary as a safe workaround for a layout problem with this + * panel. Do not rely on it, it *will* go away again. */ +#PanelUI-multiView[currentsubview="PanelUI-panicView"] > .panel-viewcontainer > .panel-viewstack > .panel-subviews, +#PanelUI-panicView > .panel-subview-body, +#PanelUI-panicView { + overflow: visible; +} + +#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; @@ -1090,10 +1266,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; @@ -1133,6 +1305,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; } @@ -1145,10 +1321,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. */