X-Git-Url: https://git-public.kairo.at/?a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fbrowser.css;h=88d26e956f0a690811981b49f3e8c84c7fd2c88a;hb=38bd4bf13f45e40e78b09a90ad580a40d50d7a61;hp=dd5f7df81ec03e7c9e66a1a7ef1357859a707eba;hpb=0282321df83ade4f66b3f44bbee1a2519485571a;p=themes.git diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index dd5f7df8..88d26e95 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -36,6 +36,41 @@ menubar { -moz-binding: url("chrome://global/skin/globalBindings.xml#menubar"); } +/* === BEGIN browser.inc.css === */ + +/* Zoom button */ +#urlbar-zoom-button { + margin: 0 3px; + font-size: .8em; + padding: 0 8px; + border-radius: 1em; +/* background-color: hsla(0,0%,0%,.05); + border: 1px solid ThreeDLightShadow;*/ +} + +#urlbar-zoom-button[animate="true"] { + animation-name: urlbar-zoom-reset-pulse; + animation-duration: 250ms; +} + +#urlbar-zoom-button:hover { +/* background-color: hsla(0,0%,0%,.1);*/ +} + +#urlbar-zoom-button:hover:active { +/* background-color: hsla(0,0%,0%,.15);*/ +} + +#urlbar-zoom-button > .toolbarbutton-text { + display: -moz-box; +} + +#urlbar-zoom-button > .toolbarbutton-icon { + display: none; +} + +/* === END browser.inc.css === */ + :root { /*--backbutton-urlbar-overlap: 5px;*/ @@ -106,13 +141,6 @@ menubar { display: none; } -#main-window[customize-entered][tabsintitlebar]:not([inFullscreen]) #toolbar-menubar[customizing-dragovertarget].customization-target::before, -#main-window[customize-entered][tabsintitlebar]:not([inFullscreen]) #TabsToolbar[customizing-dragovertarget].customization-target::before, -#main-window[customize-entered][tabsintitlebar]:not([inFullscreen]) #toolbar-menubar.customization-target:hover::before, -#main-window[customize-entered][tabsintitlebar]:not([inFullscreen]) #TabsToolbar.customization-target:hover::before { - outline-color: #A09090; -} - #navigator-toolbox { } @@ -1699,34 +1727,7 @@ html|*.urlbar-input:-moz-lwtheme::placeholder, #urlbar-zoom-button { /* -moz-appearance: none;*/ - margin: 0 3px; - font-size: .8em; - padding: 0 8px; - border-radius: 1em; -/* background-color: hsla(0,0%,0%,.05); - color: inherit; - border: 1px solid ThreeDLightShadow;*/ -} - -#urlbar-zoom-button[animate="true"] { - animation-name: urlbar-zoom-reset-pulse; - animation-duration: 250ms; -} - -#urlbar-zoom-button:hover { -/* background-color: hsla(0,0%,0%,.1);*/ -} - -#urlbar-zoom-button:hover:active { -/* background-color: hsla(0,0%,0%,.15);*/ -} - -#urlbar-zoom-button > .toolbarbutton-text { - display: -moz-box; -} - -#urlbar-zoom-button > .toolbarbutton-icon { - display: none; +/* color: inherit;*/ } .search-go-container { @@ -1751,17 +1752,15 @@ html|*.urlbar-input:-moz-lwtheme::placeholder, } #urlbar-search-splitter { - min-width: 6px; - margin-inline-start: -3px; + /* The splitter width should equal the location and search bars' combined + neighboring margin and border width. */ + min-width: 8px; + margin: 0 -4px; + position: relative; border: none; background: transparent; } -#urlbar-search-splitter + #urlbar-container > #urlbar, -#urlbar-search-splitter + #search-container > #searchbar > .searchbar-textbox { - margin-inline-start: 0; -} - .urlbar-display { border-inline-end: 1px solid #9C9CFF; margin-inline-end: 3px; @@ -1914,6 +1913,9 @@ html|*.urlbar-input:-moz-lwtheme::placeholder, visibility: visible; } +#urlbar[pageproxystate="valid"] > #identity-box.weakCipher > #connection-icon, +#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContent > #connection-icon, +#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContentLoadedActiveBlocked > #connection-icon, #urlbar[pageproxystate="valid"] > #identity-box.certUserOverridden > #connection-icon { list-style-image: url(chrome://browser/skin/connection-mixed-passive-loaded.svg#icon); visibility: visible; @@ -1925,13 +1927,6 @@ html|*.urlbar-input:-moz-lwtheme::placeholder, visibility: visible; } -#urlbar[pageproxystate="valid"] > #identity-box.weakCipher > #connection-icon, -#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContent > #connection-icon, -#urlbar[pageproxystate="valid"] > #identity-box.mixedDisplayContentLoadedActiveBlocked > #connection-icon { - list-style-image: url(chrome://browser/skin/connection-mixed-passive-loaded.svg#icon); - visibility: visible; -} - /* === END identity-block/icons.inc.css === */ #identity-box { @@ -2057,10 +2052,11 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-but #identity-box[sharing] > #identity-icon, #sharing-icon { - animation: 3s linear pulse infinite; + animation: 3s linear identity-box-sharing-icon-pulse infinite; } -@keyframes pulse { +@keyframes identity-box-sharing-icon-pulse { +/* This should remain identical to tab-sharing-icon-pulse in tabs.inc.css */ 0%, 16.66%, 83.33%, 100% { opacity: 0; } @@ -2249,14 +2245,9 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box border-radius: 2px; border: 1px solid transparent; } - -.autocomplete-richlistitem[selected=true] { - background-color: hsl(210, 80%, 52%); -} */ .ac-title { font-size: 14px; -/* color: hsl(0, 0%, 0%);*/ } .ac-tags { @@ -2264,8 +2255,6 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box } /* html|span.ac-tag { - background-color: hsl(216, 0%, 88%); - color: hsl(0, 0%, 0%); border-radius: 2px; border: 1px solid transparent; padding: 0 1px; @@ -2278,30 +2267,6 @@ html|span.ac-tag { font-size: 12px; } -.ac-separator { -/* color: hsl(0, 0%, 50%);*/ -} - -.ac-url { - color: #9C9CFF; -} - -.ac-action { - color: #9C9CFF; -} - -.ac-title[selected=true], -.ac-separator[selected], -.ac-url[selected=true], -.ac-action[selected=true] { - color: #000000; -} - -.ac-tags-text[selected] > html|span.ac-tag { - background-color: #A09090; - color: #000000; -} - html|span.ac-emphasize-text-title, html|span.ac-emphasize-text-tag, html|span.ac-emphasize-text-url { @@ -2316,33 +2281,28 @@ html|span.ac-emphasize-text-url { /* list-style-image: url("chrome://browser/skin/urlbar-star.svg#star-inverted");*/ } -.ac-result-type-bookmark, -.autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) { +.ac-result-type-bookmark { list-style-image: url("chrome://browser/skin/places/bookmark.png"); -moz-image-region: rect(0px 16px 16px 0px); width: 16px; height: 16px; } -richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type-bookmark, -.autocomplete-treebody::-moz-tree-image(selected, current, bookmark, treecolAutoCompleteImage) { +richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type-bookmark { /* -moz-image-region: rect(0px 48px 16px 32px);*/ } .ac-type-icon[type=keyword], -.ac-site-icon[type=searchengine], -.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage) { +.ac-site-icon[type=searchengine] { list-style-image: url("chrome://global/skin/icons/autocomplete-search.svg#search-icon"); } .ac-type-icon[type=keyword][selected], -.ac-site-icon[type=searchengine][selected], -.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage, selected) { +.ac-site-icon[type=searchengine][selected] { list-style-image: url("chrome://global/skin/icons/autocomplete-search.svg#search-icon-inverted"); } -.ac-result-type-tag, -.autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) { +.ac-result-type-tag { list-style-image: url("chrome://mozapps/skin/places/tagContainerIcon.png"); width: 16px; height: 16px; @@ -2815,10 +2775,11 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- .tab-icon-image[sharing]:not([selected]), .tab-sharing-icon-overlay { - animation: 3s linear pulse infinite; + animation: 3s linear tab-sharing-icon-pulse infinite; } -@keyframes pulse { +@keyframes tab-sharing-icon-pulse { +/* This should remain identical to identity-box-sharing-icon-pulse in identity-block.inc.css */ 0%, 16.66%, 83.33%, 100% { opacity: 0; } @@ -3198,7 +3159,7 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- transition: 1s background-color ease-out; } -.tabbrowser-arrowscrollbox > .scrollbutton-down[notifybgtab] { +.tabbrowser-arrowscrollbox > .scrollbutton-down[highlight] { background-color: #008484; } @@ -3366,7 +3327,7 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { type of icon displayed. This rule must be defined before the others in order for its list-style-image to be overridden. */ .notification-anchor-icon { - list-style-image: url("chrome://global/skin/icons/information-16.png"); + list-style-image: url(chrome://browser/skin/notification-icons.svg#default-info); } .notification-anchor-icon:-moz-focusring { @@ -3379,21 +3340,12 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { } } -.popup-notification-icon { - width: 64px; - height: 64px; - margin-inline-end: 10px; -} - .notification-anchor-icon:not(.plugin-blocked), #blocked-permissions-container > .blocked-permission-icon { filter: url(chrome://global/skin/filters.svg#fill); fill: currentColor; } -.notification-anchor-icon:not(.plugin-blocked):not(:hover) { -} - /* INDIVIDUAL NOTIFICATIONS */ .popup-notification-icon[popupid="web-notifications"], @@ -3635,6 +3587,40 @@ html|*#webRTC-previewVideo { max-width: 28em; } +.addon-install-confirmation-name { + font-weight: bold; +} + +.addon-webext-perm-header { + font-size: 1.3em; +} + +.addon-webext-name { + display: inline; + font-weight: bold; + margin: 0; +} + +.addon-addon-icon { + width: 14px; + height: 14px; + list-style-image: url("chrome://browser/skin/menuPanel.svg"); + -moz-image-region: rect(0px, 288px, 32px, 256px); +} + +.addon-toolbar-icon { + width: 14px; + height: 14px; + list-style-image: url("chrome://browser/skin/Toolbar.png"); + -moz-image-region: rect(0, 486px, 18px, 468px); +} + +/* Notification icon box */ + +.notification-anchor-icon:-moz-focusring { +/* outline: 1px dotted -moz-DialogText;*/ +} + /* Translation infobar */ /* === BEGIN infobar.inc.css === */ @@ -3817,13 +3803,10 @@ html|*.pointerlockfswarning-domain { margin: 0; } +html|*#fullscreen-exit-button { + html|*.pointerlockfswarning-exit-button { - padding: 5px 30px; - font-family: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; - font-size: 14px; - font-weight: lighter; margin: 0; - box-sizing: content-box; border-radius: 300px; border: none; @@ -4536,6 +4519,22 @@ notification.pluginVulnerable .messageImage { --drag-drop-transition-duration: .3s; } +#main-window[customization-lwtheme] #tab-view-deck:-moz-lwtheme { + background-repeat: no-repeat; + background-position: right top; + background-attachment: fixed; + background-color: transparent; + background-image: -moz-image-rect(var(--lwt-header-image), 0, 100%, + var(--toolbox-rect-height), 0), + linear-gradient(to bottom, + var(--lwt-accent-color) calc(var(--toolbox-rect-height-with-unit) - 1px), + rgba(0,0,0,0.25) calc(var(--toolbox-rect-height-with-unit) - 1px), + rgba(0,0,0,0.25) calc(var(--toolbox-rect-height-with-unit) + 1px), + rgba(255,255,255,0.5) calc(var(--toolbox-rect-height-with-unit) + 1px), + rgba(255,255,255,0.5) calc(var(--toolbox-rect-height-with-unit) + 2px), + transparent calc(var(--toolbox-rect-height-with-unit) + 2px)); +} + #main-window:-moz-any([customize-entering],[customize-entered]) #browser-bottombox { margin-bottom: 1em; } @@ -4725,7 +4724,7 @@ notification.pluginVulnerable .messageImage { width: 20px; height: 20px; border-radius: 2px; - background-image: url("chrome://browser/skin/theme-switcher-icon.png"); + background-image: url("chrome://browser/content/default-theme-icon.svg"); background-size: contain; } @@ -4927,7 +4926,7 @@ toolbarpaletteitem[place="toolbar"]:not([mousedown="true"]):-moz-focusring { } .customization-lwtheme-menu-theme[defaulttheme] { - list-style-image: url(chrome://browser/skin/Fxtheme-switcher-icon.png); + list-style-image: url(chrome://browser/content/default-theme-icon.svg); } .customization-lwtheme-menu-theme[active="true"] { @@ -5084,15 +5083,6 @@ toolbarpaletteitem[place="toolbar"]:not([mousedown="true"]):-moz-focusring { background-attachment: fixed; } -#main-window[customization-lwtheme] > #tab-view-deck:-moz-lwtheme { - background-repeat: no-repeat; - background-position: right top; - background-attachment: fixed; - /* The image will get set from CustomizeMode.jsm */ - background-image: none; - background-color: transparent; -} - #main-window[customization-lwtheme]:-moz-lwtheme { background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"); background-repeat: repeat;