X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fbrowser.css;h=a48dc0271c32e68a9eccb945c4152c309d8f0585;hp=a25e08aac18f440b9fc0f811e1dae6a1f6310768;hb=e2734cc744523d8adb0aa3d44644220b98d8201c;hpb=82b4252f7e41007fc93fa3b94fd7418a07c03fd1 diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index a25e08aa..a48dc027 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -395,6 +395,10 @@ menubar { height: 16px; } +#PlacesToolbarItems > .bookmark-item:not([image]):not([label=""]):not([container]) > .toolbarbutton-icon { + display: none; +} + /* Prevent [mode="icons"] from hiding the label */ .bookmark-item > .toolbarbutton-text { display: -moz-box !important; @@ -1426,11 +1430,13 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon #identity-box:hover { background-color: #FFCF00; + color: #000000; } #identity-box:hover:active, #identity-box[open=true] { background-color: #FF9F00; + color: #000000; } #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:hover, @@ -1600,50 +1606,113 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- -moz-image-region: rect(0, 32px, 16px, 16px); } -/* social recommending panel */ +/* social share panel */ + +#social-share-panel > iframe { +/* background: linear-gradient(to bottom, #f0f4f7, #fafbfc);*/ + width: 300px; + height: 150px; +} -#share-button { +#social-share-button { + list-style-image: url("chrome://browser/skin/social/share-button.png"); -moz-image-region: rect(0, 16px, 16px, 0); } -#socialUserPortrait { - width: 48px; - height: 48px; - list-style-image:url("chrome://global/skin/icons/information-32.png"); +.social-share-toolbar { + border-right: 1px solid #9C9CFF; +/* background-color: #000000; */ } -#socialUserDisplayName, -#socialUserPortrait { - cursor: pointer; +#social-share-provider-buttons { + padding: 6px; } -#socialUserDisplayName { +#social-share-provider-buttons > .share-provider-button { + -moz-appearance: none; + padding: 5px; + margin: 1px; border: none; - background-color: transparent; - margin-top: 0; - padding-top: 0; - font-size: 130%; - font-weight: bold; - list-style-image:url("chrome://global/skin/icons/information-32.png"); + background: none; + border-radius: 2px; } -#socialUserDisplayName > .button-box { - -moz-padding-start: 0; - padding-top: 0; - border-top-width: 0; +#social-share-provider-buttons > .share-provider-button[checked="true"]:not([disabled="true"]), +#social-share-provider-buttons > .share-provider-button:hover, +#social-share-provider-buttons > .share-provider-button:active { + padding: 4px; } -#socialUserDisplayName:hover { - color: #9C9CFF; - text-decoration: underline; +#social-share-provider-buttons > .share-provider-button[checked="true"]:not([disabled="true"]) { } -#unsharePopupText { - height: 48px; +#social-share-provider-buttons > .share-provider-button > .toolbarbutton-text { + display: none; +} +#social-share-provider-buttons > .share-provider-button > .toolbarbutton-icon { + width: 16px; + min-height: 16px; + max-height: 16px; +} + +/* fixup corners for share panel */ +.social-panel > .social-panel-frame { + border-radius: inherit; +} + +#social-share-panel { + max-height: 600px; + min-height: 100px; + max-width: 800px; + min-width: 300px; } -#unsharePopupBottomButtons { - margin-top: 1em; +.social-share-frame { +/* background: linear-gradient(to bottom, #f0f4f7, #fafbfc); */ + width: 330px; + height: 150px; + /* we resize our panels dynamically, make it look nice */ + transition: height 100ms ease-out, width 100ms ease-out; +} + +.social-share-frame:-moz-locale-dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: inherit; + border-bottom-right-radius: inherit; +} + +.social-share-frame:-moz-locale-dir(rtl) { + border-top-left-radius: inherit; + border-bottom-left-radius: inherit; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +#social-share-panel > .social-share-toolbar:-moz-locale-dir(ltr) { + border-top-left-radius: inherit; + border-bottom-left-radius: inherit; +} + +#social-share-panel > .social-share-toolbar:-moz-locale-dir(rtl) { + border-top-right-radius: inherit; + border-bottom-right-radius: inherit; +} + +#social-share-provider-buttons:-moz-locale-dir(ltr) { + border-top-left-radius: inherit; + border-bottom-left-radius: inherit; +} + +#social-share-provider-buttons:-moz-locale-dir(rtl) { + border-top-right-radius: inherit; + border-bottom-right-radius: inherit; +} + +/* social recommending panel */ + +#social-mark-button { + -moz-image-region: rect(0, 16px, 16px, 0); } /* star button */ @@ -2137,6 +2206,10 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { list-style-image: url("chrome://mozapps/skin/plugins/pluginBlocked-64.png"); } +.popup-notification-icon[popupid="plugins-not-found"] { + list-style-image: url("chrome://browser/skin/pluginInstall-64.png"); +} + .popup-notification-icon[popupid="web-notifications"] { list-style-image: url("chrome://browser/skin/notification-64.png"); } @@ -2173,7 +2246,9 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { } .popup-notification-icon[popupid="indexedDB-permissions-prompt"], -.popup-notification-icon[popupid="indexedDB-quota-prompt"] { +.popup-notification-icon[popupid="indexedDB-quota-prompt"], +.popup-notification-icon[popupid*="offline-app-requested"], +.popup-notification-icon[popupid="offline-app-usage"] { list-style-image: url("chrome://global/skin/icons/alert-question.gif"); } @@ -2234,14 +2309,17 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon /* outline-offset: -3px; */ } +.default-notification-icon, #default-notification-icon { list-style-image: url("chrome://global/skin/icons/information-16.png"); } +.identity-notification-icon, #identity-notification-icon { list-style-image: url("chrome://mozapps/skin/profile/profileicon.png"); } +.geo-notification-icon, #geo-notification-icon { list-style-image: url("chrome://browser/skin/Geolocation-16.png"); } @@ -2250,6 +2328,7 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png"); } +.indexedDB-notification-icon, #indexedDB-notification-icon { list-style-image: url("chrome://global/skin/icons/question-16.png"); } @@ -2270,6 +2349,10 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon list-style-image: url("chrome://mozapps/skin/plugins/notifyPluginBlocked.png"); } +#plugin-install-notification-icon { + list-style-image: url("chrome://browser/skin/pluginInstall-16.png"); +} + #notification-popup-box[hidden] { /* Override display:none to make the pluginBlockedNotification animation work when showing the notification repeatedly. */ @@ -2290,18 +2373,22 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon } } +.mixed-content-blocked-notification-icon, #mixed-content-blocked-notification-icon { list-style-image: url("chrome://browser/skin/mixed-content-blocked-16.png"); } +.webRTC-shareDevices-notification-icon, #webRTC-shareDevices-notification-icon { list-style-image: url("chrome://browser/skin/webRTC-shareDevice-16.png"); } +.webRTC-sharingDevices-notification-icon, #webRTC-sharingDevices-notification-icon { list-style-image: url("chrome://browser/skin/webRTC-sharingDevice-16.png"); } +.web-notifications-notification-icon, #web-notifications-notification-icon { list-style-image: url("chrome://browser/skin/notification-16.png"); } @@ -2844,22 +2931,13 @@ html|*#gcli-output-frame { #social-provider-button { -moz-image-region: rect(0, 16px, 16px, 0); + list-style-image: url("chrome://browser/skin/social/services-16.png"); } #social-provider-button > .toolbarbutton-menu-dropmarker { display: none; } -#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar #social-toolbar-item { - margin-left: 2px; - margin-right: 2px; -} - -#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar #social-toolbar-item > .toolbarbutton-1 { - padding-left: 0; - padding-right: 0; -} - .toolbarbutton-badge-container { margin: 0; padding: 0; @@ -2867,7 +2945,7 @@ html|*#gcli-output-frame { } #navigator-toolbox[iconsize=large][mode=icons] > #nav-bar .toolbarbutton-1 > .toolbarbutton-badge-container { - padding: 2px 5px; + padding: 2px 2px; } .toolbarbutton-1 > .toolbarbutton-badge-container > .toolbar-icon { @@ -2930,6 +3008,36 @@ html|*#gcli-output-frame { border: 0; } +.popup-notification-icon[popupid="servicesInstall"] { + list-style-image: url("chrome://browser/skin/social/services-64.png"); +} +#servicesInstall-notification-icon { + list-style-image: url("chrome://browser/skin/social/services-16.png"); +} +#social-undoactivation-button, +#servicesInstall-learnmore-link { + -moz-margin-start: 0; /* override default label margin to match description margin */ +} + +#socialActivatedNotification .popup-notification-button-container { + margin-left: 6px; +} + +.social-activation-icon { + width: auto; + height: auto; + max-height: 64px; + max-width: 64px; +} + +#social-activation-message { + max-width: 250px; +} + +#social-activation-message > label { + margin: 0; +} + /* social toolbar provider menu */ .social-statusarea-popup { margin-top: 0; @@ -2992,7 +3100,7 @@ html|*#gcli-output-frame { } .chat-close-button { - list-style-image: url('chrome://browser/skin/social/chat-close.png'); + list-style-image: url('chrome://browser/skin/social/chat-icons.png'); -moz-image-region: rect(0, 14px, 14px, 0); } @@ -3001,6 +3109,36 @@ html|*#gcli-output-frame { -moz-image-region: rect(14px, 14px, 28px, 0); } +.chat-minimize-button { + list-style-image: url('chrome://browser/skin/social/chat-icons.png'); + -moz-image-region: rect(0, 28px, 14px, 14px); +} + +.chat-minimize-button:hover:active, +.chat-minimize-button:hover { + -moz-image-region: rect(14px, 28px, 28px, 14px); +} + +.chat-swap-button { + list-style-image: url('chrome://browser/skin/social/chat-icons.png'); + -moz-image-region: rect(0, 42px, 14px, 28px); +} + +.chat-swap-button:hover:active, +.chat-swap-button:hover { + -moz-image-region: rect(14px, 42px, 28px, 28px); +} + +chatbar > chatbox > .chat-titlebar > .chat-swap-button { + list-style-image: url('chrome://browser/skin/social/chat-icons.png'); + -moz-image-region: rect(0, 56px, 14px, 42px); +} + +chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover:active, +chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover { + -moz-image-region: rect(14px, 56px, 28px, 42px); +} + .chat-title { font-weight: bold; font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; @@ -3022,6 +3160,11 @@ html|*#gcli-output-frame { cursor: pointer; } +.chat-titlebar > .notification-anchor-icon { + margin-left: 2px; + margin-right: 2px; +} + .chat-titlebar[minimized="true"] { border-bottom: none; } @@ -3041,8 +3184,7 @@ html|*#gcli-output-frame { } .chatbar-button { - /* XXX get a real image for this */ - list-style-image: url("chrome://browser/skin/social/social.png"); + list-style-image: url("chrome://browser/skin/social/services-16.png"); background-color: #000000; border: none; margin: 0; @@ -3053,6 +3195,12 @@ html|*#gcli-output-frame { -moz-border-end: 1px solid #008484; } +@media (min-resolution: 2dppx) { + .chatbar-button { + list-style-image: url("chrome://browser/skin/social/services-16@2x.png"); + } +} + .chatbar-button > menupopup > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon { width: auto; height: auto; @@ -3069,6 +3217,7 @@ html|*#gcli-output-frame { opacity: 1; } +.chatbar-button:hover, .chatbar-button[open="true"] { } @@ -3111,6 +3260,13 @@ chatbox[minimized="true"] { height: 20px; } +window > chatbox { + -moz-margin-start: 0px; + margin: 0px; + border: none; + padding: 0px; +} + .click-to-play-plugins-notification-content { margin: -10px; border-radius: 4px; @@ -3138,13 +3294,9 @@ chatbox[minimized="true"] { } .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; @@ -3154,14 +3306,11 @@ chatbox[minimized="true"] { .click-to-play-plugins-notification-center-box { border-top: 1px solid #FF9F00; border-bottom: 1px solid #FF9F00; - /*-moz-border-start: 1px solid #9C9CFF;*/ background-color: #000000; -moz-margin-end: 4px; } .click-to-play-plugins-notification-button-container { - /*border-top: 1px solid #9C9CFF; - -moz-border-start: 1px solid #9C9CFF;*/ margin: 0px; padding: 16px; }