165 lines
4.3 KiB
CSS
165 lines
4.3 KiB
CSS
/*
|
|
* Copyright 2009 The Closure Library Authors. All Rights Reserved.
|
|
*
|
|
* Use of this source code is governed by an Apache 2.0 License.
|
|
* See the COPYING file for details.
|
|
*/
|
|
|
|
/*
|
|
* Styling for custom buttons rendered by goog.ui.CustomButtonRenderer.
|
|
*
|
|
* @author attila@google.com (Attila Bodis)
|
|
*/
|
|
|
|
.goog-custom-button {
|
|
margin: 2px;
|
|
border: 0;
|
|
padding: 0;
|
|
font-family: Arial, sans-serif;
|
|
color: #000;
|
|
/* Client apps may override the URL at which they serve the image. */
|
|
background: #ddd url(/button-bg.png) repeat-x top left;
|
|
text-decoration: none;
|
|
list-style: none;
|
|
vertical-align: middle;
|
|
cursor: default;
|
|
outline: none;
|
|
}
|
|
|
|
/* Pseudo-rounded corners. */
|
|
.goog-custom-button-outer-box,
|
|
.goog-custom-button-inner-box {
|
|
border-style: solid;
|
|
border-color: #aaa;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.goog-custom-button-outer-box {
|
|
margin: 0;
|
|
border-width: 1px 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.goog-custom-button-inner-box {
|
|
/* By default in FF2, block elements inside a moz-inline-box are stacked
|
|
* horizontally next to each other. This stops that weird behavior. */
|
|
-moz-box-orient: vertical;
|
|
margin: 0 -1px;
|
|
border-width: 0 1px;
|
|
padding: 3px 4px;
|
|
white-space: nowrap; /* Prevents buttons from line breaking on android. */
|
|
}
|
|
|
|
/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
|
|
* html .goog-custom-button-inner-box {
|
|
/* IE6 needs to have the box shifted to make the borders line up. */
|
|
left: -1px;
|
|
}
|
|
/* Pre-IE7 BiDi fixes. */
|
|
* html .goog-custom-button-rtl .goog-custom-button-outer-box {
|
|
/* @noflip */ left: -1px;
|
|
}
|
|
* html .goog-custom-button-rtl .goog-custom-button-inner-box {
|
|
/* @noflip */ right: auto;
|
|
}
|
|
|
|
/* IE7-only hack; ignored by all other browsers. */
|
|
*:first-child+html .goog-custom-button-inner-box {
|
|
/* IE7 needs to have the box shifted to make the borders line up. */
|
|
left: -1px;
|
|
}
|
|
/* IE7 BiDi fix. */
|
|
*:first-child+html .goog-custom-button-rtl .goog-custom-button-inner-box {
|
|
/* @noflip */ left: 1px;
|
|
}
|
|
|
|
/* Safari-only hacks. */
|
|
::root .goog-custom-button,
|
|
::root .goog-custom-button-outer-box {
|
|
/* Required to make pseudo-rounded corners work on Safari. */
|
|
line-height: 0;
|
|
}
|
|
|
|
::root .goog-custom-button-inner-box {
|
|
/* Required to make pseudo-rounded corners work on Safari. */
|
|
line-height: normal;
|
|
}
|
|
|
|
/* State: disabled. */
|
|
.goog-custom-button-disabled {
|
|
background-image: none !important;
|
|
opacity: 0.3;
|
|
-moz-opacity: 0.3;
|
|
filter: alpha(opacity=30);
|
|
}
|
|
|
|
.goog-custom-button-disabled .goog-custom-button-outer-box,
|
|
.goog-custom-button-disabled .goog-custom-button-inner-box {
|
|
color: #333 !important;
|
|
border-color: #999 !important;
|
|
}
|
|
|
|
/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
|
|
* html .goog-custom-button-disabled {
|
|
margin: 2px 1px !important;
|
|
padding: 0 1px !important;
|
|
}
|
|
|
|
/* IE7-only hack; ignored by all other browsers. */
|
|
*:first-child+html .goog-custom-button-disabled {
|
|
margin: 2px 1px !important;
|
|
padding: 0 1px !important;
|
|
}
|
|
|
|
/* State: hover. */
|
|
.goog-custom-button-hover .goog-custom-button-outer-box,
|
|
.goog-custom-button-hover .goog-custom-button-inner-box {
|
|
border-color: #9cf #69e #69e #7af !important; /* Hover border wins. */
|
|
}
|
|
|
|
/* State: active, checked. */
|
|
.goog-custom-button-active,
|
|
.goog-custom-button-checked {
|
|
background-color: #bbb;
|
|
background-position: bottom left;
|
|
}
|
|
|
|
/* State: focused. */
|
|
.goog-custom-button-focused .goog-custom-button-outer-box,
|
|
.goog-custom-button-focused .goog-custom-button-inner-box {
|
|
border-color: orange;
|
|
}
|
|
|
|
/* Pill (collapsed border) styles. */
|
|
.goog-custom-button-collapse-right,
|
|
.goog-custom-button-collapse-right .goog-custom-button-outer-box,
|
|
.goog-custom-button-collapse-right .goog-custom-button-inner-box {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.goog-custom-button-collapse-left,
|
|
.goog-custom-button-collapse-left .goog-custom-button-outer-box,
|
|
.goog-custom-button-collapse-left .goog-custom-button-inner-box {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.goog-custom-button-collapse-left .goog-custom-button-inner-box {
|
|
border-left: 1px solid #fff;
|
|
}
|
|
|
|
.goog-custom-button-collapse-left.goog-custom-button-checked
|
|
.goog-custom-button-inner-box {
|
|
border-left: 1px solid #ddd;
|
|
}
|
|
|
|
/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
|
|
* html .goog-custom-button-collapse-left .goog-custom-button-inner-box {
|
|
left: 0;
|
|
}
|
|
|
|
/* IE7-only hack; ignored by all other browsers. */
|
|
*:first-child+html .goog-custom-button-collapse-left
|
|
.goog-custom-button-inner-box {
|
|
left: 0;
|
|
}
|