diff options
Diffstat (limited to 'browser/themes/shared')
-rw-r--r-- | browser/themes/shared/UITour.inc.css | 293 | ||||
-rw-r--r-- | browser/themes/shared/customizableui/customizeMode.inc.css | 2 | ||||
-rw-r--r-- | browser/themes/shared/customizableui/customizeTip.inc.css | 77 |
3 files changed, 0 insertions, 372 deletions
diff --git a/browser/themes/shared/UITour.inc.css b/browser/themes/shared/UITour.inc.css deleted file mode 100644 index bc89ade76..000000000 --- a/browser/themes/shared/UITour.inc.css +++ /dev/null @@ -1,293 +0,0 @@ -%if 0 -/* This Source Code Form is subject to the terms of the Mozilla Public - * License, v. 2.0. If a copy of the MPL was not distributed with this - * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -%endif - -/* UI Tour */ - -#UITourHighlightContainer { - -moz-appearance: none; - -moz-window-shadow: none; - border: none; - background-color: transparent; - /* This is a buffer to compensate for the movement in the "wobble" effect, - and for the box-shadow of #UITourHighlight. */ - padding: 4px; -} - -#UITourHighlight { - background-image: radial-gradient(50% 100%, rgba(0,149,220,0.4) 50%, rgba(0,149,220,0.6) 100%); - border-radius: 40px; - border: 1px solid white; - /* The box-shadow opacity needs to be < 0.5 so it doesn't appear at 100% opacity - on Linux without an X compositor where opacity is either 0 or 1. */ - box-shadow: 0 0 3px 0 rgba(0,0,0,0.49); - min-height: 32px; - min-width: 32px; -} - -#UITourTooltipBody { - -moz-box-align: start; -} - -#UITourTooltipTitleContainer { - -moz-box-align: start; - margin-bottom: 10px; -} - -#UITourTooltipIcon { - width: 48px; - height: 48px; - margin-inline-end: 10px; -} - -#UITourTooltipTitle, -#UITourTooltipDescription { - max-width: 20rem; -} - -#UITourTooltipTitle { - font-size: 1.45rem; - font-weight: bold; - margin: 0; -} - -#UITourTooltipDescription { - margin-inline-start: 0; - margin-inline-end: 0; - font-size: 1.15rem; - line-height: 1.8rem; - margin-bottom: 0; /* Override global.css */ -} - -#UITourTooltipClose { - position: relative; - -moz-appearance: none; - border: none; - background-color: transparent; - min-width: 0; - margin-inline-start: 4px; - margin-top: -2px; -} - -#UITourTooltipClose > .toolbarbutton-text { - display: none; -} - -#UITourTooltipButtons { - -moz-box-pack: end; - background-color: hsla(210,4%,10%,.07); - border-top: 1px solid hsla(210,4%,10%,.14); - margin: 10px -16px -16px; - padding: 16px; -} - -#UITourTooltipButtons > label, -#UITourTooltipButtons > button { - margin: 0 15px; -} - -#UITourTooltipButtons > label:first-child, -#UITourTooltipButtons > button:first-child { - margin-inline-start: 0; -} - -#UITourTooltipButtons > label:last-child, -#UITourTooltipButtons > button:last-child { - margin-inline-end: 0; -} - -#UITourTooltipButtons > button[image] > .button-box > .button-icon { - width: 16px; - height: 16px; - margin-inline-end: 5px; -} - -#UITourTooltipButtons > label, -#UITourTooltipButtons > button .button-text { - font-size: 1.15rem; -} - -#UITourTooltipButtons > button:not(.button-link) { - -moz-appearance: none; - background-color: rgb(251,251,251); - border-radius: 3px; - border: 1px solid; - border-color: rgb(192,192,192); - color: rgb(71,71,71); - padding: 4px 30px; - transition-property: background-color, border-color; - transition-duration: 150ms; -} - -#UITourTooltipButtons > button:not(.button-link):not(:active):hover { - background-color: hsla(210,4%,10%,.15); - border-color: hsla(210,4%,10%,.15); - box-shadow: 0 1px 0 0 hsla(210,4%,10%,.05) inset; -} - -#UITourTooltipButtons > label, -#UITourTooltipButtons > button.button-link { - -moz-appearance: none; - background: transparent; - border: none; - box-shadow: none; - color: rgba(0,0,0,0.35); - padding-left: 10px; - padding-right: 10px; -} - -#UITourTooltipButtons > button.button-link:hover { - color: black; -} - -/* The primary button gets the same color as the customize button. */ -#UITourTooltipButtons > button.button-primary { - background-color: rgb(116,191,67); - color: white; - padding-left: 30px; - padding-right: 30px; -} - -#UITourTooltipButtons > button.button-primary:not(:active):hover { - background-color: rgb(105,173,61); -} - -/* Notification overrides for Heartbeat UI */ - -notification.heartbeat { -%ifdef XP_MACOSX - background-image: linear-gradient(-179deg, #FBFBFB 0%, #EBEBEB 100%); -%else - background-color: #F1F1F1; -%endif - border-bottom: 1px solid #C1C1C1; - height: 40px; -} - -/* In themes/osx/global/notification.css the close icon is inverted because notifications - on OSX are usually dark. Heartbeat is light, so override that behaviour. */ - -%ifdef XP_MACOSX -notification.heartbeat[type="info"] .close-icon:not(:hover) { - -moz-image-region: rect(0, 16px, 16px, 0px) !important; -} -@media (min-resolution: 2dppx) { - notification.heartbeat[type="info"] .close-icon:not(:hover) { - -moz-image-region: rect(0, 32px, 32px, 0px) !important; - } -} -%endif - -@keyframes pulse-onshow { - 0% { - opacity: 0; - transform: scale(1.0); - } - 25% { - opacity: 1; - transform: scale(1.1); - } - 50% { - transform: scale(1.0); - } - 75% { - transform: scale(1.1); - } - 100% { - transform: scale(1.0); - } -} - -@keyframes pulse-twice { - 0% { - transform: scale(1.1); - } - 50% { - transform: scale(0.8); - } - 100% { - transform: scale(1); - } -} - -.messageText.heartbeat { - color: #333333; - text-shadow: none; - margin-inline-start: 0px; - /* The !important is required to override OSX default style. */ - margin-inline-end: 12px !important; -} - -.messageImage.heartbeat { - width: 24px; - height: 24px; - margin-inline-start: 8px; - margin-inline-end: 8px; -} - -.messageImage.heartbeat.pulse-onshow { - animation-name: pulse-onshow; - animation-duration: 1.5s; - animation-iteration-count: 1; - animation-timing-function: cubic-bezier(.7,1.8,.9,1.1); -} - -.messageImage.heartbeat.pulse-twice { - animation-name: pulse-twice; - animation-duration: 1s; - animation-iteration-count: 2; - animation-timing-function: linear; -} - -/* Learn More link styles */ -.heartbeat > .text-link { - color: #0095DD; - margin-inline-start: 0px; -} - -.heartbeat > .text-link:hover { - color: #008ACB; - text-decoration: none; -} - -.heartbeat > .text-link:hover:active { - color: #006B9D; -} - -/* Heartbeat UI Rating Star Classes */ -.heartbeat > #star-rating-container { - display: -moz-box; - margin-bottom: 4px; -} - -.heartbeat > #star-rating-container > #star5 { - -moz-box-ordinal-group: 5; -} - -.heartbeat > #star-rating-container > #star4 { - -moz-box-ordinal-group: 4; -} - -.heartbeat > #star-rating-container > #star3 { - -moz-box-ordinal-group: 3; -} - -.heartbeat > #star-rating-container > #star2 { - -moz-box-ordinal-group: 2; -} - -.heartbeat > #star-rating-container > .star-x { - background: url("chrome://browser/skin/heartbeat-star-off.svg"); - cursor: pointer; - /* Overrides the margin-inline-end for all platforms defined in the .plain class */ - margin-inline-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"); -} diff --git a/browser/themes/shared/customizableui/customizeMode.inc.css b/browser/themes/shared/customizableui/customizeMode.inc.css index 48681d9f3..d99933388 100644 --- a/browser/themes/shared/customizableui/customizeMode.inc.css +++ b/browser/themes/shared/customizableui/customizeMode.inc.css @@ -457,5 +457,3 @@ toolbarpaletteitem[place="toolbar"]:not([mousedown="true"]):-moz-focusring { .customization-lwtheme-menu-footeritem:first-child { border-inline-end: 1px solid var(--panel-separator-color); } - -%include customizeTip.inc.css diff --git a/browser/themes/shared/customizableui/customizeTip.inc.css b/browser/themes/shared/customizableui/customizeTip.inc.css deleted file mode 100644 index 26c6ee1ea..000000000 --- a/browser/themes/shared/customizableui/customizeTip.inc.css +++ /dev/null @@ -1,77 +0,0 @@ -/* This Source Code Form is subject to the terms of the Mozilla Public - * License, v. 2.0. If a copy of the MPL was not distributed with this - * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ - -#customization-tipPanel > .panel-arrowcontainer > .panel-arrowcontent { - padding: 0; - margin: 0; - min-width: 400px; - max-width: 1000px; - min-height: 200px; - border-radius: 3px; - background-image: linear-gradient(90deg, #a0dfff 0%, #ceeeff 100%); - border: 0px solid rgba(0,148,221,.5); - box-shadow: 0 1px 5px 0 rgba(0,0,0,.5), inset 0 1px 1px 0 #fff; - color: rgb(51,51,51); -} - -#customization-tipPanel > .panel-arrowcontainer > .panel-arrowcontent:-moz-locale-dir(rtl) { - background-image: linear-gradient(90deg, #ceeeff 0%, #a0dfff 100%); -} - -.customization-tipPanel-infoBox { - margin: 20px 25px 25px; - width: 25px; - background-image: url(chrome://browser/skin/customizableui/info-icon-customizeTip.png); - background-repeat: no-repeat; -} - -.customization-tipPanel-content { - margin: 25px 0; - font-size: 12px; - line-height: 18px; -} - -.customization-tipPanel-em { - margin: 0; - font-weight: bold; -} - -.customization-tipPanel-contentImage { - margin-top: 25px; - list-style-image: url(chrome://browser/skin/customizableui/customize-illustration.png); - min-width: 300px; - max-width: 300px; - min-height: 190px; - max-height: 190px; - display: -moz-box; -} - -.customization-tipPanel-contentImage:-moz-locale-dir(rtl) { - list-style-image: url(chrome://browser/skin/customizableui/customize-illustration-rtl.png); -} - -.customization-tipPanel-link { - -moz-appearance: none; - background: transparent; - border: none; - box-shadow: none; - color: rgb(25,82,171); - margin: 0; - cursor: pointer; -} - -.customization-tipPanel-link > .button-box > .button-text { - margin: 0 !important; -} - -.customization-tipPanel-closeBox > .close-icon { - -moz-appearance: none; - border: 0; - margin-inline-end: -25px; -} - -#customization-tipPanel > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side="left"], -#customization-tipPanel > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side="right"] { - list-style-image: url("chrome://browser/skin/customizableui/panelarrow-customizeTip.png"); -} |