X-Git-Url: https://git-public.kairo.at/?a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fbrowser.css;h=9d125a76b108071b757061f217f7d074fafa3050;hb=35170eec78b9a47c41f939680a5d59e10cbe7b62;hp=b40dde7588b710b8817f6d5dc9e19bc03e53b6b3;hpb=c1d2ce3eaa44d719906dbac174a64279a4094b47;p=themes.git diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index b40dde75..9d125a76 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -7,6 +7,7 @@ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @namespace html url("http://www.w3.org/1999/xhtml"); +@namespace svg url("http://www.w3.org/2000/svg"); toolbar { -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar"); @@ -61,8 +62,8 @@ menubar { /* margin-top: 3px;*/ } -#main-window[tabsintitlebar][sizemode="normal"][chromehidden~="menubar"] #toolbar-menubar ~ #TabsToolbar, -#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive] ~ #TabsToolbar { +#main-window[tabsintitlebar][sizemode="normal"]:not([inFullscreen])[chromehidden~="menubar"] #toolbar-menubar ~ #TabsToolbar, +#main-window[tabsintitlebar][sizemode="normal"]:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive] ~ #TabsToolbar { /* margin-top: 15px;*/ } @@ -126,13 +127,6 @@ menubar { visibility: visible; } -/* Make the menu inherit the toolbar's color. On non-compositor (Aero Basic, XP modern, classic) - * this is defined above, but only for tabsintitlebar. Otherwise (Aero Glass, Windows 8), - * this is hardcoded to black in browser-aero.css, even without tabsintitlebar. */ - #main-window[tabsintitlebar] #main-menubar > menu:not(:-moz-lwtheme) { -/* color: inherit; */ - } - #nav-bar { /* Position the toolbar above the bottom of background tabs */ position: relative; @@ -1331,6 +1325,7 @@ toolbarbutton[sdk-button="true"][cui-areatype="toolbar"] > .toolbarbutton-icon { window:not([chromehidden~="toolbar"]) #urlbar-container > .toolbarbutton-1:-moz-any([disabled=true],:not([open]):not([disabled=true]):not(:active)) > .toolbarbutton-icon { } +#nav-bar .toolbarbutton-1:not([disabled=true]) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, #nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any(:hover,[open]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon, #nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any(:hover,[open]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, #nav-bar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-icon, @@ -1340,7 +1335,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-container > #forward-button:not([o #nav-bar .toolbarbutton-1:not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon { } -#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):hover:active > .toolbarbutton-icon, +#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any(:hover:active, [open]) > .toolbarbutton-icon, #nav-bar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon, #nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-icon, #nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-text, @@ -2478,16 +2473,6 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon { /* End selected tab */ -/* Background tabs */ - -/* Decrease the height of the hoverable region of background tabs whenever the tabs are at the top - of the window (e.g. no menubar, tabs in titlebar, etc.) to make it easier to drag the window by - the titlebar. We don't need this in fullscreen since window dragging is not an issue there. */ -#main-window[tabsintitlebar]:not([sizemode="maximized"]):not([inFullscreen]) #toolbar-menubar:-moz-any([autohide="true"][inactive], :not([autohide])) + #TabsToolbar .tab-background-middle:not([selected=true]) { -} - -/* End background tabs */ - /* Tab pointer-events */ /* .tabbrowser-tab { @@ -2519,6 +2504,16 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon { /* === END tabs.inc.css === */ +/* Background tabs: + * + * Decrease the height of the hoverable region of background tabs whenever the tabs are at the top + * of the window (e.g. no menubar, tabs in titlebar, etc.) to make it easier to drag the window by + * the titlebar. We don't need this in fullscreen since window dragging is not an issue there. + */ +#main-window[tabsintitlebar][sizemode=normal] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar .tab-background-middle:not([selected=true]) { +/* clip-path: url(chrome://browser/content/browser.xul#tab-hover-clip-path);*/ +} + /* Tab DnD indicator */ .tab-drop-indicator { list-style-image: url("chrome://browser/skin/tabbrowser/tabDragIndicator.png"); @@ -2933,6 +2928,10 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { } /* Notification icon box */ +#notification-popup .panel-promo-box { +/* margin: 10px -10px -10px; */ +} + #notification-popup-box { position: relative; background-color: #000000; @@ -3163,6 +3162,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper[forwarddisabled] > #urlbar /* Sync Panel */ .sync-panel-icon { + height:32px; width: 32px; background: url("chrome://browser/content/abouthome/sync.png") top left no-repeat; } @@ -3178,7 +3178,9 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper[forwarddisabled] > #urlbar #sync-error-panel-title, #sync-start-panel-title { + font-size: 120%; font-weight: bold; + margin-bottom: 5px; } #sync-start-panel-subtitle, @@ -3220,11 +3222,40 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper[forwarddisabled] > #urlbar /* === BEGIN highlighter.inc.css === */ -/* Highlighter */ +/* Box model highlighter */ +svg|g.box-model-container { + opacity: 0.4; +} + +svg|polygon.box-model-content { + fill: #008484; +} + +svg|polygon.box-model-padding { + fill: #9C9CFF; +} + +svg|polygon.box-model-border { + fill: #FFCF00; +} + +svg|polygon.box-model-margin { + fill: #A09090; +} + +svg|polygon.box-model-content, +svg|polygon.box-model-padding, +svg|polygon.box-model-border, +svg|polygon.box-model-margin { + stroke: none; +} -.highlighter-outline { - box-shadow: 0 0 0 1px black; - outline: 1px dashed #A09090; +svg|line.box-model-guide-top, +svg|line.box-model-guide-right, +svg|line.box-model-guide-bottom, +svg|line.box-model-guide-left { + stroke: #E7ADE7; + stroke-dasharray: 5 3; } /* Highlighter - Node Infobar */