123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161 |
- /*
- * Copyright 2009 The Closure Library Authors. All Rights Reserved.
- *
- * Use of this source code is governed by the Apache License, Version 2.0.
- * 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(//ssl.gstatic.com/editor/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 {
- 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;
- }
|