X-Git-Url: https://git-public.kairo.at/?a=blobdiff_plain;ds=sidebyside;f=LCARStrek%2Fbrowser%2Fbrowser.css;h=6c8a8aba8b45371998a370152da14e32eeb4e52e;hb=c4affa52f0de77abdffd5ea5764ce432a012bf82;hp=a25e08aac18f440b9fc0f811e1dae6a1f6310768;hpb=82b4252f7e41007fc93fa3b94fd7418a07c03fd1;p=themes.git diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index a25e08aa..6c8a8aba 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -1426,11 +1426,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 +1602,93 @@ 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; +} + +.social-share-frame { +/* background: linear-gradient(to bottom, #f0f4f7, #fafbfc); */ + width: 330px; + height: 150px; + border-top-left-radius: none; + border-bottom-left-radius: none; + border-top-right-radius: inherit; + border-bottom-right-radius: inherit; + /* we resize our panels dynamically, make it look nice */ + transition: height 100ms ease-out, width 100ms ease-out; } -#unsharePopupBottomButtons { - margin-top: 1em; +#social-share-panel > .social-share-toolbar { + border-top-left-radius: inherit; + border-bottom-left-radius: inherit; +} + +#social-share-provider-buttons { + border-top-left-radius: inherit; + border-bottom-left-radius: inherit; +} + +/* social recommending panel */ + +#social-mark-button { + -moz-image-region: rect(0, 16px, 16px, 0); } /* star button */ @@ -2137,6 +2182,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 +2222,8 @@ 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"] { list-style-image: url("chrome://global/skin/icons/alert-question.gif"); } @@ -2270,6 +2320,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. */ @@ -2844,22 +2898,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 +2912,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 +2975,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; @@ -3041,8 +3116,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 +3127,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 +3149,7 @@ html|*#gcli-output-frame { opacity: 1; } +.chatbar-button:hover, .chatbar-button[open="true"] { }