stylesheet doc fixes, replaced all paths in stylesheet with variables

k4ever/media/css/style.css

@@ -1,9 +1,10 @@
 @import "http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,600,700.css";
 
 @import "http://fonts.googleapis.com/css?family=Ubuntu:400,700.css";
-/* IF IM NOT A .LESS FILE DO NOT EDIT ME, BUT EDIT THE LESS FILE INSTEAD :) */
+/* IF IM NOT A .LESS FILE DO NOT EDIT ME, BUT EDIT THE LESS FILE INSTEAD :)
+   @see http://lesscss.org/ */
 /*
- * k4ever less stylesheet
+ * k4ever less/css stylesheet
  *
  * @author Theresa Enghardt <theresa@freitagsrunde.org>
  * @author Konrad Mohrfeldt <konrad.mohrfeldt@farbdev.org>
@@ -162,6 +163,8 @@ a:hover {
 input, select {
   padding: 2px 5px;
   border: 1px solid #E5E5E5;
+  /* hack for webkit-based browser to hide borders */
+
   background: url("img/404") white;
 }
 input[type="text"]:focus, input[type="search"]:focus, input[type="password"]:focus {
@@ -318,6 +321,7 @@ p {
   -moz-border-radius: 20px;
   border-radius: 20px;
   /* useful if you don't want a bg color from leaking outside the border: */
+
   -moz-background-clip: padding;
   -webkit-background-clip: padding-box;
   background-clip: padding-box;
@@ -468,6 +472,7 @@ table.itemListContainer > tbody > tr:first-child ~ tr > td {
   -moz-border-radius: 6px;
   border-radius: 6px;
   /* useful if you don't want a bg color from leaking outside the border: */
+
   -moz-background-clip: padding;
   -webkit-background-clip: padding-box;
   background-clip: padding-box;
@@ -487,6 +492,7 @@ table.itemListContainer > tbody > tr:first-child ~ tr > td {
   -moz-border-radius: 6px 6px 0 0;
   border-radius: 6px 6px 0 0;
   /* useful if you don't want a bg color from leaking outside the border: */
+
   -moz-background-clip: padding;
   -webkit-background-clip: padding-box;
   background-clip: padding-box;
@@ -513,6 +519,7 @@ table.itemListContainer > tbody > tr:first-child ~ tr > td {
   -moz-border-radius: 0 0 6px 6px;
   border-radius: 0 0 6px 6px;
   /* useful if you don't want a bg color from leaking outside the border: */
+
   -moz-background-clip: padding;
   -webkit-background-clip: padding-box;
   background-clip: padding-box;

k4ever/media/css/style.less

@@ -1,12 +1,13 @@
-/* IF IM NOT A .LESS FILE DO NOT EDIT ME, BUT EDIT THE LESS FILE INSTEAD :) */
+/* IF IM NOT A .LESS FILE DO NOT EDIT ME, BUT EDIT THE LESS FILE INSTEAD :)
+   @see http://lesscss.org/ */
 
 /*
- * k4ever less stylesheet
+ * k4ever less/css stylesheet
  *
  * @author Theresa Enghardt <theresa@freitagsrunde.org>
  * @author Konrad Mohrfeldt <konrad.mohrfeldt@farbdev.org>
  */
- 
+
 
 /* these should be replaced by local ones. i’m to lazy. anyone?
    some help: http://www.fontsquirrel.com/fontface/generator */
@@ -69,10 +70,10 @@ a { text-decoration: none; color: inherit; }
 	-webkit-border-radius: @args;
 	-moz-border-radius: @args;
 	border-radius: @args;
-          
+
-	/* useful if you don't want a bg color from leaking outside the border: */        
+	/* useful if you don't want a bg color from leaking outside the border: */
 	-moz-background-clip: padding;
-	-webkit-background-clip: padding-box; 
+	-webkit-background-clip: padding-box;
 	background-clip: padding-box;
 }
 
@@ -169,6 +170,8 @@ a {
 input, select {
 	padding: 2px 5px;
 	border: 1px solid #E5E5E5;
+
+	/* hack for webkit-based browser to hide borders */
 	background: url("@{fldImages}/404") white;
 }
 
@@ -201,7 +204,7 @@ p {
 		.box-shadow(0 3px 8px 0 black);
 
 		> div {
-			background: url("img/logo.png") 0 center no-repeat transparent;
+			background: url("@{fldImages}/logo.png") 0 center no-repeat transparent;
 			height: 100%;
 		}
 
@@ -267,28 +270,28 @@ p {
 			}
 
 			.focus .buy {
-				background-image: url("img/alt.png");
+				background-image: url("@{fldImages}/alt.png");
 				background-repeat: no-repeat;
 				background-position: 2px center;
 			}
 
 			.focus .buy.lock {
-				background-image: url("img/buy.png");
+				background-image: url("@{fldImages}/buy.png");
 			}
 
 			.focus .buy.lock.load,
 			.focus .buy.load {
-				background-image: url("img/load.gif");
+				background-image: url("@{fldImages}/load.gif");
 			}
 
 			.focus .buy.lock.success,
 			.focus .buy.success {
-				background-image: url("img/success.png");
+				background-image: url("@{fldImages}/success.png");
 			}
 
 			.focus .buy.lock.failure,
 			.focus .buy.failure {
-				background-image: url("img/failure.png");
+				background-image: url("@{fldImages}/failure.png");
 			}
 
 			.meta {
@@ -336,7 +339,7 @@ p {
 				color: white;
 				.border-radius(20px);
 				.transition(~"background .2s, box-shadow .2s");
-	
+
 				&:hover {
 					background: white;
 					color: @clrMediumBlue;
@@ -497,7 +500,7 @@ table.itemListContainer {
 	color: white;
 	background-color: @clrDarkGrey;
 	border: 0 none;
-	
+
 	.border-radius(6px);
 	.vertical-linear-gradient(@clrMediumGrey, @clrDarkGrey);
 	.box-shadow(0 1px 3px 0 black);
@@ -510,7 +513,7 @@ table.itemListContainer {
 			height: 100%;
 			min-width: 32px;
 			height: 32px;
-			background: url("img/payment.png") no-repeat center center transparent;
+			background: url("@{fldImages}/payment.png") no-repeat center center transparent;
 
 			> span {
 				position: absolute;
@@ -530,11 +533,11 @@ table.itemListContainer {
 		}
 
 		&.onlyDeposit > span{
-			background-image: url("img/deposit.png");
+			background-image: url("@{fldImages}/deposit.png");
 		}
 
 		&.inclDeposit > span {
-			background-image: url("img/payment_deposit.png");
+			background-image: url("@{fldImages}/payment_deposit.png");
 			min-width: 65px;
 		}
 	}