| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459 |
- /*
- This file is part of Ext JS 3.4
- Copyright (c) 2011-2013 Sencha Inc
- Contact: http://www.sencha.com/contact
- GNU General Public License Usage
- This file may be used under the terms of the GNU General Public License version 3.0 as
- published by the Free Software Foundation and appearing in the file LICENSE included in the
- packaging of this file.
- Please review the following information to ensure the GNU General Public License version 3.0
- requirements will be met: http://www.gnu.org/copyleft/gpl.html.
- If you are unsure which license is appropriate for your use, please contact the sales department
- at http://www.sencha.com/contact.
- Build date: 2013-04-03 15:07:25
- */
- .x-btn{
- cursor:pointer;
- white-space: nowrap;
- }
- .x-btn button{
- border:0 none;
- background-color: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-color: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-color: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;
- }
|