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