167 lines
4.2 KiB
CSS
167 lines
4.2 KiB
CSS
/**
|
|
* Sencha GXT 3.1.1 - Sencha for GWT
|
|
* Copyright(c) 2007-2014, Sencha, Inc.
|
|
* licensing@sencha.com
|
|
*
|
|
* http://www.sencha.com/products/gxt/license/
|
|
*/
|
|
@def borderRadius value('theme.button.borderRadius','px');
|
|
@def borderColor value('theme.button.border.color');
|
|
@def borderStyle value('theme.button.border.style');
|
|
@def borderWidth value('theme.button.border.toString');
|
|
|
|
@def gradient value('theme.button.gradient');
|
|
@def overGradient value('theme.button.overGradient');
|
|
@def pressedGradient value('theme.button.pressedGradient');
|
|
|
|
@def padding value('theme.button.padding.toString');
|
|
|
|
@def fontSize value('theme.button.font.size','px');
|
|
@def fontFamily value('theme.button.font.family');
|
|
@def fontWeight value('theme.button.font.weight');
|
|
@def fontColor value('theme.button.font.color');
|
|
|
|
@def smallFontSize value('theme.button.smallFontSize','px');
|
|
@def mediumFontSize value('theme.button.mediumFontSize','px');
|
|
@def largeFontSize value('theme.button.largeFontSize','px');
|
|
@def smallLineHeight value('theme.button.smallLineHeight','px');
|
|
@def mediumLineHeight value('theme.button.mediumLineHeight','px');
|
|
@def largeLineHeight value('theme.button.largeLineHeight','px');
|
|
|
|
@def css3Leftover value('theme.button.radiusMinusBorderWidth.toString');
|
|
|
|
.button {
|
|
border-radius: borderRadius;
|
|
border-width: borderWidth;
|
|
border-style: borderStyle;
|
|
border-color: borderColor;
|
|
background-color: #d0f4f7;
|
|
box-sizing: border-box;
|
|
height: 100%;
|
|
|
|
background: -webkit-linear-gradient(top, gradient); /* Chrome10+,Safari5.1+ */
|
|
background: -o-linear-gradient(top, gradient); /* Opera 11.10+ */
|
|
background: -ms-linear-gradient(top, gradient); /* IE10+ */
|
|
background: linear-gradient(to bottom, gradient); /* W3C */
|
|
|
|
padding: css3Leftover;
|
|
cursor: pointer;
|
|
outline: none;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.buttonInner {
|
|
padding: padding;
|
|
text-align: center;
|
|
font-size: fontSize;
|
|
color: fontColor;
|
|
font-weight: fontWeight;
|
|
font-family: fontFamily;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.over {
|
|
background: -webkit-linear-gradient(top, overGradient); /* Chrome10+,Safari5.1+ */
|
|
background: -o-linear-gradient(top, overGradient); /* Opera 11.10+ */
|
|
background: -ms-linear-gradient(top, overGradient); /* IE10+ */
|
|
background: linear-gradient(to bottom, overGradient); /* W3C */
|
|
}
|
|
|
|
.pressed {
|
|
background: -webkit-linear-gradient(top, pressedGradient) !important; /* Chrome10+,Safari5.1+ */
|
|
background: -o-linear-gradient(top, pressedGradient) !important; /* Opera 11.10+ */
|
|
background: -ms-linear-gradient(top, pressedGradient) !important; /* IE10+ */
|
|
background: linear-gradient(to bottom, pressedGradient) !important; /* W3C */
|
|
}
|
|
|
|
.focused {
|
|
background: -webkit-linear-gradient(top, overGradient); /* Chrome10+,Safari5.1+ */
|
|
background: -o-linear-gradient(top, overGradient); /* Opera 11.10+ */
|
|
background: -ms-linear-gradient(top, overGradient); /* IE10+ */
|
|
background: linear-gradient(to bottom, overGradient); /* W3C */
|
|
}
|
|
|
|
|
|
.small {
|
|
line-height: smallLineHeight;
|
|
font-size: smallFontSize;
|
|
}
|
|
|
|
.medium {
|
|
line-height: mediumLineHeight;
|
|
font-size: mediumFontSize;
|
|
}
|
|
|
|
.large {
|
|
line-height: largeLineHeight;
|
|
font-size: largeFontSize;
|
|
}
|
|
|
|
.iconLeft {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
.iconRight {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-left: 2px;
|
|
}
|
|
|
|
.iconTop {
|
|
display: block;
|
|
margin: 0 auto;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.iconBottom {
|
|
display: block;
|
|
margin: 0 auto;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.noText .iconLeft {
|
|
margin-right: 0px;
|
|
}
|
|
|
|
.noText .iconRight {
|
|
margin-left: 0px;
|
|
}
|
|
|
|
@sprite .split {
|
|
gwt-image: 'split';
|
|
width: auto;
|
|
height: auto;
|
|
background-position: right center;
|
|
padding-right: 20px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
@sprite .splitBottom {
|
|
gwt-image: 'splitBottom';
|
|
width: auto;
|
|
height: auto;
|
|
background-position: center bottom;
|
|
padding-bottom: 14px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
@sprite .arrow {
|
|
gwt-image: 'arrow';
|
|
width: auto;
|
|
height: auto;
|
|
padding-right: 10px;
|
|
background-position: right center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
@sprite .arrowBottom {
|
|
gwt-image: 'arrowBottom';
|
|
width: auto;
|
|
height: auto;
|
|
padding-bottom: 14px;
|
|
background-position: center bottom;
|
|
background-repeat: no-repeat;
|
|
} |