X-Git-Url: https://jasonwoof.com/gitweb/?p=peach-cgt.git;a=blobdiff_plain;f=style.less;fp=style.less;h=91ce8bcd4d3eb02f81a7342dd014325a7ade3f0c;hp=0000000000000000000000000000000000000000;hb=3a8a99fd78775bdd7f71470443858e19b09dc2ed;hpb=9280cfcfc74dcc968b0a34c3bfe7a91165eed911 diff --git a/style.less b/style.less new file mode 100644 index 0000000..91ce8bc --- /dev/null +++ b/style.less @@ -0,0 +1,43 @@ +@card-width: 100px; +@card-height: 140px; + +.shadow (@x: 0, @y: 0, @blur: 1px, @alpha) { + @val: @x @y @blur rgba(0, 0, 0, @alpha); + box-shadow: @val; + -webkit-box-shadow: @val; + -moz-box-shadow: @val; +} + +body { + color: black; + background: #ccc; + font-size: 11px; + margin: 0; + padding: 10px; +} + +h1 { + margin-top: 0; + font: bold 20px 'Verdana'; + color: blue; +} + +#table { + height: 600px; + width: 860px; + background: #eee; + position: relative; + .shadow(2px, 2px, 10px, 0.4); + border: 2px solid #468; +} + +.card { + width: @card-width; + height: @card-height; + padding: 2px; + position: absolute; + background: #fff; + border: 2px solid #fff; + .shadow(1px, 1px, 8px, 0.4); + border-radius: 4px; +}