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=Open+Sans:400italic,400,600,700.css";
@import "http://fonts.googleapis.com/css?family=Ubuntu:400,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 Theresa Enghardt <theresa@freitagsrunde.org>
* @author Konrad Mohrfeldt <konrad.mohrfeldt@farbdev.org> * @author Konrad Mohrfeldt <konrad.mohrfeldt@farbdev.org>
@ -162,6 +163,8 @@ a:hover {
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("img/404") white; background: url("img/404") white;
} }
input[type="text"]:focus, input[type="search"]:focus, input[type="password"]:focus { input[type="text"]:focus, input[type="search"]:focus, input[type="password"]:focus {
@ -318,6 +321,7 @@ p {
-moz-border-radius: 20px; -moz-border-radius: 20px;
border-radius: 20px; border-radius: 20px;
/* 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;
@ -468,6 +472,7 @@ table.itemListContainer > tbody > tr:first-child ~ tr > td {
-moz-border-radius: 6px; -moz-border-radius: 6px;
border-radius: 6px; border-radius: 6px;
/* 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;
@ -487,6 +492,7 @@ table.itemListContainer > tbody > tr:first-child ~ tr > td {
-moz-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0;
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: */ /* 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;
@ -513,6 +519,7 @@ table.itemListContainer > tbody > tr:first-child ~ tr > td {
-moz-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px;
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: */ /* 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;

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

@ -1,7 +1,8 @@
/* 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>
@ -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 {
@ -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;
} }
} }