X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fbrowser.css;h=a25e08aac18f440b9fc0f811e1dae6a1f6310768;hp=2c03e6daa71ed751b1a51653dce51e0a5cf4811f;hb=82b4252f7e41007fc93fa3b94fd7418a07c03fd1;hpb=56ab361a26ee7bb17d9fbe8be4747b68b38605c2 diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index 2c03e6da..a25e08aa 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -65,6 +65,9 @@ menubar { background-color: #8050B0; color: #FF9F00; } +#main-window[tabsintitlebar]:not([inFullscreen]) #toolbar-menubar[inactive] ~ #TabsToolbar > .tabbrowser-tabs > .tabbrowser-tab { + padding-top: 3px; +} #main-window[tabsintitlebar] #titlebar:-moz-lwtheme { visibility: hidden; @@ -290,10 +293,23 @@ menubar { list-style-image: url("chrome://browser/skin/Privacy-16.png"); } +@media (min-resolution: 1.25dppx) { + #appmenu_privateBrowsing, + #appmenu_newPrivateWindow { + list-style-image: url("chrome://browser/skin/Privacy-32.png"); + } +} + #appmenu_addons { list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png"); } +@media (min-resolution: 1.25dppx) { + #appmenu_addons { + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); + } +} + #BMB_bookmarkThisPage, #appmenu_bookmarkThisPage { list-style-image: url("chrome://browser/skin/places/bookmark.png"); @@ -1593,6 +1609,7 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- #socialUserPortrait { width: 48px; height: 48px; + list-style-image:url("chrome://global/skin/icons/information-32.png"); } #socialUserDisplayName, @@ -1607,6 +1624,7 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- padding-top: 0; font-size: 130%; font-weight: bold; + list-style-image:url("chrome://global/skin/icons/information-32.png"); } #socialUserDisplayName > .button-box { @@ -1911,29 +1929,17 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- } #alltabs-button { - list-style-image: url("chrome://browser/skin/tabbrowser/alltabs.png"); - -moz-image-region: rect(0, 14px, 16px, 0); -} - -#alltabs-button:hover, -#alltabs-button:hover:active { - -moz-image-region: rect(0, 28px, 16px, 14px); -} - -#alltabs-button[type="menu"] { list-style-image: url("chrome://global/skin/arrow/arrow-down.gif"); - -moz-image-region: auto; } -#alltabs-button[type="menu"] > .toolbarbutton-menu-dropmarker { +#alltabs-button > .toolbarbutton-menu-dropmarker { display: none; } -#alltabs-button[type="menu"]:hover, -#alltabs-button[type="menu"]:hover:active, -#alltabs-button[type="menu"][open="true"] { +#alltabs-button:hover, +#alltabs-button:hover:active, +#alltabs-button[open="true"] { list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif"); - -moz-image-region: auto; } /* All tabs menupopup */ @@ -2131,6 +2137,10 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { list-style-image: url("chrome://mozapps/skin/plugins/pluginBlocked-64.png"); } +.popup-notification-icon[popupid="web-notifications"] { + list-style-image: url("chrome://browser/skin/notification-64.png"); +} + .addon-progress-description { width: 350px; max-width: 350px; @@ -2185,6 +2195,10 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { list-style-image: url("chrome://browser/skin/webRTC-shareDevice-64.png"); } +.popup-notification-icon[popupid="pointerLock"] { + list-style-image: url("chrome://browser/skin/pointerLock-64.png"); +} + /* Notification icon box */ #notification-popup-box { position: relative; @@ -2193,7 +2207,7 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { padding-left: 3px; padding-right: 8px; border-radius: 3px 0 0 3px; - -moz-border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 / 0 8px 0 0; + border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 / 0 8px 0 0; -moz-margin-end: -8px; border-right-width: 8px; } @@ -2288,6 +2302,17 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon list-style-image: url("chrome://browser/skin/webRTC-sharingDevice-16.png"); } +#web-notifications-notification-icon { + list-style-image: url("chrome://browser/skin/notification-16.png"); +} + +#pointerLock-notification-icon { + list-style-image: url("chrome://browser/skin/pointerLock-16.png"); +} +#pointerLock-cancel { + margin: 0px; +} + #identity-popup-container { min-width: 280px; } @@ -2332,20 +2357,6 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon /*background-color: rgba(27%,27%,27%,.65);*/ } -.KUI-panel-closebutton { - list-style-image: url("KUI-close.png"); - width: 24px; - height: 24px; -} - -.KUI-panel-closebutton:not(:hover) { -} - -.KUI-panel-closebutton > .toolbarbutton-icon { -} - -/* ::::: Ctrl-Tab and All Tabs Panels ::::: */ - /* Ctrl-Tab */ #ctrlTab-panel { @@ -2394,53 +2405,6 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon margin-top: .5em; } -/* All Tabs */ - -#allTabs-panel { - padding-bottom: 10px; -} - -#allTabs-meta { - margin: 10px; -} - -#allTabs-filter { - -moz-margin-start: 24px; - -moz-margin-end: 0; -} - -#allTabs-tab-close-button > .toolbarbutton-icon { - margin: 0; -} - -.allTabs-favicon[src] { - width: 22px; - height: 22px; - padding-top: 1px; - padding-bottom: 5px; - -moz-padding-start: 1px; - -moz-padding-end: 5px; - margin-top: -2px; - -moz-margin-start: -2px; - border-bottom-right-radius: 4px; -} - -.allTabs-favicon[src]:-moz-locale-dir(rtl) { - border-bottom-right-radius: 0; - border-bottom-left-radius: 4px; -} - -.allTabs-preview-inner > .tabPreview-canvas { - background-color: #E7ADE7; -} - -.allTabs-preview:not(:hover):not([closebuttonhover]) > html|canvas { -} - -.allTabs-preview:focus > * > .allTabs-preview-inner { - outline: 1px dotted #008484; -} - /* Add-on bar */ #addon-bar { @@ -2886,26 +2850,40 @@ html|*#gcli-output-frame { display: none; } -#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar > #social-toolbar-item > .toolbarbutton-1, -#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar > #social-toolbar-item > .social-notification-container > .toolbarbutton-1 { +#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; } -#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar > #social-toolbar-item { - margin-left: 5px; - margin-right: 5px; +.toolbarbutton-badge-container { + margin: 0; + padding: 0; + position: relative; } -.social-notification-container { - /* position:relative on .toolbarbutton-1 does not get position:absolute - to work as expected on .toolbarbutton-1 generated content. Placing a - simple container outside of .toolbarbutton-1 and setting position:relative - on the simple container however will work. */ - position: relative; +#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar .toolbarbutton-1 > .toolbarbutton-badge-container { + padding: 2px 5px; +} + +.toolbarbutton-1 > .toolbarbutton-badge-container > .toolbar-icon { + position: absolute; + top: 2px; + right: 2px; } -.social-notification-container > .toolbarbutton-1[badge]:not([badge=""])::after { +.toolbarbutton-badge-container > .toolbarbutton-icon[label]:not([label=""]) { + -moz-margin-end: 0; +} + +.toolbarbutton-badge[badge=""] { + display: none; +} +.toolbarbutton-badge[badge]:not([badge=""])::after { /* The |content| property is set in the content stylesheet. */ font-size: 9px; font-weight: bold; @@ -2915,16 +2893,22 @@ html|*#gcli-output-frame { border: 1px solid #9C9CFF; border-radius: 2px; position: absolute; - top: 2px; - right: 2px; + top: 0; + right: 0; } -#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar > *|* > .social-notification-container > .toolbarbutton-1[badge]:not([badge=""])::after { - top: 7px; +#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar *|* > .toolbarbutton-badge[badge]:not([badge=""])::after { + top: 1px; + right: 1px; +} + +.toolbarbutton-badge[badge]:not([badge=""]):-moz-locale-dir(rtl)::after { + left: 0; + right: auto; } -.social-notification-container > .toolbarbutton-1[badge]:not([badge=""]):-moz-locale-dir(rtl)::after { - left: 2px; +#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar *|* > .toolbarbutton-badge[badge]:not([badge=""]):-moz-locale-dir(rtl)::after { + left: 1px; right: auto; }