seba
/
k4ever
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

stylesheet doc fixes, replaced all paths in stylesheet with variables

This commit is contained in:
Konrad Mohrfeldt 2011-10-16 13:37:53 +02:00
parent 1f8e805a4d
commit 8c05fb6b0f
2 changed files with 29 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
k4ever/media/css/style.css
View File

@ -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;

37
k4ever/media/css/style.less
View File

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