c9-core/plugins/c9.ide.layout.classic/less/btn-default-css3.less

189 wiersze
4.8 KiB
Plaintext

.btn-default-css3 {
.gradient(~"@{button-grey-idle-gradient}");
border-radius: @button-border-radius;
text-shadow: @button-grey-text-shadow;
color: @button-grey-color;
font-family: @button-font-family;
font-weight: @button-font-weight;
font-size: @button-font-size;
box-shadow: @button-shadow;
line-height : 16px;
position: relative;
cursor: @button-cursor;
.font-smoothing(@button-font-smoothing);
}
.win-deploy-target .btn-default-css3,
.size-13.btn-default-css3 {
font-size: 13px;
}
.btn-default-css3Over { //, .btn-default-css3:hover {
.gradient(~"@{button-grey-over-gradient}");
}
.btn-default-css3Focus {
.gradient(~"@{button-grey-focus-gradient}");
}
.btn-default-css3Down { //, .btn-default-css3:active {
.gradient(~"@{button-grey-down-gradient}");
}
.btn-default-css3Disabled {
.gradient(~"@{button-grey-disabled-gradient}");
text-shadow: @button-grey-disabled-text-shadow;
color: @button-grey-disabled-color;
cursor: default;
}
.btn-default-css3 .caption {
border-top: @button-grey-idle-border-top;
padding: @button-padding;
border-radius: @button-border-radius;
text-align: center;
}
.btn-default-css3.btn-default-css3Over .caption {
border-top: @button-grey-over-border-top;
}
.btn-default-css3.btn-default-css3Focus .caption {
border-top: @button-grey-focus-border-top;
}
.btn-default-css3.btn-default-css3Down .caption {
border-top: @button-grey-down-border-top;
}
.btn-default-css3.btn-default-css3Disabled .caption {
border-top: @button-grey-disabled-border-top;
}
.btn-default-css3 .border {
display: none;
border: @button-focussed-border;
position: absolute;
top: 0;
height: 100%;
left: 0;
right: 0;
border-radius: @button-border-radius;
box-sizing: border-box;
}
.btn-default-css3.btn-default-css3Focus .border {
display: block;
}
/*-----------*/
/*-- GREEN --*/
.btn-default-css3.btn-green {
.gradient(~"@{button-green-idle-gradient}");
text-shadow: @button-green-text-shadow;
color: @button-green-color;
}
.btn-default-css3.btn-green2 {
.gradient(~"@{button-green2-idle-gradient}");
text-shadow: @button-green2-text-shadow;
}
.btn-default-css3Over.btn-green { //, .btn-default-css3.btn-green:hover {
.gradient(~"@{button-green-over-gradient}");
}
.btn-default-css3Focus.btn-green {
.gradient(~"@{button-green-focus-gradient}");
}
.btn-default-css3Down.btn-green { //, .btn-default-css3.btn-green:active {
.gradient(~"@{button-green-down-gradient}");
}
.btn-default-css3Down.btn-green2 {
.gradient(~"@{button-green2-down-gradient}");
}
.btn-default-css3Disabled.btn-green {
.gradient(~"@{button-green-disabled-gradient}");
text-shadow: @button-green-disabled-text-shadow;
color: @button-green-disabled-color;
}
.btn-default-css3Disabled.btn-green2 {
.gradient(~"@{button-green2-disabled-gradient}");
text-shadow: @button-green2-disabled-text-shadow;
color: @button-green2-disabled-color;
}
.btn-default-css3.btn-green .caption {
border-top: @button-green-idle-border-top;
}
.btn-default-css3.btn-default-css3Over.btn-green .caption {
border-top: @button-green-over-border-top;
}
.btn-default-css3.btn-default-css3Focus.btn-green .caption {
border-top: @button-green-focus-border-top;
}
.btn-default-css3.btn-default-css3Down.btn-green .caption {
border-top: @button-green-down-border-top;
}
.btn-default-css3.btn-default-css3Disabled.btn-green .caption {
border-top: @button-green-disabled-border-top;
}
/*-----------*/
/*-- RED --*/
.btn-default-css3.btn-red {
.gradient(~"@{button-red-idle-gradient}");
text-shadow: @button-red-text-shadow;
color: @button-red-color;
}
.btn-default-css3Over.btn-red { //, .btn-default-css3.btn-red:hover {
.gradient(~"@{button-red-over-gradient}");
}
.btn-default-css3Focus.btn-red {
.gradient(~"@{button-red-focus-gradient}");
}
.btn-default-css3Down.btn-red { //, .btn-default-css3.btn-red:active {
.gradient(~"@{button-red-down-gradient}");
}
.btn-default-css3Disabled.btn-red {
.gradient(~"@{button-red-disabled-gradient}");
text-shadow: @button-red-disabled-text-shadow;
color: @button-red-disabled-color;
}
.btn-default-css3.btn-red .caption {
border-top: @button-red-idle-border-top;
}
.btn-default-css3.btn-default-css3Over.btn-red .caption {
border-top: @button-red-over-border-top;
}
.btn-default-css3.btn-default-css3Focus.btn-red .caption {
border-top: @button-red-focus-border-top;
}
.btn-default-css3.btn-default-css3Down.btn-red .caption {
border-top: @button-red-down-border-top;
}
.btn-default-css3.btn-default-css3Disabled.btn-red .caption {
border-top: @button-red-disabled-border-top;
}
/*-----------*/
.no-bold.btn-default-css3 {
font-weight: normal;
color: #cecece;
}