X-Git-Url: https://jasonwoof.com/gitweb/?a=blobdiff_plain;ds=sidebyside;f=style.less;h=bc3eae3e72d211bb9420fc596eb308a3245e8bff;hb=e5d2d2f7c8ee13e32caebf343b6d4046ca802b11;hp=610023fca17a61aeb76631f1fe594e03207d3c15;hpb=b828a190d7672e89aa84801b66edb0d82076e45d;p=peach-cgt.git diff --git a/style.less b/style.less index 610023f..bc3eae3 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,16 +48,29 @@ 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; + overflow: hidden; .shadow(1px, 1px, 8px, 0.4); - border-radius: 4px; + &:hover { + height: auto; + min-height: @card-height; + z-index: 9999 !important; + } .button { display: none; border: 1px solid #aaa; @@ -92,7 +105,7 @@ h1 { border-color: black; } -.flipped { +.flipped, .your_hand { .cardtext { display: none; } @@ -146,3 +159,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; + } +}