X-Git-Url: https://jasonwoof.com/gitweb/?a=blobdiff_plain;f=style.less;h=31bb99d9afcd2e528e8b6e44964071bcbf9eaea7;hb=a916776d54224addfe519950f2ea6b7c15bfb16c;hp=58cb3591b15fd8d4ceb0939a63b55940081f1a70;hpb=480b41bb7b13be95e5e0ed18c2a46692aedc11ad;p=peach-cgt.git diff --git a/style.less b/style.less index 58cb359..31bb99d 100644 --- a/style.less +++ b/style.less @@ -48,16 +48,26 @@ 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; + } .button { display: none; border: 1px solid #aaa; @@ -73,11 +83,26 @@ h1 { } } +.your_card { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + &:hover { + -webkit-transform: none; + -moz-transform: none; + -ms-transform: none; + -o-transform: none; + transform: none; + } +} + .marked { border-color: black; } -.flipped { +.flipped, .your_hand { .cardtext { display: none; }