Hervorgehobener Quelltext
.mixinShadow (@a) when (lightness(@a) >= 50%) {
text-shadow: 0 1px 0 rgba(0,0,0,0.9);
}
.mixinShadow (@a) when (lightness(@a) < 50%) {
text-shadow: 0 1px 0 rgba(255,255,255,0.9);
}
.mixinShadow (@a) {
color: @a;
}
/* Box-Styles */
.box-style (@fontColor: #FFFFFF, @topbg: #0088BB, @bottombg: #0099CC ) {
.mixinShadow(@fontColor);
border: darken(@bottombg, 10%) 1px solid;
background: @bottombg;
background: -moz-linear-gradient(top, @topbg 0%, @bottombg 100%);
background: -webkit-linear-gradient(top, @topbg 0%, @bottombg 100%);
/*text-shadow: 0 1px 0 rgba(0,0,0,0.3);*/
box-shadow: 0 1px 0 rgba(255,255,255,1), 0 1px 2px rgba(0,0,0,0.1) inset;
padding: 10px;
margin-bottom: 15px;
}
/* abgerundete Ecken */
.rounded-corners (@radius: 10px) {
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
-ms-border-radius: @radius;
-o-border-radius: @radius;
border-radius: @radius;
}
/* abgerundete Ecken oben */
.rounded-corners-top (@radius: 4px) {
-webkit-border-radius: @radius @radius 0px 0px;
-moz-border-radius: @radius @radius 0px 0px;
-ms-border-radius: @radius @radius 0px 0px;
-o-border-radius: @radius @radius 0px 0px;
border-radius: @radius @radius 0px 0px;
}