From 38b41caf5c5406b83b8f2d8c2d3434e51001c781 Mon Sep 17 00:00:00 2001 From: Tor Andersson Date: Tue, 23 May 2023 20:07:40 +0200 Subject: Card CSS. --- play.css | 225 +++++++++++++++++++++++++++++++-------------------------------- 1 file changed, 111 insertions(+), 114 deletions(-) (limited to 'play.css') diff --git a/play.css b/play.css index 364a6cc..0836d17 100644 --- a/play.css +++ b/play.css @@ -89,11 +89,10 @@ body.censorship #hand_panel { width: clamp(290px, 1370px, 100%) } .card { background-size: cover; background-repeat: no-repeat; - background-color: #555; width: 250px; height: 350px; border-radius: 16px; - box-shadow: 2px 2px 4px #0008; + box-shadow: 2px 2px 6px #0008; } #tooltip { @@ -226,118 +225,116 @@ body.censorship #hand_panel { width: clamp(290px, 1370px, 100%) } /* CARD IMAGES */ -.card_strategy_back{background-image:url(cards.1x/card_strategy_back.jpg)} -.card_objective_back{background-image:url(cards.1x/card_objective_back.jpg)} -.card_1{background-image:url(cards.1x/card_1.jpg)} -.card_2{background-image:url(cards.1x/card_2.jpg)} -.card_3{background-image:url(cards.1x/card_3.jpg)} -.card_4{background-image:url(cards.1x/card_4.jpg)} -.card_5{background-image:url(cards.1x/card_5.jpg)} -.card_6{background-image:url(cards.1x/card_6.jpg)} -.card_7{background-image:url(cards.1x/card_7.jpg)} -.card_8{background-image:url(cards.1x/card_8.jpg)} -.card_9{background-image:url(cards.1x/card_9.jpg)} -.card_10{background-image:url(cards.1x/card_10.jpg)} -.card_11{background-image:url(cards.1x/card_11.jpg)} -.card_12{background-image:url(cards.1x/card_12.jpg)} -.card_13{background-image:url(cards.1x/card_13.jpg)} -.card_14{background-image:url(cards.1x/card_14.jpg)} -.card_15{background-image:url(cards.1x/card_15.jpg)} -.card_16{background-image:url(cards.1x/card_16.jpg)} -.card_17{background-image:url(cards.1x/card_17.jpg)} -.card_18{background-image:url(cards.1x/card_18.jpg)} -.card_19{background-image:url(cards.1x/card_19.jpg)} -.card_20{background-image:url(cards.1x/card_20.jpg)} -.card_21{background-image:url(cards.1x/card_21.jpg)} -.card_22{background-image:url(cards.1x/card_22.jpg)} -.card_23{background-image:url(cards.1x/card_23.jpg)} -.card_24{background-image:url(cards.1x/card_24.jpg)} -.card_25{background-image:url(cards.1x/card_25.jpg)} -.card_26{background-image:url(cards.1x/card_26.jpg)} -.card_27{background-image:url(cards.1x/card_27.jpg)} -.card_28{background-image:url(cards.1x/card_28.jpg)} -.card_29{background-image:url(cards.1x/card_29.jpg)} -.card_30{background-image:url(cards.1x/card_30.jpg)} -.card_31{background-image:url(cards.1x/card_31.jpg)} -.card_32{background-image:url(cards.1x/card_32.jpg)} -.card_33{background-image:url(cards.1x/card_33.jpg)} -.card_34{background-image:url(cards.1x/card_34.jpg)} -.card_35{background-image:url(cards.1x/card_35.jpg)} -.card_36{background-image:url(cards.1x/card_36.jpg)} -.card_37{background-image:url(cards.1x/card_37.jpg)} -.card_38{background-image:url(cards.1x/card_38.jpg)} -.card_39{background-image:url(cards.1x/card_39.jpg)} -.card_40{background-image:url(cards.1x/card_40.jpg)} -.card_41{background-image:url(cards.1x/card_41.jpg)} -.card_42{background-image:url(cards.1x/card_42.jpg)} -.card_43{background-image:url(cards.1x/card_43.jpg)} -.card_44{background-image:url(cards.1x/card_44.jpg)} -.card_45{background-image:url(cards.1x/card_45.jpg)} -.card_46{background-image:url(cards.1x/card_46.jpg)} -.card_47{background-image:url(cards.1x/card_47.jpg)} -.card_48{background-image:url(cards.1x/card_48.jpg)} -.card_49{background-image:url(cards.1x/card_49.jpg)} -.card_50{background-image:url(cards.1x/card_50.jpg)} -.card_51{background-image:url(cards.1x/card_51.jpg)} -.card_52{background-image:url(cards.1x/card_52.jpg)} -.card_53{background-image:url(cards.1x/card_53.jpg)} -.card_54{background-image:url(cards.1x/card_54.jpg)} +.card_strategy_back{background-image:url(cards.1x/strategy_42.jpg)} +.card_objective_back{background-image:url(cards.1x/objective_13.jpg)} +.card_1{background-image:url(cards.1x/strategy_1.jpg)} +.card_2{background-image:url(cards.1x/strategy_2.jpg)} +.card_3{background-image:url(cards.1x/strategy_3.jpg)} +.card_4{background-image:url(cards.1x/strategy_4.jpg)} +.card_5{background-image:url(cards.1x/strategy_5.jpg)} +.card_6{background-image:url(cards.1x/strategy_6.jpg)} +.card_7{background-image:url(cards.1x/strategy_7.jpg)} +.card_8{background-image:url(cards.1x/strategy_8.jpg)} +.card_9{background-image:url(cards.1x/strategy_9.jpg)} +.card_10{background-image:url(cards.1x/strategy_10.jpg)} +.card_11{background-image:url(cards.1x/strategy_11.jpg)} +.card_12{background-image:url(cards.1x/strategy_12.jpg)} +.card_13{background-image:url(cards.1x/strategy_13.jpg)} +.card_14{background-image:url(cards.1x/strategy_14.jpg)} +.card_15{background-image:url(cards.1x/strategy_15.jpg)} +.card_16{background-image:url(cards.1x/strategy_16.jpg)} +.card_17{background-image:url(cards.1x/strategy_17.jpg)} +.card_18{background-image:url(cards.1x/strategy_18.jpg)} +.card_19{background-image:url(cards.1x/strategy_19.jpg)} +.card_20{background-image:url(cards.1x/strategy_20.jpg)} +.card_21{background-image:url(cards.1x/strategy_21.jpg)} +.card_22{background-image:url(cards.1x/strategy_22.jpg)} +.card_23{background-image:url(cards.1x/strategy_23.jpg)} +.card_24{background-image:url(cards.1x/strategy_24.jpg)} +.card_25{background-image:url(cards.1x/strategy_25.jpg)} +.card_26{background-image:url(cards.1x/strategy_26.jpg)} +.card_27{background-image:url(cards.1x/strategy_27.jpg)} +.card_28{background-image:url(cards.1x/strategy_28.jpg)} +.card_29{background-image:url(cards.1x/strategy_29.jpg)} +.card_30{background-image:url(cards.1x/strategy_30.jpg)} +.card_31{background-image:url(cards.1x/strategy_31.jpg)} +.card_32{background-image:url(cards.1x/strategy_32.jpg)} +.card_33{background-image:url(cards.1x/strategy_33.jpg)} +.card_34{background-image:url(cards.1x/strategy_34.jpg)} +.card_35{background-image:url(cards.1x/strategy_35.jpg)} +.card_36{background-image:url(cards.1x/strategy_36.jpg)} +.card_37{background-image:url(cards.1x/strategy_37.jpg)} +.card_38{background-image:url(cards.1x/strategy_38.jpg)} +.card_39{background-image:url(cards.1x/strategy_39.jpg)} +.card_40{background-image:url(cards.1x/strategy_40.jpg)} +.card_41{background-image:url(cards.1x/strategy_41.jpg)} +.card_42{background-image:url(cards.1x/objective_1.jpg)} +.card_43{background-image:url(cards.1x/objective_2.jpg)} +.card_44{background-image:url(cards.1x/objective_3.jpg)} +.card_45{background-image:url(cards.1x/objective_4.jpg)} +.card_46{background-image:url(cards.1x/objective_5.jpg)} +.card_47{background-image:url(cards.1x/objective_6.jpg)} +.card_48{background-image:url(cards.1x/objective_7.jpg)} +.card_49{background-image:url(cards.1x/objective_8.jpg)} +.card_50{background-image:url(cards.1x/objective_9.jpg)} +.card_51{background-image:url(cards.1x/objective_10.jpg)} +.card_52{background-image:url(cards.1x/objective_11.jpg)} +.card_53{background-image:url(cards.1x/objective_12.jpg)} @media (min-resolution:97dpi) { -.card_strategy_back{background-image:url(cards.2x/card_strategy_back.jpg)} -.card_objective_back{background-image:url(cards.2x/card_objective_back.jpg)} -.card_1{background-image:url(cards.2x/card_1.jpg)} -.card_2{background-image:url(cards.2x/card_2.jpg)} -.card_3{background-image:url(cards.2x/card_3.jpg)} -.card_4{background-image:url(cards.2x/card_4.jpg)} -.card_5{background-image:url(cards.2x/card_5.jpg)} -.card_6{background-image:url(cards.2x/card_6.jpg)} -.card_7{background-image:url(cards.2x/card_7.jpg)} -.card_8{background-image:url(cards.2x/card_8.jpg)} -.card_9{background-image:url(cards.2x/card_9.jpg)} -.card_10{background-image:url(cards.2x/card_10.jpg)} -.card_11{background-image:url(cards.2x/card_11.jpg)} -.card_12{background-image:url(cards.2x/card_12.jpg)} -.card_13{background-image:url(cards.2x/card_13.jpg)} -.card_14{background-image:url(cards.2x/card_14.jpg)} -.card_15{background-image:url(cards.2x/card_15.jpg)} -.card_16{background-image:url(cards.2x/card_16.jpg)} -.card_17{background-image:url(cards.2x/card_17.jpg)} -.card_18{background-image:url(cards.2x/card_18.jpg)} -.card_19{background-image:url(cards.2x/card_19.jpg)} -.card_20{background-image:url(cards.2x/card_20.jpg)} -.card_21{background-image:url(cards.2x/card_21.jpg)} -.card_22{background-image:url(cards.2x/card_22.jpg)} -.card_23{background-image:url(cards.2x/card_23.jpg)} -.card_24{background-image:url(cards.2x/card_24.jpg)} -.card_25{background-image:url(cards.2x/card_25.jpg)} -.card_26{background-image:url(cards.2x/card_26.jpg)} -.card_27{background-image:url(cards.2x/card_27.jpg)} -.card_28{background-image:url(cards.2x/card_28.jpg)} -.card_29{background-image:url(cards.2x/card_29.jpg)} -.card_30{background-image:url(cards.2x/card_30.jpg)} -.card_31{background-image:url(cards.2x/card_31.jpg)} -.card_32{background-image:url(cards.2x/card_32.jpg)} -.card_33{background-image:url(cards.2x/card_33.jpg)} -.card_34{background-image:url(cards.2x/card_34.jpg)} -.card_35{background-image:url(cards.2x/card_35.jpg)} -.card_36{background-image:url(cards.2x/card_36.jpg)} -.card_37{background-image:url(cards.2x/card_37.jpg)} -.card_38{background-image:url(cards.2x/card_38.jpg)} -.card_39{background-image:url(cards.2x/card_39.jpg)} -.card_40{background-image:url(cards.2x/card_40.jpg)} -.card_41{background-image:url(cards.2x/card_41.jpg)} -.card_42{background-image:url(cards.2x/card_42.jpg)} -.card_43{background-image:url(cards.2x/card_43.jpg)} -.card_44{background-image:url(cards.2x/card_44.jpg)} -.card_45{background-image:url(cards.2x/card_45.jpg)} -.card_46{background-image:url(cards.2x/card_46.jpg)} -.card_47{background-image:url(cards.2x/card_47.jpg)} -.card_48{background-image:url(cards.2x/card_48.jpg)} -.card_49{background-image:url(cards.2x/card_49.jpg)} -.card_50{background-image:url(cards.2x/card_50.jpg)} -.card_51{background-image:url(cards.2x/card_51.jpg)} -.card_52{background-image:url(cards.2x/card_52.jpg)} -.card_53{background-image:url(cards.2x/card_53.jpg)} -.card_54{background-image:url(cards.2x/card_54.jpg)} +.card_strategy_back{background-image:url(cards.2x/strategy_42.jpg)} +.card_objective_back{background-image:url(cards.2x/objective_13.jpg)} +.card_1{background-image:url(cards.2x/strategy_1.jpg)} +.card_2{background-image:url(cards.2x/strategy_2.jpg)} +.card_3{background-image:url(cards.2x/strategy_3.jpg)} +.card_4{background-image:url(cards.2x/strategy_4.jpg)} +.card_5{background-image:url(cards.2x/strategy_5.jpg)} +.card_6{background-image:url(cards.2x/strategy_6.jpg)} +.card_7{background-image:url(cards.2x/strategy_7.jpg)} +.card_8{background-image:url(cards.2x/strategy_8.jpg)} +.card_9{background-image:url(cards.2x/strategy_9.jpg)} +.card_10{background-image:url(cards.2x/strategy_10.jpg)} +.card_11{background-image:url(cards.2x/strategy_11.jpg)} +.card_12{background-image:url(cards.2x/strategy_12.jpg)} +.card_13{background-image:url(cards.2x/strategy_13.jpg)} +.card_14{background-image:url(cards.2x/strategy_14.jpg)} +.card_15{background-image:url(cards.2x/strategy_15.jpg)} +.card_16{background-image:url(cards.2x/strategy_16.jpg)} +.card_17{background-image:url(cards.2x/strategy_17.jpg)} +.card_18{background-image:url(cards.2x/strategy_18.jpg)} +.card_19{background-image:url(cards.2x/strategy_19.jpg)} +.card_20{background-image:url(cards.2x/strategy_20.jpg)} +.card_21{background-image:url(cards.2x/strategy_21.jpg)} +.card_22{background-image:url(cards.2x/strategy_22.jpg)} +.card_23{background-image:url(cards.2x/strategy_23.jpg)} +.card_24{background-image:url(cards.2x/strategy_24.jpg)} +.card_25{background-image:url(cards.2x/strategy_25.jpg)} +.card_26{background-image:url(cards.2x/strategy_26.jpg)} +.card_27{background-image:url(cards.2x/strategy_27.jpg)} +.card_28{background-image:url(cards.2x/strategy_28.jpg)} +.card_29{background-image:url(cards.2x/strategy_29.jpg)} +.card_30{background-image:url(cards.2x/strategy_30.jpg)} +.card_31{background-image:url(cards.2x/strategy_31.jpg)} +.card_32{background-image:url(cards.2x/strategy_32.jpg)} +.card_33{background-image:url(cards.2x/strategy_33.jpg)} +.card_34{background-image:url(cards.2x/strategy_34.jpg)} +.card_35{background-image:url(cards.2x/strategy_35.jpg)} +.card_36{background-image:url(cards.2x/strategy_36.jpg)} +.card_37{background-image:url(cards.2x/strategy_37.jpg)} +.card_38{background-image:url(cards.2x/strategy_38.jpg)} +.card_39{background-image:url(cards.2x/strategy_39.jpg)} +.card_40{background-image:url(cards.2x/strategy_40.jpg)} +.card_41{background-image:url(cards.2x/strategy_41.jpg)} +.card_42{background-image:url(cards.2x/objective_1.jpg)} +.card_43{background-image:url(cards.2x/objective_2.jpg)} +.card_44{background-image:url(cards.2x/objective_3.jpg)} +.card_45{background-image:url(cards.2x/objective_4.jpg)} +.card_46{background-image:url(cards.2x/objective_5.jpg)} +.card_47{background-image:url(cards.2x/objective_6.jpg)} +.card_48{background-image:url(cards.2x/objective_7.jpg)} +.card_49{background-image:url(cards.2x/objective_8.jpg)} +.card_50{background-image:url(cards.2x/objective_9.jpg)} +.card_51{background-image:url(cards.2x/objective_10.jpg)} +.card_52{background-image:url(cards.2x/objective_11.jpg)} +.card_53{background-image:url(cards.2x/objective_12.jpg)} } -- cgit v1.2.3