Initial commit
This commit is contained in:
Eike Foken
445
assets/js/ext/resources/css/structure/button.css
Normal file
445
assets/js/ext/resources/css/structure/button.css
Normal file
@@ -0,0 +1,445 @@
|
||||
/*!
|
||||
* Ext JS Library 3.3.1
|
||||
* Copyright(c) 2006-2010 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;
|
||||
}
|
||||
Reference in New Issue
Block a user