virt2/api/soft/fm/scripts/extjs3/resources/css/structure/button.css

445 lines
8.3 KiB
CSS
Raw Normal View History

/*!
* Ext JS Library 3.4.0
* Copyright(c) 2006-2011 Sencha Inc.
* licensing@sencha.com
* http://www.sencha.com/license
*/
.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;
}