1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/browser/themes/shared/UITour.inc.css Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,149 @@
1.4 +%if 0
1.5 +/* This Source Code Form is subject to the terms of the Mozilla Public
1.6 + * License, v. 2.0. If a copy of the MPL was not distributed with this
1.7 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
1.8 +%endif
1.9 +
1.10 +/* UI Tour */
1.11 +
1.12 +#UITourHighlightContainer {
1.13 + -moz-appearance: none;
1.14 + border: none;
1.15 + background-color: transparent;
1.16 + /* This is a buffer to compensate for the movement in the "wobble" effect */
1.17 + padding: 4px;
1.18 +}
1.19 +
1.20 +#UITourHighlight {
1.21 + background-image: radial-gradient(50% 100%, rgba(0,149,220,0.4) 50%, rgba(0,149,220,0.6) 100%);
1.22 + border-radius: 40px;
1.23 + border: 1px solid white;
1.24 + /* The box-shadow opacity needs to be < 0.5 so it doesn't appear at 100% opacity
1.25 + on Linux without an X compositor where opacity is either 0 or 1. */
1.26 + box-shadow: 0 0 3px 0 rgba(0,0,0,0.49);
1.27 + min-height: 32px;
1.28 + min-width: 32px;
1.29 +}
1.30 +
1.31 +#UITourTooltipBody {
1.32 + -moz-margin-end: 14px;
1.33 +}
1.34 +
1.35 +#UITourTooltipBody > vbox {
1.36 + padding-top: 4px;
1.37 +}
1.38 +
1.39 +#UITourTooltipIconContainer {
1.40 + -moz-margin-start: -16px;
1.41 +}
1.42 +
1.43 +#UITourTooltipIcon {
1.44 + width: 48px;
1.45 + height: 48px;
1.46 + -moz-margin-start: 28px;
1.47 + -moz-margin-end: 28px;
1.48 +}
1.49 +
1.50 +#UITourTooltipTitle,
1.51 +#UITourTooltipDescription {
1.52 + max-width: 20rem;
1.53 +}
1.54 +
1.55 +#UITourTooltipTitle {
1.56 + font-size: 1.45rem;
1.57 + font-weight: bold;
1.58 + -moz-margin-start: 0;
1.59 + -moz-margin-end: 0;
1.60 + margin: 0 0 9px 0;
1.61 +}
1.62 +
1.63 +#UITourTooltipDescription {
1.64 + -moz-margin-start: 0;
1.65 + -moz-margin-end: 0;
1.66 + font-size: 1.15rem;
1.67 + line-height: 1.8rem;
1.68 + margin-bottom: 0; /* Override global.css */
1.69 +}
1.70 +
1.71 +#UITourTooltipClose {
1.72 + -moz-appearance: none;
1.73 + border: none;
1.74 + background-color: transparent;
1.75 + min-width: 0;
1.76 + -moz-margin-start: 4px;
1.77 + margin-top: -2px;
1.78 +}
1.79 +
1.80 +#UITourTooltipClose > .toolbarbutton-text {
1.81 + display: none;
1.82 +}
1.83 +
1.84 +#UITourTooltipButtons {
1.85 + -moz-box-pack: end;
1.86 + background-color: hsla(210,4%,10%,.07);
1.87 + border-top: 1px solid hsla(210,4%,10%,.14);
1.88 + margin: 24px -16px -16px;
1.89 + padding: 2em 15px;
1.90 +}
1.91 +
1.92 +#UITourTooltipButtons > button {
1.93 + margin: 0 15px;
1.94 +}
1.95 +
1.96 +#UITourTooltipButtons > button:first-child {
1.97 + -moz-margin-start: 0;
1.98 +}
1.99 +
1.100 +#UITourTooltipButtons > button[image] > .button-box > .button-icon {
1.101 + width: 16px;
1.102 + height: 16px;
1.103 + -moz-margin-end: 5px;
1.104 +}
1.105 +
1.106 +#UITourTooltipButtons > button .button-text {
1.107 + font-size: 1.15rem;
1.108 +}
1.109 +
1.110 +#UITourTooltipButtons > button:not(.button-link) {
1.111 + -moz-appearance: none;
1.112 + background-color: rgb(251,251,251);
1.113 + border-radius: 3px;
1.114 + border: 1px solid;
1.115 + border-color: rgb(192,192,192);
1.116 + color: rgb(71,71,71);
1.117 + padding: 4px 30px;
1.118 + transition-property: background-color, border-color;
1.119 + transition-duration: 150ms;
1.120 +}
1.121 +
1.122 +#UITourTooltipButtons > button:not(.button-link):not(:active):hover {
1.123 + background-color: hsla(210,4%,10%,.15);
1.124 + border-color: hsla(210,4%,10%,.15);
1.125 + box-shadow: 0 1px 0 0 hsla(210,4%,10%,.05) inset;
1.126 +}
1.127 +
1.128 +#UITourTooltipButtons > button.button-link {
1.129 + -moz-appearance: none;
1.130 + background: transparent;
1.131 + border: none;
1.132 + box-shadow: none;
1.133 + color: rgba(0,0,0,0.35);
1.134 + padding-left: 10px;
1.135 + padding-right: 10px;
1.136 +}
1.137 +
1.138 +#UITourTooltipButtons > button.button-link:hover {
1.139 + color: black;
1.140 +}
1.141 +
1.142 +/* The primary button gets the same color as the customize button. */
1.143 +#UITourTooltipButtons > button.button-primary {
1.144 + background-color: rgb(116,191,67);
1.145 + color: white;
1.146 + padding-left: 30px;
1.147 + padding-right: 30px;
1.148 +}
1.149 +
1.150 +#UITourTooltipButtons > button.button-primary:not(:active):hover {
1.151 + background-color: rgb(105,173,61);
1.152 +}
