X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fbrowser.css;h=5a51b936353ec048e078b9754c872e1cd56c5e13;hp=d827f7934ced0bbda9fe468616744a326aaf5b62;hb=348c0499bf455b7e43c95bbd780d0f32ad1c6a33;hpb=c54ac9917042385fe35cc9efe736b55d2076e2dc diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index d827f793..5a51b936 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -643,7 +643,7 @@ toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button { #back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon, #forward-button:-moz-locale-dir(rtl), #forward-button:-moz-locale-dir(rtl) > .toolbarbutton-text { - -moz-transform: scaleX(-1); + transform: scaleX(-1); } #nav-bar #back-button { @@ -776,7 +776,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:not([switchingtabs]) > #forward-button { - -moz-transition: opacity 150ms ease-out; + transition: opacity 150ms ease-out; } window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > @@ -1168,7 +1168,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:not([switchingtabs]) + #urlbar-container > #urlbar { - -moz-transition: margin-left 150ms ease-out; + transition: margin-left 150ms ease-out; } window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > @@ -1195,7 +1195,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[forwarddisabled]:hover:not([switchingtabs]) + #urlbar-container > #urlbar { /* delay the hiding of the forward button when hovered to avoid accidental clicks on the url bar */ - -moz-transition-delay: 100s; + transition-delay: 100s; } window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > @@ -1212,7 +1212,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 + #urlbar-container > #urlbar:-moz-locale-dir(rtl) { /* let winstripe-urlbar-back-button-clip-path clip the urlbar's right side for RTL */ - -moz-transform: scaleX(-1); + transform: scaleX(-1); } html|*.urlbar-input:-moz-lwtheme:-moz-placeholder, @@ -1313,21 +1313,21 @@ 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] + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) { padding-left: 2px; - -moz-transition: padding-left; + 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: 2px; - -moz-transition: padding-right; + transition: padding-right; } 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]:hover:not([switchingtabs]) + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box { /* forward button hiding is delayed when hovered */ - -moz-transition-delay: 100s; + transition-delay: 100s; } window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > @@ -1406,23 +1406,18 @@ 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 > #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 > #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 > #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:hover:active > #page-proxy-favicon, #identity-box[open=true] > #page-proxy-favicon { -moz-image-region: rect(0, 48px, 16px, 32px); @@ -1563,7 +1558,7 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- #go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon, #urlbar-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { - -moz-transform: scaleX(-1); + transform: scaleX(-1); } #urlbar-go-button:hover, @@ -1604,6 +1599,51 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- -moz-image-region: rect(0, 32px, 16px, 16px); } +/* social recommending panel */ + +#share-button { + width: 16px; + height: 16px; +} + +#socialUserPortrait { + width: 48px; + height: 48px; +} + +#socialUserDisplayName, +#socialUserPortrait { + cursor: pointer; +} + +#socialUserDisplayName { + border: none; + background-color: transparent; + margin-top: 0; + padding-top: 0; + font-size: 130%; + font-weight: bold; +} + +#socialUserDisplayName > .button-box { + -moz-padding-start: 0; + padding-top: 0; + border-top-width: 0; +} + +#socialUserDisplayName:hover { + color: #9C9CFF; + text-decoration: underline; +} + +#editSharePopupText { + height: 48px; +} + +#editSharePopupBottomButtons { + margin-top: 1em; +} + /* star button */ #star-button { @@ -1659,9 +1699,9 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- .panel-promo-box { margin: 5px -6px -6px; padding: 5px; + border-top: 1px solid #9C9CFF; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; - border-top: 1px solid #9C9CFF; } .panel-promo-icon { @@ -1824,7 +1864,7 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- } .tab-close-button:-moz-system-metric(touch-enabled) { - -moz-transform: scale(1.2); + transform: scale(1.2); } .tab-close-button:hover, @@ -1965,7 +2005,7 @@ toolbarbutton.chevron:hover { toolbarbutton.chevron:-moz-locale-dir(rtl) > .toolbarbutton-icon, toolbarbutton.chevron:-moz-locale-dir(rtl):hover > .toolbarbutton-icon { - -moz-transform: scaleX(-1); + transform: scaleX(-1); } toolbarbutton.chevron > .toolbarbutton-text, @@ -2180,7 +2220,7 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon #notification-popup-box:-moz-locale-dir(rtl), .notification-anchor-icon:-moz-locale-dir(rtl) { - -moz-transform: scaleX(-1); + transform: scaleX(-1); } .notification-anchor-icon { @@ -2198,6 +2238,10 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon list-style-image: url("chrome://global/skin/icons/information-16.png"); } +#identity-notification-icon { + list-style-image: url("chrome://mozapps/skin/profile/profileicon.png"); +} + #geo-notification-icon { list-style-image: url("chrome://browser/skin/Geolocation-16.png"); } @@ -2629,7 +2673,7 @@ html|*#highlighter-nodeinfobar-pseudo-classes { width: 14px; height: 14px; -moz-margin-start: -moz-calc(50% - 7px); - -moz-transform: rotate(-45deg); + transform: rotate(-45deg); border: 1px solid transparent; background-clip: padding-box; background-repeat: no-repeat; @@ -2746,7 +2790,7 @@ html|*#highlighter-nodeinfobar-pseudo-classes { #inspector-breadcrumbs > .scrollbutton-up > .toolbarbutton-icon:-moz-locale-dir(rtl), #inspector-breadcrumbs > .scrollbutton-down > .toolbarbutton-icon:-moz-locale-dir(ltr) { -/* -moz-transform: scaleX(-1); */ +/* transform: scaleX(-1); */ } .inspector-breadcrumbs-button { @@ -3069,7 +3113,7 @@ stack[anonid=browserStack][responsivemode] { width: 7px; height: 24px; cursor: ew-resize; - -moz-transform: translate(12px, -12px); + transform: translate(12px, -12px); background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png"); } @@ -3077,10 +3121,59 @@ stack[anonid=browserStack][responsivemode] { width: 16px; height: 16px; cursor: se-resize; - -moz-transform: translate(12px, 12px); + transform: translate(12px, 12px); background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png"); } +/* Developer Toolbar */ + +.developer-toolbar-button { + min-width: 78px; + min-height: 21px; + margin: 0 1px; + list-style-image: url("chrome://browser/skin/devtools/tools-icons-small.png"); +} + +.developer-toolbar-button:active:hover, +.developer-toolbar-button[checked=true] { +} + +.developer-toolbar-button[checked=true] { +} + +#developer-toolbar-webconsole { + -moz-image-region: rect(0, 16px, 16px, 0); +} + +#developer-toolbar-inspector { + -moz-image-region: rect(16px, 16px, 32px, 0); +} + +#developer-toolbar-styleeditor { + -moz-image-region: rect(32px, 16px, 48px, 0); +} + +#developer-toolbar-debugger { + -moz-image-region: rect(48px, 16px, 64px, 0); +} + +#developer-toolbar-other-tools { + -moz-image-region: rect(64px, 16px, 80px, 0); +} + +#developer-toolbar-other-tools > .toolbarbutton-menu-dropmarker { +} + +/* Error counter */ + +#developer-toolbar-webconsole[error-count]:before { + color: #000000; + min-width: 16px; + text-shadow: none; + background-color: #FF0000; + border-radius: 1px; +} + /* Web Console */ .web-console-frame { @@ -3093,3 +3186,355 @@ stack[anonid=browserStack][responsivemode] { .web-console-splitter { border: none; } + +/* Social toolbar item */ + +#social-provider-button > .toolbarbutton-menu-dropmarker { + display: none; +} + +#social-toolbar-item > .toolbarbutton-1 { +} + +#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar > #social-toolbar-item > .toolbarbutton-1 { +} + +#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar > #social-toolbar-item > .toolbarbutton-1:first-child { +} + +#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar > #social-toolbar-item > .toolbarbutton-1:last-child { +} + +.social-notification-icon-hbox { + pointer-events: none; +} + +.social-notification-icon-stack > image { + max-height: 20px; +} + +.social-notification-icon-label { + text-align: end; + font-size: 9px; + font-weight: bold; + padding: 0 1px; + color: #FF9F00; + background-color: #000000; + border: 1px solid #9C9CFF; + border-radius: 2px; +} + +.social-notification-icon-label[value=""] { + display: none; +} + +.social-notification-icon-image { + width: 16px; + height: 16px; +} + +#social-notification-icon-mentions { + background-color: #000000; + border-radius: 3px; + -moz-margin-start: 2px; +} + +#social-notification-icon-mentions:hover { + background-color: #FFCF00; +} + +#social-notification-icon-mentions[open="true"] { + background-color: #FF9F00; +} + +#social-sidebar-splitter { + border: 0; +} + +/* social toolbar provider menu */ +#social-statusarea-popup { + margin-top: 0; + margin-left: -12px; + margin-right: -12px; +} + +#social-statusarea-user { + border-bottom: 1px solid #9C9CFF; + background-color: #000000; + color: #FF9F00; + position: relative; + font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; + cursor: pointer; +} + +#social-statusarea-user-portrait { + width: 32px; + height: 32px; + border-radius: 2px; + margin: 10px; +} + +#social-statusarea-user > vbox > .link { + background: transparent; + border: none; + color: #9C9CFF; + min-width: 0; + margin: 0 6px; + list-style-image: none; +} +#social-statusarea-user:hover > vbox > .link { + text-decoration: underline; +} + +#social-notification-panel { + min-height: 100px; + min-width: 100px; + max-height: 600px; + max-width: 400px; +} + +.social-panel > .panel-arrowcontainer > .panel-arrowcontent { + padding: 0; +} + +#social-notification-box, +.social-panel-frame { + border-radius: inherit; +} + +.chat-status-icon { + max-height: 16px; + max-width: 16px; + padding: 0; +} + +.chat-toolbarbutton { + -moz-appearance: none; + border: none; + padding: 0; + margin: 0; + background: none; +} + +.chat-toolbarbutton > .toolbarbutton-text { + display: none; +} + +.chat-close-button { + list-style-image: url('chrome://browser/skin/social/chat-close.png'); + -moz-image-region: rect(0, 14px, 14px, 0); +} + +.chat-close-button:hover, +.chat-close-button:hover:active { + -moz-image-region: rect(14px, 14px, 28px, 0); +} + +.chat-title { + font-weight: bold; + font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; + cursor: inherit; +} + +.chat-titlebar { + background-color: #9C9CFF; + color: #000000; + height: 20px; + min-height: 20px; + width: 100%; + margin: 0; + padding: 2px; + -moz-padding-start: 6px; + border: none; + border-bottom: 1px solid #008484; + cursor: pointer; +} + +.chat-titlebar[minimized="true"] { + border-bottom: none; +} + +.chat-titlebar[selected] { + background-color: #008484; +} + +.chat-titlebar[activity] { + background-color: #E7ADE7; +} + +.chat-frame { + padding: 0; + margin: 0; + overflow: hidden; +} + +.chatbar-button { + /* XXX get a real image for this */ + list-style-image: url("chrome://browser/skin/social/social.png"); + background-color: #000000; + border: none; + margin: 0; + padding: 2px; + height: 21px; + width: 21px; + border-top: 1px solid #008484; + -moz-border-end: 1px solid #008484; +} + +.chatbar-button > .button-box > .box-inherit > .button-icon { + max-height: 16px; + max-width: 16px; + padding: 2px; +} + +.chatbar-button[open="true"], +.chatbar-button:hover, +.chatbar-button:active:hover { +} + +/* toolbarbutton-icon */ +.chatbar-button > .toolbarbutton-text, +.chatbar-button > .toolbarbutton-menu-dropmarker { + display: none; +} + +.chatbar-button[activity] { + background-color: #E7ADE7; +} + +.chatbar-button > menupopup > menuitem[activity] { + font-weight: bold; +} + +.chatbar-innerbox { + background: transparent; + margin: -200px -1px 0 -1px; + overflow: hidden; +} + +chatbar > chatbox { + height: 200px; + width: 200px; + background-color: #000000; + border: 1px solid #9C9CFF; + border-bottom: none; +} + +chatbar > chatbox[minimized="true"] { + width: 100px; + height: 20px; + border-bottom: none; +} + +chatbar > chatbox + chatbox { + -moz-margin-start: -1px; +} + +.click-to-play-plugins-notification-content { + margin: -10px; + border-radius: 4px; +} + +.click-to-play-plugins-notification-icon-box { + background: #000000; + -moz-border-end: 1px solid #9C9CFF; + padding-top: 16px; + -moz-padding-end: 16px; + -moz-padding-start: 24px; +} + +.click-to-play-plugins-notification-icon-box:-moz-locale-dir(ltr) { + border-bottom-left-radius: 4px; + border-top-left-radius: 4px; +} + +.click-to-play-plugins-notification-icon-box:-moz-locale-dir(rtl) { + border-bottom-right-radius: 4px; + border-top-right-radius: 4px; +} + +.click-to-play-plugins-notification-separator { + -moz-border-start: 1px solid #9C9CFF; + border-top: 1px solid #9C9CFF; +} + +.click-to-play-plugins-notification-description-box { + border-bottom: 1px solid #9C9CFF; + -moz-border-start: 1px solid #9C9CFF; + padding-top: 12px; + -moz-padding-end: 11px; + padding-bottom: 9px; + -moz-padding-start: 10px; +} + +.click-to-play-plugins-notification-center-box { + border-top: 1px solid #9C9CFF; + border-bottom: 1px solid #9C9CFF; + -moz-border-start: 1px solid #9C9CFF; + background-color: #000000; +} + +.click-to-play-plugins-notification-button-container { + border-top: 1px solid #9C9CFF; + -moz-border-start: 1px solid #9C9CFF; + margin: 0px; + padding: 16px; +} + +.center-item-box { + padding: 12px 16px 0px 16px; +} + +.center-item-box[padbottom="true"] { + padding-bottom: 12px; +} + +.center-item-icon { + background-image: url("chrome://mozapps/skin/plugins/pluginGeneric-16.png"); + background-repeat: no-repeat; + height: 16px; + width: 16px; + margin-bottom: 4px; +} + +.center-item-box[warn="true"] { + background-color: #FFCF00; + color: #000000; + padding: 8px 16px 6px 16px; +} + +.center-item-box[padbottom="true"][warn="true"] { + padding-bottom: 4px; +} + +.center-item-box[showseparator="true"] { + border-top: 1px solid #9C9CFF; +} + +.center-item-box[warn="false"] > .center-item-warning { + display: none; +} + +.center-item-warning > .text-link { + color: #6868AA; +} + +.center-item-warning > .text-link[href=""] { + display: none; +} + +.center-item-warning-icon { + background-image: url("chrome://mozapps/skin/extensions/alerticon-info-negative.png"); + background-repeat: no-repeat; + width: 16px; + height: 15px; + margin-bottom: 4px; +} + +.center-item-warning-description { + color: #828282; +} + +.center-item-button { + min-width: 0; +}