From 8c05fb6b0fb0d13442b67f0646a8fd86ced74bfd Mon Sep 17 00:00:00 2001 From: Konrad Mohrfeldt Date: Sun, 16 Oct 2011 13:37:53 +0200 Subject: [PATCH] stylesheet doc fixes, replaced all paths in stylesheet with variables --- k4ever/media/css/style.css | 11 +++++++++-- k4ever/media/css/style.less | 37 ++++++++++++++++++++----------------- 2 files changed, 29 insertions(+), 19 deletions(-) diff --git a/k4ever/media/css/style.css b/k4ever/media/css/style.css index c26a377..15c191e 100644 --- a/k4ever/media/css/style.css +++ b/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 * @author Konrad Mohrfeldt @@ -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; diff --git a/k4ever/media/css/style.less b/k4ever/media/css/style.less index cdabacb..ea7ad40 100644 --- a/k4ever/media/css/style.less +++ b/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 * @author Konrad Mohrfeldt */ - + /* 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; } }