X-Git-Url: https://git-public.kairo.at/?a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fbrowser.css;h=b55e58acd5c62fb4f9b451269f0f179d40fa8c97;hb=c29b709d831267c35464cdff935f54cd752609db;hp=d4d41c3e173de8679cf8f1727b0597f35b70b479;hpb=889649fdc77f633327b1aa2439d76e307cf504c6;p=themes.git diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index d4d41c3e..b55e58ac 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -1891,7 +1891,7 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- } .tab-content { - min-height: -moz-calc(6.8mozmm - 7px); /* subtract borders from the desired height */ + min-height: calc(6.8mozmm - 7px); /* subtract borders from the desired height */ } } @@ -2238,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"); } @@ -2415,29 +2419,6 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon outline: 1px dotted #008484; } -/* Inspector / Highlighter */ - -#highlighter-panel { - -moz-window-shadow: none; - background: #000000; - border: none; -} - -listitem.style-selector { - background-color: #9C9CFF; - color: #000000; -} - -listitem.style-section { - background-color: #E7ADE7; - color: #000000; - font-weight: bold; -} - -panel[dimmed="true"] { - opacity: 0.5; -} - /* Add-on bar */ #addon-bar { @@ -2612,7 +2593,7 @@ html|*#highlighter-nodeinfobar-pseudo-classes { #highlighter-nodeinfobar-text { /* 100% - size of the buttons and margins */ - max-width: -moz-calc(100% - 2 * (26px + 6px)); + max-width: calc(100% - 2 * (26px + 6px)); padding-bottom: 1px; } @@ -2668,7 +2649,7 @@ html|*#highlighter-nodeinfobar-pseudo-classes { .highlighter-nodeinfobar-arrow { width: 14px; height: 14px; - -moz-margin-start: -moz-calc(50% - 7px); + -moz-margin-start: calc(50% - 7px); transform: rotate(-45deg); border: 1px solid transparent; background-clip: padding-box; @@ -3121,6 +3102,20 @@ stack[anonid=browserStack][responsivemode] { background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png"); } +/* Web Console */ + +.web-console-frame { + /* border-bottom: 3px solid #000000; */ +} + +.web-console-frame[animated] { + transition: height 100ms; +} + +.web-console-splitter { + border: none; +} + /* Developer Toolbar */ .developer-toolbar-button { @@ -3130,6 +3125,7 @@ stack[anonid=browserStack][responsivemode] { list-style-image: url("chrome://browser/skin/devtools/tools-icons-small.png"); } +.developer-toolbar-button[open=true], .developer-toolbar-button:active:hover, .developer-toolbar-button[checked=true] { } @@ -3158,6 +3154,7 @@ stack[anonid=browserStack][responsivemode] { } #developer-toolbar-other-tools > .toolbarbutton-menu-dropmarker { + display: none; } /* Error counter */ @@ -3168,100 +3165,67 @@ stack[anonid=browserStack][responsivemode] { text-shadow: none; background-color: #FF0000; border-radius: 1px; + -moz-margin-end: 5px; } -/* Web Console */ - -.web-console-frame { -} +/* Social toolbar item */ -.web-console-frame[animated] { - transition: height 100ms; +#social-provider-button > .toolbarbutton-menu-dropmarker { + display: none; } -.web-console-splitter { - border: none; +#social-toolbar-item > .toolbarbutton-1 { } - -/* social toolbar button */ -.social-statusarea-container { - -moz-appearance: none; - border-radius: 3px; - background-color: #000000; +#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar > #social-toolbar-item > .toolbarbutton-1 { } -.social-statusarea-container:hover { - background-color: #FFCF00; +#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar > #social-toolbar-item > .toolbarbutton-1:first-child { } -#social-toolbar-button[open="true"] > .social-statusarea-container { - background-color: #FF9F00; +#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar > #social-toolbar-item > .toolbarbutton-1:last-child { } -/* 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-notification-icon-hbox { + pointer-events: none; } -#social-provider-image > .button-box > .box-inherit > .button-icon { - max-height: 16px; - max-width: 16px; +.social-notification-icon-stack > image { + max-height: 20px; } -#social-provider-image > .button-box { - padding: 0; - margin: 0; - background: transparent; - border: none; +.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-provider-image > .button-box > .button-menu-dropmarker { +.social-notification-icon-label[value=""] { display: none; } -/* hbox that hold notification icons */ -#social-status-iconbox { - margin: 0; - padding: 0; +.social-notification-icon-image { + width: 16px; + height: 16px; } -/* hbox that surrounds an image and its counter */ -.social-notification-icon-container { - padding: 0; - margin: 0; - position: relative; +#social-notification-icon-mentions { + background-color: #000000; + border-radius: 3px; + -moz-margin-start: 2px; } -/* 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; +#social-notification-icon-mentions:hover { + background-color: #FFCF00; } -/* 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-notification-icon-mentions[open="true"] { + background-color: #FF9F00; } #social-sidebar-splitter { @@ -3281,6 +3245,7 @@ stack[anonid=browserStack][responsivemode] { color: #FF9F00; position: relative; font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; + cursor: pointer; } #social-statusarea-user-portrait { @@ -3288,28 +3253,28 @@ stack[anonid=browserStack][responsivemode] { height: 32px; border-radius: 2px; margin: 10px; - list-style-image: url("chrome://browser/skin/social/social.png"); } -#social-statusarea-username { +#social-statusarea-user > vbox > .link { background: transparent; border: none; color: #9C9CFF; - cursor: pointer; min-width: 0; margin: 0 6px; + list-style-image: none; } -#social-statusarea-username:hover { +#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; @@ -3330,36 +3295,19 @@ stack[anonid=browserStack][responsivemode] { } .chat-close-button { - list-style-image: url("chrome://global/skin/icons/close-button.gif"); - padding: 2px 4px; + 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 { - 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"); + -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 { @@ -3370,14 +3318,24 @@ stack[anonid=browserStack][responsivemode] { 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; @@ -3414,6 +3372,14 @@ stack[anonid=browserStack][responsivemode] { 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; @@ -3437,3 +3403,112 @@ chatbar > chatbox[minimized="true"] { 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; +}