michael@0: /* This Source Code Form is subject to the terms of the Mozilla Public
michael@0:  * License, v. 2.0. If a copy of the MPL was not distributed with this
michael@0:  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
michael@0: 
michael@0: #customization-tipPanel > .panel-arrowcontainer > .panel-arrowcontent {
michael@0:   padding: 0;
michael@0:   margin: 0;
michael@0:   min-width: 400px;
michael@0:   max-width: 1000px;
michael@0:   min-height: 200px;
michael@0:   border-radius: 3px;
michael@0:   background-image: linear-gradient(90deg, #a0dfff 0%, #ceeeff 100%);
michael@0:   border: 0px solid rgba(0,148,221,.5);
michael@0:   box-shadow: 0 1px 5px 0 rgba(0,0,0,.5), inset 0 1px 1px 0 #fff;
michael@0: }
michael@0: 
michael@0: #customization-tipPanel > .panel-arrowcontainer > .panel-arrowcontent:-moz-locale-dir(rtl) {
michael@0:   background-image: linear-gradient(90deg, #ceeeff 0%, #a0dfff 100%);
michael@0: }
michael@0: 
michael@0: .customization-tipPanel-infoBox {
michael@0:   margin: 20px 25px 25px;
michael@0:   width: 25px;
michael@0:   background-image: url(chrome://browser/skin/customizableui/info-icon-customizeTip.png);
michael@0:   background-repeat: no-repeat;
michael@0: }
michael@0: 
michael@0: .customization-tipPanel-content {
michael@0:   margin: 25px 0;
michael@0:   font-size: 12px;
michael@0:   line-height: 18px;
michael@0: }
michael@0: 
michael@0: .customization-tipPanel-em {
michael@0:   margin: 0;
michael@0:   font-weight: bold;
michael@0: }
michael@0: 
michael@0: .customization-tipPanel-contentImage {
michael@0:   margin-top: 25px;
michael@0:   list-style-image: url(chrome://browser/skin/customizableui/customize-illustration.png);
michael@0:   min-width: 300px;
michael@0:   max-width: 300px;
michael@0:   min-height: 190px;
michael@0:   max-height: 190px;
michael@0:   display: -moz-box;
michael@0: }
michael@0: 
michael@0: .customization-tipPanel-contentImage:-moz-locale-dir(rtl) {
michael@0:   list-style-image: url(chrome://browser/skin/customizableui/customize-illustration-rtl.png);
michael@0: }
michael@0: 
michael@0: .customization-tipPanel-link {
michael@0:   -moz-appearance: none;
michael@0:   background: transparent;
michael@0:   border: none;
michael@0:   box-shadow: none;
michael@0:   color: rgb(25,82,171);
michael@0:   margin: 0;
michael@0:   cursor: pointer;
michael@0: }
michael@0: 
michael@0: .customization-tipPanel-link > .button-box > .button-text {
michael@0:   margin: 0 !important;
michael@0: }
michael@0: 
michael@0: .customization-tipPanel-closeBox > .close-icon {
michael@0:   -moz-appearance: none;
michael@0:   border: 0;
michael@0:   -moz-margin-end: -25px;
michael@0: }
michael@0: 
michael@0: #customization-tipPanel > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side="left"],
michael@0: #customization-tipPanel > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side="right"] {
michael@0:   list-style-image: url("chrome://browser/skin/customizableui/panelarrow-customizeTip.png");
michael@0: }