X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fbrowser.css;h=c905ee5fe3720b58249473e5fc98d66f2b176a3e;hp=037951269d00844e4a25a6734e7723a19d2fb88c;hb=d9f15c2857b49ab333d62169cae553627650b441;hpb=f0071a71f9136df06916ed7f38023a413c686ebd diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index 03795126..c905ee5f 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -117,9 +117,9 @@ menubar { visibility: visible; } -#navigator-toolbox[tabsontop="true"] > #nav-bar, -#navigator-toolbox[tabsontop="true"]:not([customizing]) > #nav-bar[collapsed="true"] + toolbar, -#navigator-toolbox[tabsontop="true"]:not([customizing]) > #nav-bar[collapsed="true"] + #customToolbars + #PersonalToolbar { +#nav-bar[tabsontop="true"], +#nav-bar[tabsontop="true"][collapsed="true"]:not([customizing]) + toolbar, +#nav-bar[tabsontop="true"][collapsed="true"]:not([customizing]) + #customToolbars + #PersonalToolbar { /* background-image: -moz-linear-gradient(@toolbarHighlight@, rgba(255,255,255,0)); */ } @@ -431,9 +431,7 @@ menubar { } #wrapper-personal-bookmarks[place="palette"] > .toolbarpaletteitem-box { - width: 16px; - height: 16px; - background: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png") no-repeat; + background: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png") no-repeat center; } .bookmarks-toolbar-customize { @@ -482,7 +480,11 @@ menuitem.bookmark-item { .bookmark-item[container][livemark] .bookmark-item { list-style-image: url("chrome://communicator/skin/bookmarks/livemark-item.png"); - -moz-image-region: auto; + -moz-image-region: rect(0px, 16px, 16px, 0px); +} + +.bookmark-item[container][livemark] .bookmark-item[visited] { + -moz-image-region: rect(0px, 32px, 16px, 16px); } .bookmark-item[container][query] { @@ -707,7 +709,9 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button { border-bottom-left-radius: 0; } -#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button { +window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > + :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > + #unified-back-forward-button > #back-button { border-radius: 10000px; width: 30px; height: 30px; @@ -719,20 +723,32 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button { -moz-image-region: rect(54px, 20px, 74px, 0); } -#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button:not([disabled="true"]):hover, -#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button[open="true"] { +window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > + :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > + #unified-back-forward-button > #back-button:not([disabled="true"]):hover, +window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > + :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > + #unified-back-forward-button > #back-button[open="true"] { -moz-image-region: rect(54px, 40px, 74px, 20px); } -#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button[disabled="true"] { +window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > + :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > + #unified-back-forward-button > #back-button[disabled="true"] { -moz-image-region: rect(54px, 60px, 74px, 40px); } -#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button:not([disabled="true"]):not([open="true"]):not(:active):hover { +window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > + :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > + #unified-back-forward-button > #back-button:not([disabled="true"]):not([open="true"]):not(:active):hover { } -#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button:not([disabled="true"]):hover:active, -#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button[open="true"] { +window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > + :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > + #unified-back-forward-button > #back-button:not([disabled="true"]):hover:active, +window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > + :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > + #unified-back-forward-button > #back-button[open="true"] { } #navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar[currentset*="unified-back-forward-button"], @@ -746,7 +762,9 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button { /* padding-top: 5px; */ } -#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #forward-button { +window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > + :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > + #unified-back-forward-button > #forward-button { /*mask: url(keyhole-forward-mask.svg#mask); XXX: this regresses twinopen */ mask: url("chrome://browser/content/browser.xul#winstripe-keyhole-forward-mask"); -moz-margin-start: -6px !important; @@ -756,17 +774,23 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button { margin-bottom: 2px; } -#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #forward-button:-moz-locale-dir(ltr) { +window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > + :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > + #unified-back-forward-button > #forward-button:-moz-locale-dir(ltr) { border-top-right-radius: 11px; border-bottom-right-radius: 11px; } -#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #forward-button:-moz-locale-dir(rtl) { +window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > + :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > + #unified-back-forward-button > #forward-button:-moz-locale-dir(rtl) { border-top-left-radius: 11px; border-bottom-left-radius: 11px; } -#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #forward-button:not([disabled="true"]):not(:active):hover { +window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > + :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > + #unified-back-forward-button > #forward-button:not([disabled="true"]):not(:active):hover { /*mask: url(keyhole-forward-mask.svg#mask-hover);*/ mask: url("chrome://browser/content/browser.xul#winstripe-keyhole-forward-mask-hover"); } @@ -1073,27 +1097,6 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon -moz-image-region: rect(0, 306px, 18px, 288px); } -#nav-bar #zoom-out-button { - -moz-margin-end: 0; -} - -#nav-bar #zoom-in-button { - -moz-border-start: none; - -moz-margin-start: 0; -} - -#nav-bar #zoom-out-button:-moz-locale-dir(ltr), -#nav-bar #zoom-in-button:-moz-locale-dir(rtl) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -#nav-bar #zoom-out-button:-moz-locale-dir(rtl), -#nav-bar #zoom-in-button:-moz-locale-dir(ltr) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - #zoom-out-button:not([disabled="true"]):hover { -moz-image-region: rect(18px, 288px, 36px, 270px); } @@ -1138,7 +1141,7 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon /* ::::: fullscreen window controls ::::: */ -#TabsToolbar > #window-controls { +#window-controls { -moz-margin-start: 4px; } @@ -1449,12 +1452,7 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon #page-proxy-favicon { width: 16px; height: 16px; -} - -#page-proxy-stack { - width: 24px; - height: 18px; - padding: 1px 4px; + /* margin: 1px 4px; */ } #page-proxy-favicon:not([src]) { @@ -1850,7 +1848,7 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action- /* Tab scrollbox arrow, tabstrip new tab and all-tabs buttons */ -@media all and (-moz-touch-enabled) { +@media (-moz-touch-enabled) { .tabbrowser-arrowscrollbox > .scrollbutton-up, .tabbrowser-arrowscrollbox > .scrollbutton-down, #TabsToolbar .toolbarbutton-1 { @@ -2113,7 +2111,8 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { .popup-notification-icon[popupid="addon-install-cancelled"], .popup-notification-icon[popupid="addon-install-blocked"], .popup-notification-icon[popupid="addon-install-failed"], -.popup-notification-icon[popupid="addon-install-complete"] { +.popup-notification-icon[popupid="addon-install-complete"], +.popup-notification-icon[popupid="click-to-play-plugins"] { list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); width: 32px; height: 32px; @@ -2160,6 +2159,10 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { list-style-image: url("chrome://mozapps/skin/passwordmgr/key-64.png"); } +.popup-notification-icon[popupid="webapps-install"] { + list-style-image: url("chrome://browser/skin/webapps-64.png"); +} + /* Notification icon box */ #notification-popup-box { position: relative; @@ -2212,6 +2215,10 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon list-style-image: url("chrome://mozapps/skin/passwordmgr/key-16.png"); } +#webapps-notification-icon { + list-style-image: url("chrome://browser/skin/webapps-16.png"); +} + #identity-popup-container { min-width: 280px; } @@ -2501,16 +2508,31 @@ highlighter-veil-transparentbox { /* Highlighter toolbar */ +#inspector-inspect-toolbutton { + list-style-image: url("chrome://browser/skin/devtools/inspect-button.png"); + -moz-image-region: rect(0 16px 16px 0); +} + +#inspector-inspect-toolbutton[checked=true], +#inspector-inspect-toolbutton:hover { + -moz-image-region: rect(0 32px 16px 16px); +} + +#inspector-option-toolbarbutton { + list-style-image: url("chrome://browser/skin/devtools/inspector-option-icon.png"); + -moz-image-region: rect(0 16px 16px 0); +} + +#inspector-option-toolbarbutton[open], +#inspector-option-toolbarbutton:hover { + -moz-image-region: rect(0 32px 16px 16px); +} + #inspector-toolbar { border-top: 3px solid #000000; border-bottom: none; } -#inspector-toolbar[treepanel-open] { - padding-top: 0; - -moz-padding-end: 0; -} - #inspector-tools { -moz-padding-end: 2px; border-left: 3px solid #000000; @@ -2518,50 +2540,34 @@ highlighter-veil-transparentbox { -moz-margin-start: 2px; } -/* Highlighter - toolbar resizers */ - -.inspector-resizer { - -moz-appearance: none; - cursor: n-resize; -} - -#inspector-top-resizer { - background: none; - height: 4px; +#devtools-sidebar-box { + background-color: #000000; } -#inspector-end-resizer { - width: 12px; - height: 8px; - border-width: 1px 1px 0; - border-style: solid; - border-color: #008484; - margin: 7px 7px 8px; +html|*#highlighter-nodeinfobar-pseudo-classes { + color: #FF9F00; } /* Highlighter - Node Infobar */ /* Highlighter - Node Infobar - text */ -#highlighter-nodeinfobar-tagname { +html|*#highlighter-nodeinfobar-tagname { color: #FFCF00; } -#highlighter-nodeinfobar-id { +html|*#highlighter-nodeinfobar-id { color: #9C9CFF; } -.highlighter-nodeinfobar-class { - color: #FF9F00; -} - /* Highlighter - Node Infobar - box & arrow */ - #highlighter-nodeinfobar { + color: #FF9F00; border: 1px solid rgba(156, 156, 255, .5); border-radius: 3px; padding: 8px 16px; - background: #000000 padding-box; + background-color: #000000; + background-clip: padding-box; } .highlighter-nodeinfobar-arrow { @@ -2625,6 +2631,10 @@ highlighter-veil-transparentbox { padding: 0 6px; } +#inspector-breadcrumbs > .scrollbutton-up, +#inspector-breadcrumbs > .scrollbutton-down { +} + .inspector-breadcrumbs-button { /*background-color: transparent;*/ border-width: 2px 13px !important; @@ -2646,11 +2656,26 @@ highlighter-veil-transparentbox { /*color: hsl(205,100%,70%); */ } +.inspector-breadcrumbs-button[checked] > .inspector-breadcrumbs-pseudo-classes { + color: #FF9F00; +} + .inspector-breadcrumbs-id, .inspector-breadcrumbs-classes { /*color: #8d99a6; */ } +/* fit height of other buttons to breadcrumbs */ +#inspector-toolbar .devtools-toolbarbutton, +#highlighter-closebutton, +#inspector-option-toolbarbutton { + min-height: 25px; +} + +.inspector-breadcrumbs-pseudo-classes { + color: #FFCF00; +} + /* Highlighter toolbar - breadcrumbs - LTR */ .inspector-breadcrumbs-button:-moz-locale-dir(ltr):first-of-type { @@ -2770,3 +2795,22 @@ highlighter-veil-transparentbox { .inspector-breadcrumbs-button:last-of-type[checked]:hover:active:-moz-locale-dir(rtl) { -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end-selected-pressed.png") 2 13 2 13 stretch; } + +/* Highlighter toolbar - HTML Tree */ + +#inspector-treepanel-toolbutton { + list-style-image: url("chrome://browser/skin/devtools/treepanel-button.png"); + -moz-image-region: rect(0 18px 16px 0); +} + +#inspector-treepanel-toolbutton[checked], +#inspector-treepanel-toolbutton:hover { + -moz-image-region: rect(0 36px 16px 18px); +} + +#inspector-tree-splitter { + border: none; + min-height: 3px; + height: 3px; + position: relative; +}