Syntax-Highlighter

• Home
• Anleitungen

.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;
}