X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fbrowser.css;h=7dbd3dfcb06ac568df2f889a3e385f55955316bf;hp=0562f9ad90c8e462f47d84db0d5c3851e306e633;hb=0ef54c720436759577528cc97d0c4cc67eb1dc92;hpb=9d1e25fa65834829fa4b1e7391d8ff57c3713b1b diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index 0562f9ad..7dbd3dfc 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -2655,6 +2655,13 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon { /* === BEGIN tabs.inc.css === */ +:root { + /* --tab-toolbar-navbar-overlap: 1px; */ + /* --tab-min-height: 31px; */ + /* --tab-curve-width: 30px; */ + /* --tab-curve-half-width: 15px; */ +} + .tabbrowser-tab, .tabs-newtab-button, #TabsToolbar > #new-tab-button { @@ -2696,7 +2703,10 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon { .tab-content { } -.tab-/*throbber*/, +.tab-content[pinned] { +} + +.tab-throbber, .tab-icon-image, .tab-close-button { } @@ -2705,12 +2715,26 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon { .tab-icon-image { height: 16px; width: 16px; + -moz-margin-end: 3px; } .tab-icon-image { list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); } +.tab-icon-overlay { + width: 16px; + height: 16px; + /* margin-top: 10px; */ + -moz-margin-start: -16px; + display: none; +} + +.tab-icon-overlay[crashed] { + display: -moz-box; + list-style-image: url("chrome://browser/skin/tabbrowser/crashed.svg"); +} + .tab-throbber[busy] { list-style-image: url("chrome://communicator/skin/brand/throbber16-anim-connect.png"); } @@ -2719,11 +2743,6 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon { list-style-image: url("chrome://communicator/skin/brand/throbber16-anim.png"); } -.tab-throbber:not([pinned]), -.tab-icon-image:not([pinned]) { - -moz-margin-end: 3px; -} - .tab-throbber[pinned], .tab-icon-image[pinned] { -moz-margin-start: 2px; @@ -2820,17 +2839,11 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon { color: #000000; } -/* Handle a case where the last separator in a customized tab bar with a - separated new tab button causes the width of the tab to extend and causes - jittering with a small tab curve width (Bug 1111091). */ -#TabsToolbar[currentset]:not([currentset*="tabbrowser-tabs,new-tab-button"]) #tabbrowser-tabs:not([overflow]) > .tabbrowser-tab[last-visible-tab]:not([selected]):not([beforehovered]):not(:hover)::after { -} - /* New tab button */ .tabs-newtab-button { width: 28px; - /* width: calc(36px + @tabCurveWidth@); */ + /* width: calc(36px + var(--tab-curve-width)); */ } /* === END tabs.inc.css === */ @@ -3204,7 +3217,6 @@ 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*="offline-app-requested"], .popup-notification-icon[popupid="offline-app-usage"] { list-style-image: url("chrome://global/skin/icons/alert-question.gif"); @@ -3508,6 +3520,18 @@ notification[value="translation"] { -moz-appearance: none; } +/* Loop/ Hello browser styles */ + +notification[value="loop-sharing-notification"] .button-menubutton-button { + min-width: 0; + border: 0; + margin: 0; +} + +notification[value="loop-sharing-notification"] .messageImage { + list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16.png); +} + /* Bookmarks roots menu-items */ #subscribeToPageMenuitem:not([disabled]), #subscribeToPageMenupopup, @@ -4740,6 +4764,17 @@ notification.pluginVulnerable .messageImage { list-style-image: url("chrome://browser/skin/drm-icon.svg#chains-pressed"); } +#eme-notification-icon[firstplay=true] { + animation: emeTeachingMoment 0.2s linear 0s 5 normal; +} + +@keyframes emeTeachingMoment { + 0% {transform: translateX(0); } + 25% {transform: translateX(3px) } + 75% {transform: translateX(-3px) } + 100% { transform: translateX(0); } +} + /* === BEGIN customizeMode.inc.css === */ /* Customization mode */ @@ -5465,58 +5500,11 @@ toolbarpaletteitem[place="toolbar"] { color: #000000; } -.SearchHighlight { - -moz-margin-end: 6px; - font-size: 110%; - width: 225px; -} - -.SearchHighlight label, -.SearchHighlight description { - color: #008484; - margin: 0 0 8px 0; - padding: 0; -} - -.SearchHighlightTitle { - font-weight: bold; -} - -.SearchHighlight .dot { - width: 7px; - height: 7px; - background-image: -moz-image-rect(url("chrome://browser/skin/dots.png"), 0, 100%, 100%, 9); - background-size: 7px; - background-position: center center; - background-repeat: no-repeat; - -moz-margin-end: 2px; -} - -.SearchHighlight .dot.filled { - background-image: -moz-image-rect(url("chrome://browser/skin/dots.png"), 0, 7, 100%, 0); -} - -.SearchHighlight button { - margin: 0; - /* On some platforms clicking the button will steal focus from the search box - causing the popup to close. */ - -moz-user-focus: ignore; -} - -@media not all and (max-resolution: 1dppx) { - .SearchHighlight .dot { - background-image: -moz-image-rect(url("chrome://browser/skin/dots@2x.png"), 0, 100%, 100%, 18); - } - - .SearchHighlight .dot.filled { - background-image: -moz-image-rect(url("chrome://browser/skin/dots@2x.png"), 0, 14, 100%, 0); - } -} - /* Notification overrides for Heartbeat UI */ notification.heartbeat { background-color: #A09090; +/* height: 40px;*/ } @keyframes pulse-onshow { @@ -5553,17 +5541,15 @@ notification.heartbeat { .messageText.heartbeat { color: #000000; -/* font-weight: normal; - font-family: "Lucida Grande", Segoe, Ubuntu; - font-size: 14px; - line-height: 16px; - text-shadow: none; */ +/* text-shadow: none; */ + -moz-margin-start: 0px; } .messageImage.heartbeat { - width: 36px; - height: 36px; - -moz-margin-end: 10px; + width: 24px; + height: 24px; + -moz-margin-start: 8px; + -moz-margin-end: 8px; } .messageImage.heartbeat.pulse-onshow { @@ -5580,9 +5566,25 @@ notification.heartbeat { animation-timing-function: linear; } +/* Learn More link styles */ +.heartbeat > .text-link { + color: #3333FF; + -moz-margin-start: 0px; +} + +.heartbeat > .text-link:hover { + color: #9C9CFF; + text-decoration: none; +} + +.heartbeat > .text-link:hover:active { + color: #FF9F00; +} + /* Heartbeat UI Rating Star Classes */ .heartbeat > #star-rating-container { display: -moz-box; +/* margin-bottom: 4px;*/ } .heartbeat > #star-rating-container > #star5 { @@ -5604,16 +5606,15 @@ notification.heartbeat { .heartbeat > #star-rating-container > .star-x { background: url("chrome://browser/skin/heartbeat-star-off.svg"); cursor: pointer; - width: 24px; - height: 24px; + /* Overrides the -moz-margin-end for all platforms defined in the .plain class */ + -moz-margin-end: 4px !important; + width: 16px; + height: 16px; } .heartbeat > #star-rating-container > .star-x:hover, .heartbeat > #star-rating-container > .star-x:hover ~ .star-x { background: url("chrome://browser/skin/heartbeat-star-lit.svg"); - cursor: pointer; - width: 24px; - height: 24px; } /* === END UITour.inc.css === */ @@ -5744,6 +5745,10 @@ menugroup > .menuitem-iconic[disabled="true"] > .menu-iconic-left { list-style-image: url("chrome://browser/skin/drm-icon.svg#chains"); } +#context-media-eme-learnmore { + list-style-image: url("chrome://browser/skin/drm-icon.svg#chains"); +} + /* === END contextmenu.inc.css === */ #context-navigation {