| /* |
| * 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; |
| } |