X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/2e847cf21b8ab9d15fa167b315ca5b2fa92638fc..6a7e4474cba9d8be4b2ec445e10f1691f7277c50:/resources/css/structure/button.css diff --git a/resources/css/structure/button.css b/resources/css/structure/button.css index 7d18f896..f463b938 100644 --- a/resources/css/structure/button.css +++ b/resources/css/structure/button.css @@ -1,445 +1,445 @@ /*! - * Ext JS Library 3.1.1 - * Copyright(c) 2006-2010 Ext JS, LLC + * Ext JS Library 3.2.0 + * Copyright(c) 2006-2010 Ext JS, Inc. * licensing@extjs.com * http://www.extjs.com/license */ -.x-btn{ - cursor:pointer; - white-space: nowrap; -} - -.x-btn button{ - border:0 none; - background:transparent; - padding-left:3px; - padding-right:3px; - cursor:pointer; - margin:0; - overflow:visible; - width:auto; - -moz-outline:0 none; - outline:0 none; -} - -* html .ext-ie .x-btn button { - width:1px; -} - -.ext-gecko .x-btn button { - padding-left:0; - padding-right:0; -} - -.ext-gecko .x-btn button::-moz-focus-inner { - padding:0; -} - -.ext-ie .x-btn button { - padding-top:2px; -} - -.x-btn td { - padding:0 !important; -} - -.x-btn-text { - cursor:pointer; - white-space: nowrap; - padding:0; -} - -/* icon placement and sizing styles */ - -/* Only text */ -.x-btn-noicon .x-btn-small .x-btn-text{ - height: 16px; -} - -.x-btn-noicon .x-btn-medium .x-btn-text{ - height: 24px; -} - -.x-btn-noicon .x-btn-large .x-btn-text{ - height: 32px; -} - -/* Only icons */ -.x-btn-icon .x-btn-text{ - background-position: center; - background-repeat: no-repeat; -} - -.x-btn-icon .x-btn-small .x-btn-text{ - height: 16px; - width: 16px; -} - -.x-btn-icon .x-btn-medium .x-btn-text{ - height: 24px; - width: 24px; -} - -.x-btn-icon .x-btn-large .x-btn-text{ - height: 32px; - width: 32px; -} - -/* Icons and text */ -/* left */ -.x-btn-text-icon .x-btn-icon-small-left .x-btn-text{ - background-position: 0 center; - background-repeat: no-repeat; - padding-left:18px; - height:16px; -} - -.x-btn-text-icon .x-btn-icon-medium-left .x-btn-text{ - background-position: 0 center; - background-repeat: no-repeat; - padding-left:26px; - height:24px; -} - -.x-btn-text-icon .x-btn-icon-large-left .x-btn-text{ - background-position: 0 center; - background-repeat: no-repeat; - padding-left:34px; - height:32px; -} - -/* top */ -.x-btn-text-icon .x-btn-icon-small-top .x-btn-text{ - background-position: center 0; - background-repeat: no-repeat; - padding-top:18px; -} - -.x-btn-text-icon .x-btn-icon-medium-top .x-btn-text{ - background-position: center 0; - background-repeat: no-repeat; - padding-top:26px; -} - -.x-btn-text-icon .x-btn-icon-large-top .x-btn-text{ - background-position: center 0; - background-repeat: no-repeat; - padding-top:34px; -} - -/* right */ -.x-btn-text-icon .x-btn-icon-small-right .x-btn-text{ - background-position: right center; - background-repeat: no-repeat; - padding-right:18px; - height:16px; -} - -.x-btn-text-icon .x-btn-icon-medium-right .x-btn-text{ - background-position: right center; - background-repeat: no-repeat; - padding-right:26px; - height:24px; -} - -.x-btn-text-icon .x-btn-icon-large-right .x-btn-text{ - background-position: right center; - background-repeat: no-repeat; - padding-right:34px; - height:32px; -} - -/* bottom */ -.x-btn-text-icon .x-btn-icon-small-bottom .x-btn-text{ - background-position: center bottom; - background-repeat: no-repeat; - padding-bottom:18px; -} - -.x-btn-text-icon .x-btn-icon-medium-bottom .x-btn-text{ - background-position: center bottom; - background-repeat: no-repeat; - padding-bottom:26px; -} - -.x-btn-text-icon .x-btn-icon-large-bottom .x-btn-text{ - background-position: center bottom; - background-repeat: no-repeat; - padding-bottom:34px; -} - -/* background positioning */ -.x-btn-tr i, .x-btn-tl i, .x-btn-mr i, .x-btn-ml i, .x-btn-br i, .x-btn-bl i{ - font-size:1px; - line-height:1px; - width:3px; - display:block; - overflow:hidden; -} - -.x-btn-tr i, .x-btn-tl i, .x-btn-br i, .x-btn-bl i{ - height:3px; -} - -.x-btn-tl{ - width:3px; - height:3px; - background:no-repeat 0 0; -} -.x-btn-tr{ - width:3px; - height:3px; - background:no-repeat -3px 0; -} -.x-btn-tc{ - height:3px; - background:repeat-x 0 -6px; -} - -.x-btn-ml{ - width:3px; - background:no-repeat 0 -24px; -} -.x-btn-mr{ - width:3px; - background:no-repeat -3px -24px; -} - -.x-btn-mc{ - background:repeat-x 0 -1096px; - vertical-align: middle; - text-align:center; - padding:0 5px; - cursor:pointer; - white-space:nowrap; -} - -/* Fixes an issue with the button height */ -.ext-strict .ext-ie6 .x-btn-mc, .ext-strict .ext-ie7 .x-btn-mc { - height: 100%; -} - -.x-btn-bl{ - width:3px; - height:3px; - background:no-repeat 0 -3px; -} - -.x-btn-br{ - width:3px; - height:3px; - background:no-repeat -3px -3px; -} - -.x-btn-bc{ - height:3px; - background:repeat-x 0 -15px; -} - -.x-btn-over .x-btn-tl{ - background-position: -6px 0; -} - -.x-btn-over .x-btn-tr{ - background-position: -9px 0; -} - -.x-btn-over .x-btn-tc{ - background-position: 0 -9px; -} - -.x-btn-over .x-btn-ml{ - background-position: -6px -24px; -} - -.x-btn-over .x-btn-mr{ - background-position: -9px -24px; -} - -.x-btn-over .x-btn-mc{ - background-position: 0 -2168px; -} - -.x-btn-over .x-btn-bl{ - background-position: -6px -3px; -} - -.x-btn-over .x-btn-br{ - background-position: -9px -3px; -} - -.x-btn-over .x-btn-bc{ - background-position: 0 -18px; -} - -.x-btn-click .x-btn-tl, .x-btn-menu-active .x-btn-tl, .x-btn-pressed .x-btn-tl{ - background-position: -12px 0; -} - -.x-btn-click .x-btn-tr, .x-btn-menu-active .x-btn-tr, .x-btn-pressed .x-btn-tr{ - background-position: -15px 0; -} - -.x-btn-click .x-btn-tc, .x-btn-menu-active .x-btn-tc, .x-btn-pressed .x-btn-tc{ - background-position: 0 -12px; -} - -.x-btn-click .x-btn-ml, .x-btn-menu-active .x-btn-ml, .x-btn-pressed .x-btn-ml{ - background-position: -12px -24px; -} - -.x-btn-click .x-btn-mr, .x-btn-menu-active .x-btn-mr, .x-btn-pressed .x-btn-mr{ - background-position: -15px -24px; -} - -.x-btn-click .x-btn-mc, .x-btn-menu-active .x-btn-mc, .x-btn-pressed .x-btn-mc{ - background-position: 0 -3240px; -} - -.x-btn-click .x-btn-bl, .x-btn-menu-active .x-btn-bl, .x-btn-pressed .x-btn-bl{ - background-position: -12px -3px; -} - -.x-btn-click .x-btn-br, .x-btn-menu-active .x-btn-br, .x-btn-pressed .x-btn-br{ - background-position: -15px -3px; -} - -.x-btn-click .x-btn-bc, .x-btn-menu-active .x-btn-bc, .x-btn-pressed .x-btn-bc{ - background-position: 0 -21px; -} - -.x-btn-disabled *{ - cursor:default !important; -} - - -/* With a menu arrow */ -/* right */ -.x-btn-mc em.x-btn-arrow { - display:block; - background:transparent no-repeat right center; - padding-right:10px; -} - -.x-btn-mc em.x-btn-split { - display:block; - background:transparent no-repeat right center; - padding-right:14px; -} - -/* bottom */ -.x-btn-mc em.x-btn-arrow-bottom { - display:block; - background:transparent no-repeat center bottom; - padding-bottom:14px; -} - -.x-btn-mc em.x-btn-split-bottom { - display:block; - background:transparent no-repeat center bottom; - padding-bottom:14px; -} - -/* height adjustment class */ -.x-btn-as-arrow .x-btn-mc em { - display:block; - background:transparent; - padding-bottom:14px; -} - -/* groups */ -.x-btn-group { - padding:1px; -} - -.x-btn-group-header { - padding:2px; - text-align:center; -} - -.x-btn-group-tc { - background: transparent repeat-x 0 0; - overflow:hidden; -} - -.x-btn-group-tl { - background: transparent no-repeat 0 0; - padding-left:3px; - zoom:1; -} - -.x-btn-group-tr { - background: transparent no-repeat right 0; - zoom:1; - padding-right:3px; -} - -.x-btn-group-bc { - background: transparent repeat-x 0 bottom; - zoom:1; -} - -.x-btn-group-bc .x-panel-footer { - zoom:1; -} - -.x-btn-group-bl { - background: transparent no-repeat 0 bottom; - padding-left:3px; - zoom:1; -} - -.x-btn-group-br { - background: transparent no-repeat right bottom; - padding-right:3px; - zoom:1; -} - -.x-btn-group-mc { - border:0 none; - padding:1px 0 0 0; - margin:0; -} - -.x-btn-group-mc .x-btn-group-body { - background:transparent; - border: 0 none; -} - -.x-btn-group-ml { - background: transparent repeat-y 0 0; - padding-left:3px; - zoom:1; -} - -.x-btn-group-mr { - background: transparent repeat-y right 0; - padding-right:3px; - zoom:1; -} - -.x-btn-group-bc .x-btn-group-footer { - padding-bottom:6px; -} - -.x-panel-nofooter .x-btn-group-bc { - height:3px; - font-size:0; - line-height:0; -} - -.x-btn-group-bwrap { - overflow:hidden; - zoom:1; -} - -.x-btn-group-body { - overflow:hidden; - zoom:1; -} - -.x-btn-group-notitle .x-btn-group-tc { - background: transparent repeat-x 0 0; - overflow:hidden; - height:2px; +.x-btn{ + cursor:pointer; + white-space: nowrap; +} + +.x-btn button{ + border:0 none; + background:transparent; + padding-left:3px; + padding-right:3px; + cursor:pointer; + margin:0; + overflow:visible; + width:auto; + -moz-outline:0 none; + outline:0 none; +} + +* html .ext-ie .x-btn button { + width:1px; +} + +.ext-gecko .x-btn button, .ext-webkit .x-btn button { + padding-left:0; + padding-right:0; +} + +.ext-gecko .x-btn button::-moz-focus-inner { + padding:0; +} + +.ext-ie .x-btn button { + padding-top:2px; +} + +.x-btn td { + padding:0 !important; +} + +.x-btn-text { + cursor:pointer; + white-space: nowrap; + padding:0; +} + +/* icon placement and sizing styles */ + +/* Only text */ +.x-btn-noicon .x-btn-small .x-btn-text{ + height: 16px; +} + +.x-btn-noicon .x-btn-medium .x-btn-text{ + height: 24px; +} + +.x-btn-noicon .x-btn-large .x-btn-text{ + height: 32px; +} + +/* Only icons */ +.x-btn-icon .x-btn-text{ + background-position: center; + background-repeat: no-repeat; +} + +.x-btn-icon .x-btn-small .x-btn-text{ + height: 16px; + width: 16px; +} + +.x-btn-icon .x-btn-medium .x-btn-text{ + height: 24px; + width: 24px; +} + +.x-btn-icon .x-btn-large .x-btn-text{ + height: 32px; + width: 32px; +} + +/* Icons and text */ +/* left */ +.x-btn-text-icon .x-btn-icon-small-left .x-btn-text{ + background-position: 0 center; + background-repeat: no-repeat; + padding-left:18px; + height:16px; +} + +.x-btn-text-icon .x-btn-icon-medium-left .x-btn-text{ + background-position: 0 center; + background-repeat: no-repeat; + padding-left:26px; + height:24px; +} + +.x-btn-text-icon .x-btn-icon-large-left .x-btn-text{ + background-position: 0 center; + background-repeat: no-repeat; + padding-left:34px; + height:32px; +} + +/* top */ +.x-btn-text-icon .x-btn-icon-small-top .x-btn-text{ + background-position: center 0; + background-repeat: no-repeat; + padding-top:18px; +} + +.x-btn-text-icon .x-btn-icon-medium-top .x-btn-text{ + background-position: center 0; + background-repeat: no-repeat; + padding-top:26px; +} + +.x-btn-text-icon .x-btn-icon-large-top .x-btn-text{ + background-position: center 0; + background-repeat: no-repeat; + padding-top:34px; +} + +/* right */ +.x-btn-text-icon .x-btn-icon-small-right .x-btn-text{ + background-position: right center; + background-repeat: no-repeat; + padding-right:18px; + height:16px; +} + +.x-btn-text-icon .x-btn-icon-medium-right .x-btn-text{ + background-position: right center; + background-repeat: no-repeat; + padding-right:26px; + height:24px; +} + +.x-btn-text-icon .x-btn-icon-large-right .x-btn-text{ + background-position: right center; + background-repeat: no-repeat; + padding-right:34px; + height:32px; +} + +/* bottom */ +.x-btn-text-icon .x-btn-icon-small-bottom .x-btn-text{ + background-position: center bottom; + background-repeat: no-repeat; + padding-bottom:18px; +} + +.x-btn-text-icon .x-btn-icon-medium-bottom .x-btn-text{ + background-position: center bottom; + background-repeat: no-repeat; + padding-bottom:26px; +} + +.x-btn-text-icon .x-btn-icon-large-bottom .x-btn-text{ + background-position: center bottom; + background-repeat: no-repeat; + padding-bottom:34px; +} + +/* background positioning */ +.x-btn-tr i, .x-btn-tl i, .x-btn-mr i, .x-btn-ml i, .x-btn-br i, .x-btn-bl i{ + font-size:1px; + line-height:1px; + width:3px; + display:block; + overflow:hidden; +} + +.x-btn-tr i, .x-btn-tl i, .x-btn-br i, .x-btn-bl i{ + height:3px; +} + +.x-btn-tl{ + width:3px; + height:3px; + background:no-repeat 0 0; +} +.x-btn-tr{ + width:3px; + height:3px; + background:no-repeat -3px 0; +} +.x-btn-tc{ + height:3px; + background:repeat-x 0 -6px; +} + +.x-btn-ml{ + width:3px; + background:no-repeat 0 -24px; +} +.x-btn-mr{ + width:3px; + background:no-repeat -3px -24px; +} + +.x-btn-mc{ + background:repeat-x 0 -1096px; + vertical-align: middle; + text-align:center; + padding:0 5px; + cursor:pointer; + white-space:nowrap; +} + +/* Fixes an issue with the button height */ +.ext-strict .ext-ie6 .x-btn-mc, .ext-strict .ext-ie7 .x-btn-mc { + height: 100%; +} + +.x-btn-bl{ + width:3px; + height:3px; + background:no-repeat 0 -3px; +} + +.x-btn-br{ + width:3px; + height:3px; + background:no-repeat -3px -3px; +} + +.x-btn-bc{ + height:3px; + background:repeat-x 0 -15px; +} + +.x-btn-over .x-btn-tl{ + background-position: -6px 0; +} + +.x-btn-over .x-btn-tr{ + background-position: -9px 0; +} + +.x-btn-over .x-btn-tc{ + background-position: 0 -9px; +} + +.x-btn-over .x-btn-ml{ + background-position: -6px -24px; +} + +.x-btn-over .x-btn-mr{ + background-position: -9px -24px; +} + +.x-btn-over .x-btn-mc{ + background-position: 0 -2168px; +} + +.x-btn-over .x-btn-bl{ + background-position: -6px -3px; +} + +.x-btn-over .x-btn-br{ + background-position: -9px -3px; +} + +.x-btn-over .x-btn-bc{ + background-position: 0 -18px; +} + +.x-btn-click .x-btn-tl, .x-btn-menu-active .x-btn-tl, .x-btn-pressed .x-btn-tl{ + background-position: -12px 0; +} + +.x-btn-click .x-btn-tr, .x-btn-menu-active .x-btn-tr, .x-btn-pressed .x-btn-tr{ + background-position: -15px 0; +} + +.x-btn-click .x-btn-tc, .x-btn-menu-active .x-btn-tc, .x-btn-pressed .x-btn-tc{ + background-position: 0 -12px; +} + +.x-btn-click .x-btn-ml, .x-btn-menu-active .x-btn-ml, .x-btn-pressed .x-btn-ml{ + background-position: -12px -24px; +} + +.x-btn-click .x-btn-mr, .x-btn-menu-active .x-btn-mr, .x-btn-pressed .x-btn-mr{ + background-position: -15px -24px; +} + +.x-btn-click .x-btn-mc, .x-btn-menu-active .x-btn-mc, .x-btn-pressed .x-btn-mc{ + background-position: 0 -3240px; +} + +.x-btn-click .x-btn-bl, .x-btn-menu-active .x-btn-bl, .x-btn-pressed .x-btn-bl{ + background-position: -12px -3px; +} + +.x-btn-click .x-btn-br, .x-btn-menu-active .x-btn-br, .x-btn-pressed .x-btn-br{ + background-position: -15px -3px; +} + +.x-btn-click .x-btn-bc, .x-btn-menu-active .x-btn-bc, .x-btn-pressed .x-btn-bc{ + background-position: 0 -21px; +} + +.x-btn-disabled *{ + cursor:default !important; +} + + +/* With a menu arrow */ +/* right */ +.x-btn-mc em.x-btn-arrow { + display:block; + background:transparent no-repeat right center; + padding-right:10px; +} + +.x-btn-mc em.x-btn-split { + display:block; + background:transparent no-repeat right center; + padding-right:14px; +} + +/* bottom */ +.x-btn-mc em.x-btn-arrow-bottom { + display:block; + background:transparent no-repeat center bottom; + padding-bottom:14px; +} + +.x-btn-mc em.x-btn-split-bottom { + display:block; + background:transparent no-repeat center bottom; + padding-bottom:14px; +} + +/* height adjustment class */ +.x-btn-as-arrow .x-btn-mc em { + display:block; + background:transparent; + padding-bottom:14px; +} + +/* groups */ +.x-btn-group { + padding:1px; +} + +.x-btn-group-header { + padding:2px; + text-align:center; +} + +.x-btn-group-tc { + background: transparent repeat-x 0 0; + overflow:hidden; +} + +.x-btn-group-tl { + background: transparent no-repeat 0 0; + padding-left:3px; + zoom:1; +} + +.x-btn-group-tr { + background: transparent no-repeat right 0; + zoom:1; + padding-right:3px; +} + +.x-btn-group-bc { + background: transparent repeat-x 0 bottom; + zoom:1; +} + +.x-btn-group-bc .x-panel-footer { + zoom:1; +} + +.x-btn-group-bl { + background: transparent no-repeat 0 bottom; + padding-left:3px; + zoom:1; +} + +.x-btn-group-br { + background: transparent no-repeat right bottom; + padding-right:3px; + zoom:1; +} + +.x-btn-group-mc { + border:0 none; + padding:1px 0 0 0; + margin:0; +} + +.x-btn-group-mc .x-btn-group-body { + background:transparent; + border: 0 none; +} + +.x-btn-group-ml { + background: transparent repeat-y 0 0; + padding-left:3px; + zoom:1; +} + +.x-btn-group-mr { + background: transparent repeat-y right 0; + padding-right:3px; + zoom:1; +} + +.x-btn-group-bc .x-btn-group-footer { + padding-bottom:6px; +} + +.x-panel-nofooter .x-btn-group-bc { + height:3px; + font-size:0; + line-height:0; +} + +.x-btn-group-bwrap { + overflow:hidden; + zoom:1; +} + +.x-btn-group-body { + overflow:hidden; + zoom:1; +} + +.x-btn-group-notitle .x-btn-group-tc { + background: transparent repeat-x 0 0; + overflow:hidden; + height:2px; } \ No newline at end of file