X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fbrowser.css;h=c22971789237fb04c41d52ef2b8a98c8e1a8ae37;hp=e71fc9e401be0440b5ebb9df179010ea544b4c68;hb=409d1b5be02000b438c7c9deef75904d531856a2;hpb=a40f6a794ddf9a8312e4c951d3f6543fa7718819 diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index e71fc9e4..c2297178 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -723,7 +723,7 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon :-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"); + /*clip-path: url("chrome://browser/content/browser.xul#winstripe-keyhole-forward-clip-path"); */ -moz-margin-start: -6px !important; padding-left: 7px; padding-right: 3px; @@ -745,13 +745,6 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon border-bottom-left-radius: 11px; } -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"); -} - .unified-nav-back[_moz-menuactive]:-moz-locale-dir(ltr), .unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl) { list-style-image: url("chrome://global/skin/arrow/arrow-left.gif") !important; @@ -1192,12 +1185,6 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon border-bottom-right-radius: 0; */ } -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[forwarddisabled] + #urlbar-container { - mask: url("chrome://browser/content/browser.xul#winstripe-urlbar-back-button-mask"); -} - 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[forwarddisabled] + #urlbar-container > #urlbar { @@ -1224,7 +1211,7 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon 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 + #urlbar-container > #urlbar:-moz-locale-dir(rtl) { - /* let winstripe-urlbar-back-button-mask clip the urlbar's right side for RTL */ + /* let winstripe-urlbar-back-button-clip-path clip the urlbar's right side for RTL */ -moz-transform: scaleX(-1); } @@ -1305,10 +1292,11 @@ html|*.urlbar-input:-moz-lwtheme:-moz-placeholder, #identity-box { border-radius: 2px; + font-size: .9em; } #notification-popup-box:not([hidden]) + #identity-box { - -moz-padding-start: 10px; + -moz-padding-start: 10px !important; border-radius: 0; } @@ -1316,19 +1304,22 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button + #urlbar-container > #urlbar > #identity-box { /* border-radius: 0; */ + -moz-padding-start: 2px; + -moz-padding-end: 2px; + -moz-margin-end: 1px; } 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[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) { - padding-left: 5px; + padding-left: 2px; -moz-transition: padding-left; } 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[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) { - padding-right: 5px; + padding-right: 2px; -moz-transition: padding-right; } @@ -1343,28 +1334,28 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) { /* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */ - padding-left: 5.01px; + padding-left: 2.01px; } 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[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) { /* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */ - padding-right: 5.01px; + padding-right: 2.01px; } -#identity-box.verifiedIdentity { +#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity { color: #008484; -moz-border-end: 1px solid #008484; -moz-margin-end: 3px; } -#identity-box.verifiedIdentity:-moz-locale-dir(ltr) { +#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:-moz-locale-dir(ltr) { border-top-right-radius: 0; border-bottom-right-radius: 0; } -#identity-box.verifiedIdentity:-moz-locale-dir(rtl) { +#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:-moz-locale-dir(rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; } @@ -1415,25 +1406,46 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon -moz-image-region: rect(0, 16px, 16px, 0); } -.verifiedDomain > #identity-box-inner > #page-proxy-stack > #page-proxy-favicon { +.verifiedDomain > #identity-box-inner > #page-proxy-stack > #page-proxy-favicon, +.verifiedDomain > #page-proxy-favicon[pageproxystate="valid"] { list-style-image: url("chrome://browser/skin/identity-icons-https.png"); } -.verifiedIdentity > #identity-box-inner > #page-proxy-stack > #page-proxy-favicon { +.verifiedIdentity > #identity-box-inner > #page-proxy-stack > #page-proxy-favicon, +.verifiedIdentity > #page-proxy-favicon[pageproxystate="valid"] { list-style-image: url("chrome://browser/skin/identity-icons-https-ev.png"); } -#identity-box:hover > #identity-box-inner > #page-proxy-stack > #page-proxy-favicon { +#identity-box:hover > #identity-box-inner > #page-proxy-stack > #page-proxy-favicon, +#identity-box:hover > #page-proxy-favicon { -moz-image-region: rect(0, 32px, 16px, 16px); } #identity-box:hover:active > #identity-box-inner > #page-proxy-stack > #page-proxy-favicon, -#identity-box[open=true] > #identity-box-inner > #page-proxy-stack > #page-proxy-favicon { +#identity-box[open=true] > #identity-box-inner > #page-proxy-stack > #page-proxy-favicon, +#identity-box:hover:active > #page-proxy-favicon, +#identity-box[open=true] > #page-proxy-favicon { -moz-image-region: rect(0, 48px, 16px, 32px); } +#identity-box:hover { + background-color: #FFCF00; +} + +#identity-box:hover:active, +#identity-box[open=true] { + background-color: #FF9F00; +} + +#identity-box.verifiedIdentity:hover, +#identity-box.verifiedIdentity:hover:active, +#identity-box.verifiedIdentity[open=true] { + background-color: #008484; + color: #000000; +} + #page-proxy-favicon[pageproxystate="invalid"] { - opacity: 0.5; + opacity: 0.3; } /* autocomplete */ @@ -1480,6 +1492,12 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-icon { list-style-image: url("chrome://browser/skin/actionicon-tab.png"); + -moz-image-region: rect(0, 16px, 16px, 0); + padding: 0 3px; +} + +richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-box > .ac-action-icon { + -moz-image-region: rect(16px, 16px, 32px, 0); } .autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) { @@ -1913,7 +1931,7 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action- list-style-image: url("chrome://global/skin/icons/loading.gif"); } -.alltabs-item[tabIsVisible] { +.alltabs-item[tabIsVisible]:not([_moz-menuactive="true"]) { background-color: #402800; } @@ -2025,7 +2043,7 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { margin: 0; } -#identity-popup-content-host , +#identity-popup-content-host, #identity-popup-content-box.verifiedIdentity > #identity-popup-content-owner { font-size: 1.2em; } @@ -2147,15 +2165,17 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { background-color: #000000; background-clip: padding-box; padding-left: 3px; + padding-right: 8px; border-radius: 3px 0 0 3px; -moz-border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 / 0 8px 0 0; -moz-margin-end: -8px; + border-right-width: 8px; } 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[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box { - padding-left: 5px; +/* padding-left: 5px; */ } #notification-popup-box:-moz-locale-dir(rtl), @@ -2166,6 +2186,7 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon .notification-anchor-icon { width: 16px; height: 16px; + margin: 0 2px; } .notification-anchor-icon:-moz-focusring { @@ -2468,15 +2489,6 @@ panel[dimmed="true"] { background-color: rgba(25, 25, 25, 0.5); } -#highlighter-closebutton { - list-style-image: url("chrome://global/skin/icons/close-button.gif"); -} - -#highlighter-closebutton:hover, -#highlighter-closebutton:hover:active { - list-style-image: url("chrome://global/skin/icons/close-button-hover.gif"); -} - highlighter-veil-transparentbox { box-shadow: 0 0 0 1px rgba(0,0,0,0.5); outline: 1px dashed rgba(255,255,255,0.5); @@ -2510,11 +2522,27 @@ highlighter-veil-transparentbox { -moz-image-region: rect(0 32px 16px 16px); } -#inspector-toolbar { +#inspector-toolbar, +#developer-toolbar { border-top: 3px solid #000000; border-bottom: none; } +#developer-toolbar .toolbar-holder { + background-color: #8050B0; + color: #FFCF00; +} + +#developer-toolbar .toolbar-holder { + background-color: #8050B0; + color: #FFCF00; +} + +#developer-toolbar .toolbar-startcap, +#developer-toolbar .toolbar-endcap{ + background-color: #6000CF; +} + #inspector-tools { -moz-padding-end: 2px; border-left: 3px solid #000000; @@ -2635,7 +2663,6 @@ html|*#highlighter-nodeinfobar-pseudo-classes { #full-screen-warning-message { background-color: #000000; color: #FF9F00; - font-size: 32px; border-radius: 8px; margin-top: 30px; padding: 30px 50px; @@ -2643,13 +2670,20 @@ html|*#highlighter-nodeinfobar-pseudo-classes { } #full-screen-warning-container[obscure-browser] { - background-color: rgba(0,0,0,0.75); + background-color: rgba(0,0,0,0.3); +} + +.full-screen-description { + font-size: 150%; +} + +#full-screen-domain-text { + font-size: 300%; } -#full-screen-warning-container[stop-obscuring-browser] { - -moz-transition-property: background-color; - -moz-transition-duration: 500ms; - background-color: rgba(0,0,0,0); +.full-screen-approval-button, +#full-screen-remember-decision { + font-size: 120%; } /* Highlighter toolbar - breadcrumbs */ @@ -2728,6 +2762,10 @@ html|*#highlighter-nodeinfobar-pseudo-classes { padding: 0 9px; } +.inspector-breadcrumbs-button:-moz-focusring > .button-box { + border-width: 0; +} + .inspector-breadcrumbs-button:-moz-focusring > label { border-bottom: 1px dotted #008484; } @@ -2906,9 +2944,138 @@ html|*#highlighter-nodeinfobar-pseudo-classes { /* border-radius: 0 3px 3px 0;*/ } -#inspector-tree-splitter { - border: none; - min-height: 3px; - height: 3px; - position: relative; +/* Highlight toolbar - Option menu */ + +#inspector-option-toolbarbutton:-moz-focusring { + outline: 1px dotted #008484; + outline-offset: -2px; +} + +html|*#gcli-tooltip-frame, +html|*#gcli-output-frame { + padding: 0; + border-width: 0; + background-color: transparent; +} + +#gcli-output, +#gcli-tooltip { + border-width: 0; + background-color: transparent; + margin-bottom: -2px; +} + +.gclitoolbar-input-node, +.gclitoolbar-complete-node, +.gclitoolbar-prompt { + margin: 1px 3px; + -moz-box-align: center; + padding-top: 0; + padding-bottom: 0; + padding-right: 4px; + background-color: transparent; + border-radius: 3px; + text-shadow: none; +} + +.gclitoolbar-input-node { + padding-left: 20px; +} + +.gclitoolbar-input-node:not([focused="true"]) { + border-color: transparent; +} + +.gclitoolbar-complete-node { + padding-left: 21px; + background-color: transparent; + color: transparent; +} + +.gclitoolbar-prompt { + padding-left: 4px; + padding-bottom: 2px; + font-size: 150%; + font-weight: bold; + color: #E7ADE7; + background-color: #000000; +} + +.gclitoolbar-prompt-label, +.gcli-in-incomplete, +.gcli-in-error, +.gcli-in-ontab, +.gcli-in-todo, +.gcli-in-closebrace, +.gcli-in-param, +.gcli-in-valid { + margin: 0; + padding: 0; +} + +.gcli-in-incomplete { + border-bottom: 2px dotted #8050B0; +} + +.gcli-in-error { + border-bottom: 2px dotted #FF0000; +} + +.gcli-in-ontab { + color: #9C9CFF; +} + +.gcli-in-todo { + color: #795900; +} + +.gcli-in-closebrace { + color: #8050B0; +} + +/* Responsive Mode */ + +vbox[anonid=browserContainer][responsivemode] { + background: #392900 url("chrome://browser/skin/devtools/responsive-background.png"); + box-shadow: 0 0 7px #9C9CFF inset; + padding: 0 20px 20px 20px; +} + +stack[anonid=browserStack][responsivemode] { + box-shadow: 0 0 7px #9C9CFF; +} + +.devtools-responsiveui-toolbar { + background: transparent; + margin: 10px 0; + padding: 0; + box-shadow: none; + border-bottom-width: 0; +} + +.devtools-responsiveui-toolbar > menulist, +.devtools-responsiveui-toolbar > toolbarbutton { + min-width: 22px; + border-radius: 0; +} + +.devtools-responsiveui-toolbar:-moz-locale-dir(ltr) > *:first-child, +.devtools-responsiveui-toolbar:-moz-locale-dir(rtl) > *:last-child { + margin-left: 0; +} + +.devtools-responsiveui-resizebar { + width: 7px; + height: 24px; + cursor: ew-resize; + -moz-transform: translate(12px, -12px); + background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png"); +} + +.devtools-responsiveui-resizehandle { + width: 16px; + height: 16px; + cursor: se-resize; + -moz-transform: translate(12px, 12px); + background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png"); }