X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fbrowser.css;h=f5d3a7cb5b74b8bd11d2a3fcce95560067f07611;hp=d827f7934ced0bbda9fe468616744a326aaf5b62;hb=71a617ff22ae6266108ab20198128db5ae2bd33c;hpb=c54ac9917042385fe35cc9efe736b55d2076e2dc diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index d827f793..f5d3a7cb 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] > @@ -1563,7 +1563,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, @@ -1824,7 +1824,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 +1965,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 +2180,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 { @@ -2629,7 +2629,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 +2746,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 +3069,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,7 +3077,7 @@ 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"); } @@ -3093,3 +3093,258 @@ stack[anonid=browserStack][responsivemode] { .web-console-splitter { border: none; } + + +/* social toolbar button */ +.social-statusarea-container { + -moz-appearance: none; + border-radius: 3px; + background-color: #000000; +} + +.social-statusarea-container:hover { + background-color: #FFCF00; +} + +#social-toolbar-button[open="true"] > .social-statusarea-container { + background-color: #FF9F00; +} + +/* favicon for the service */ +#social-provider-image { + min-width: 20px; + min-height: 20px; + padding: 2px 5px; + margin: 0; + background: transparent; + list-style-image: url("chrome://browser/skin/social/social.png"); +} + +#social-provider-image > .button-box > .box-inherit > .button-icon { + max-height: 16px; + max-width: 16px; +} + +#social-provider-image > .button-box { + padding: 0; + margin: 0; + background: transparent; + border: none; +} + +#social-provider-image > .button-box > .button-menu-dropmarker { + display: none; +} + +/* hbox that hold notification icons */ +#social-status-iconbox { + margin: 0; + padding: 0; +} + +/* hbox that surrounds an image and its counter */ +.social-notification-icon-container { + padding: 0; + margin: 0; + position: relative; +} + +/* notification counter box */ +.social-notification-icon-counter { + background-color: #000000; + border: 1px solid #9C9CFF; + padding-right: 1px; + padding-left: 1px; + color: #FF9F00; + font-size: 9px; + font-weight: bold; + position: absolute; + right: -3px; + top: -4px; + z-index: 1; + text-align: center; +} + +/* notification image */ +.social-notification-icon-image { + padding: 2px; + margin: 0; + min-width: 20px; + max-width: 32px; + max-height: 20px; + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); +} + +#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; +} + +#social-statusarea-user-portrait { + width: 32px; + height: 32px; + border-radius: 2px; + margin: 10px; + list-style-image: url("chrome://browser/skin/social/social.png"); +} + +#social-statusarea-username { + background: transparent; + border: none; + color: #9C9CFF; + cursor: pointer; + min-width: 0; + margin: 0 6px; +} +#social-statusarea-username:hover { + text-decoration: underline; +} + +#social-notification-panel { + min-height: 100px; + min-width: 100px; + max-height: 600px; + max-width: 400px; +} + + +.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://global/skin/icons/close-button.gif"); + padding: 2px 4px; +} + +.chat-close-button:hover, +.chat-close-button:hover:active { + list-style-image: url("chrome://global/skin/icons/close-button-hover.gif"); +} + + +.chat-toggle-button { + /* XXX get a real image for this */ + list-style-image: url("chrome://global/skin/arrow/arrow-down-sharp.gif"); +} + +.chat-toggle-button:hover { + list-style-image: url("chrome://global/skin/arrow/arrow-down-sharp-hover.gif"); +} + +.chat-toggle-button[minimized="true"] { + list-style-image: url("chrome://global/skin/arrow/arrow-left-sharp.png"); +} + +.chat-toggle-button[minimized="true"]:hover { + list-style-image: url("chrome://global/skin/arrow/arrow-left-sharp-hover.png"); +} + +.chat-title { + font-weight: bold; + font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; +} + +.chat-titlebar { + background-color: #9C9CFF; + color: #000000; + height: 20px; + min-height: 20px; + width: 100%; + margin: 0; + padding: 2px; + border: none; + border-bottom: 1px solid #008484; +} + +.chat-titlebar[minimized="true"] { + border-bottom: none; +} + +.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-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; +}