X-Git-Url: https://jasonwoof.com/gitweb/?a=blobdiff_plain;f=style.less;h=622e725271cc4ff09259e06a673418f8cb0d5a1e;hb=f12edd687531576f662976ccb4d24a9f5cd42fd9;hp=c61302412e93b076ab5d04fb49ecac87328731f2;hpb=4c75fd3542bb59bc6ece0f46f4ec7b19b16085bf;p=peach-cgt.git diff --git a/style.less b/style.less index c613024..622e725 100644 --- a/style.less +++ b/style.less @@ -12,7 +12,7 @@ @your-side-color: #ffe2e2; @my-side-color: #e2ffe2; -#loading-card { +#loading_card { top: (@table-height - @card-height) / 2 - 4px; left: (@table-width - @card-width) / 2 - 4px; } @@ -48,15 +48,22 @@ h1 { border: 2px solid #468; } -.card { +.card, .blank_card { width: @card-width; height: @card-height; padding: 2px; position: absolute; + border-radius: 4px; +} + +.blank_card { + border: 1px solid #777; +} + +.card { background: #fff; border: 2px solid #fff; .shadow(1px, 1px, 8px, 0.4); - border-radius: 4px; &:hover { z-index: 9999 !important; @@ -95,7 +102,7 @@ h1 { border-color: black; } -.flipped { +.flipped, .your_hand { .cardtext { display: none; } @@ -149,3 +156,23 @@ h1 { #my_side div { top: 0; // @table-height - @hand-height; } + +#deck_designer { + position: absolute; + top: 40px; + left: 10px; + background: white; + z-index: 10000; + width: @table-width + 10; + height: @table-height + 20; + overflow: scroll; + .shadow(3px, 3px, 16px, 0.8); + + li, div { + cursor: pointer; + } + + .in_deck { + color: #080; + } +}