diff options
Diffstat (limited to 'play.css')
| -rw-r--r-- | play.css | 203 |
1 files changed, 44 insertions, 159 deletions
@@ -276,6 +276,7 @@ body.Observer #toggle_trash { /* CARDS */ .card { + position: relative; /* for z-index to work */ background-size: 100% 100%; width: 206px; height: 281px; @@ -283,6 +284,11 @@ body.Observer #toggle_trash { box-shadow: 0 0 0 1px black, 1px 1px 4px #0006; } +body.shift .card:hover { + transform: scale(2) translate(0px,-50px); + z-index: 100; +} + /* IMAGES */ .front_plus { background-image: url(images/tokens75/front_plus.png); } @@ -320,164 +326,6 @@ body.Observer #toggle_trash { .hero_point { background-image: url("images/tokens75/hero_point.png"); } -.card_1 { background-image: url(images/cards75/card_1.avif); } -.card_2 { background-image: url(images/cards75/card_2.avif); } -.card_3 { background-image: url(images/cards75/card_3.avif); } -.card_4 { background-image: url(images/cards75/card_4.avif); } -.card_5 { background-image: url(images/cards75/card_5.avif); } -.card_6 { background-image: url(images/cards75/card_6.avif); } -.card_7 { background-image: url(images/cards75/card_7.avif); } -.card_8 { background-image: url(images/cards75/card_8.avif); } -.card_9 { background-image: url(images/cards75/card_9.avif); } -.card_10 { background-image: url(images/cards75/card_10.avif); } -.card_11 { background-image: url(images/cards75/card_11.avif); } -.card_12 { background-image: url(images/cards75/card_12.avif); } -.card_13 { background-image: url(images/cards75/card_13.avif); } -.card_14 { background-image: url(images/cards75/card_14.avif); } -.card_15 { background-image: url(images/cards75/card_15.avif); } -.card_16 { background-image: url(images/cards75/card_16.avif); } -.card_17 { background-image: url(images/cards75/card_17.avif); } -.card_18 { background-image: url(images/cards75/card_18.avif); } -.card_19 { background-image: url(images/cards75/card_19.avif); } -.card_20 { background-image: url(images/cards75/card_20.avif); } -.card_21 { background-image: url(images/cards75/card_21.avif); } -.card_22 { background-image: url(images/cards75/card_22.avif); } -.card_23 { background-image: url(images/cards75/card_23.avif); } -.card_24 { background-image: url(images/cards75/card_24.avif); } -.card_25 { background-image: url(images/cards75/card_25.avif); } -.card_26 { background-image: url(images/cards75/card_26.avif); } -.card_27 { background-image: url(images/cards75/card_27.avif); } -.card_28 { background-image: url(images/cards75/card_28.avif); } -.card_29 { background-image: url(images/cards75/card_29.avif); } -.card_30 { background-image: url(images/cards75/card_30.avif); } -.card_31 { background-image: url(images/cards75/card_31.avif); } -.card_32 { background-image: url(images/cards75/card_32.avif); } -.card_33 { background-image: url(images/cards75/card_33.avif); } -.card_34 { background-image: url(images/cards75/card_34.avif); } -.card_35 { background-image: url(images/cards75/card_35.avif); } -.card_36 { background-image: url(images/cards75/card_36.avif); } -.card_37 { background-image: url(images/cards75/card_37.avif); } -.card_38 { background-image: url(images/cards75/card_38.avif); } -.card_39 { background-image: url(images/cards75/card_39.avif); } -.card_40 { background-image: url(images/cards75/card_40.avif); } -.card_41 { background-image: url(images/cards75/card_41.avif); } -.card_42 { background-image: url(images/cards75/card_42.avif); } -.card_43 { background-image: url(images/cards75/card_43.avif); } -.card_44 { background-image: url(images/cards75/card_44.avif); } -.card_45 { background-image: url(images/cards75/card_45.avif); } -.card_46 { background-image: url(images/cards75/card_46.avif); } -.card_47 { background-image: url(images/cards75/card_47.avif); } -.card_48 { background-image: url(images/cards75/card_48.avif); } -.card_49 { background-image: url(images/cards75/card_49.avif); } -.card_50 { background-image: url(images/cards75/card_50.avif); } -.card_51 { background-image: url(images/cards75/card_51.avif); } -.card_52 { background-image: url(images/cards75/card_52.avif); } -.card_53 { background-image: url(images/cards75/card_53.avif); } -.card_54 { background-image: url(images/cards75/card_54.avif); } -.card_55 { background-image: url(images/cards75/card_55.avif); } -.card_56 { background-image: url(images/cards75/card_56.avif); } -.card_57 { background-image: url(images/cards75/card_57.avif); } -.card_58 { background-image: url(images/cards75/card_58.avif); } -.card_59 { background-image: url(images/cards75/card_59.avif); } -.card_60 { background-image: url(images/cards75/card_60.avif); } -.card_61 { background-image: url(images/cards75/card_61.avif); } -.card_62 { background-image: url(images/cards75/card_62.avif); } -.card_63 { background-image: url(images/cards75/card_63.avif); } -.card_64 { background-image: url(images/cards75/card_64.avif); } -.card_65 { background-image: url(images/cards75/card_65.avif); } -.card_66 { background-image: url(images/cards75/card_66.avif); } -.card_67 { background-image: url(images/cards75/card_67.avif); } -.card_68 { background-image: url(images/cards75/card_68.avif); } -.card_69 { background-image: url(images/cards75/card_69.avif); } -.card_70 { background-image: url(images/cards75/card_70.avif); } -.card_71 { background-image: url(images/cards75/card_71.avif); } -.card_72 { background-image: url(images/cards75/card_72.avif); } -.card_73 { background-image: url(images/cards75/card_73.avif); } -.card_74 { background-image: url(images/cards75/card_74.avif); } -.card_75 { background-image: url(images/cards75/card_75.avif); } -.card_76 { background-image: url(images/cards75/card_76.avif); } -.card_77 { background-image: url(images/cards75/card_77.avif); } -.card_78 { background-image: url(images/cards75/card_78.avif); } -.card_79 { background-image: url(images/cards75/card_79.avif); } -.card_80 { background-image: url(images/cards75/card_80.avif); } -.card_81 { background-image: url(images/cards75/card_81.avif); } -.card_82 { background-image: url(images/cards75/card_82.avif); } -.card_83 { background-image: url(images/cards75/card_83.avif); } -.card_84 { background-image: url(images/cards75/card_84.avif); } -.card_85 { background-image: url(images/cards75/card_85.avif); } -.card_86 { background-image: url(images/cards75/card_86.avif); } -.card_87 { background-image: url(images/cards75/card_87.avif); } -.card_88 { background-image: url(images/cards75/card_88.avif); } -.card_89 { background-image: url(images/cards75/card_89.avif); } -.card_90 { background-image: url(images/cards75/card_90.avif); } -.card_91 { background-image: url(images/cards75/card_91.avif); } -.card_92 { background-image: url(images/cards75/card_92.avif); } -.card_93 { background-image: url(images/cards75/card_93.avif); } -.card_94 { background-image: url(images/cards75/card_94.avif); } -.card_95 { background-image: url(images/cards75/card_95.avif); } -.card_96 { background-image: url(images/cards75/card_96.avif); } -.card_97 { background-image: url(images/cards75/card_97.avif); } -.card_98 { background-image: url(images/cards75/card_98.avif); } -.card_99 { background-image: url(images/cards75/card_99.avif); } -.card_100 { background-image: url(images/cards75/card_100.avif); } -.card_101 { background-image: url(images/cards75/card_101.avif); } -.card_102 { background-image: url(images/cards75/card_102.avif); } -.card_103 { background-image: url(images/cards75/card_103.avif); } -.card_104 { background-image: url(images/cards75/card_104.avif); } -.card_105 { background-image: url(images/cards75/card_105.avif); } -.card_106 { background-image: url(images/cards75/card_106.avif); } -.card_107 { background-image: url(images/cards75/card_107.avif); } -.card_108 { background-image: url(images/cards75/card_108.avif); } -.card_109 { background-image: url(images/cards75/card_109.avif); } -.card_110 { background-image: url(images/cards75/card_110.avif); } -.card_111 { background-image: url(images/cards75/card_111.avif); } -.card_112 { background-image: url(images/cards75/card_112.avif); } -.card_113 { background-image: url(images/cards75/card_113.avif); } -.card_114 { background-image: url(images/cards75/card_114.avif); } -.card_115 { background-image: url(images/cards75/card_115.avif); } -.card_116 { background-image: url(images/cards75/card_116.avif); } -.card_117 { background-image: url(images/cards75/card_117.avif); } -.card_118 { background-image: url(images/cards75/card_118.avif); } -.card_119 { background-image: url(images/cards75/card_119.avif); } -.card_120 { background-image: url(images/cards75/card_120.avif); } - -@media (min-resolution: 97dpi) { - -.front_plus { background-image: url(images/tokens150/front_plus.png); } -.front_minus { background-image: url(images/tokens150/front_minus.png); } - -.standee_0 { background-image: url(images/tokens150/standee_0.png); } -.standee_1 { background-image: url(images/tokens150/standee_1.png); } -.standee_2 { background-image: url(images/tokens150/standee_2.png); } -.standee_3 { background-image: url(images/tokens150/standee_3.png); } -.standee_4 { background-image: url(images/tokens150/standee_4.png); } - -.medallion_0 { background-image: url(images/tokens150/medallion_0.png); } -.medallion_1 { background-image: url(images/tokens150/medallion_1.png); } -.medallion_2 { background-image: url(images/tokens150/medallion_2.png); } -.medallion_3 { background-image: url(images/tokens150/medallion_3.png); } -.medallion_4 { background-image: url(images/tokens150/medallion_4.png); } -.medallion_5 { background-image: url(images/tokens150/medallion_5.png); } -.medallion_6 { background-image: url(images/tokens150/medallion_6.png); } -.medallion_7 { background-image: url(images/tokens150/medallion_7.png); } -.medallion_8 { background-image: url(images/tokens150/medallion_8.png); } -.medallion_9 { background-image: url(images/tokens150/medallion_9.png); } - -.bonus_morale { background-image: url(images/tokens150/bonus_morale_on.png); } -.bonus_morale.off { background-image: url(images/tokens150/bonus_morale_off.png); } -.bonus_teamwork { background-image: url(images/tokens150/bonus_teamwork_on.png); } -.bonus_teamwork.off { background-image: url(images/tokens150/bonus_teamwork_off.png); } - -.player.anarchist { background-image: url(images/tokens150/player_anarchist.png); } -.player.communist { background-image: url(images/tokens150/player_communist.png); } -.player.moderate { background-image: url(images/tokens150/player_moderate.png); } -.player.fascist { background-image: url(images/tokens150/player_fascist.png); } - -.initiative { background-image: url("images/tokens150/initiative_cw.png"); } -.initiative.ccw { background-image: url("images/tokens150/initiative_ccw.png"); } - -.hero_point { background-image: url("images/tokens150/hero_point.png"); } - .card_1 { background-image: url(images/cards150/card_1.avif); } .card_2 { background-image: url(images/cards150/card_2.avif); } .card_3 { background-image: url(images/cards150/card_3.avif); } @@ -552,7 +400,7 @@ body.Observer #toggle_trash { .card_72 { background-image: url(images/cards150/card_72.avif); } .card_73 { background-image: url(images/cards150/card_73.avif); } .card_74 { background-image: url(images/cards150/card_74.avif); } -.card_150 { background-image: url(images/cards75/card_75.avif); } +.card_75 { background-image: url(images/cards150/card_75.avif); } .card_76 { background-image: url(images/cards150/card_76.avif); } .card_77 { background-image: url(images/cards150/card_77.avif); } .card_78 { background-image: url(images/cards150/card_78.avif); } @@ -599,4 +447,41 @@ body.Observer #toggle_trash { .card_119 { background-image: url(images/cards150/card_119.avif); } .card_120 { background-image: url(images/cards150/card_120.avif); } +@media (min-resolution: 97dpi) { + +.front_plus { background-image: url(images/tokens150/front_plus.png); } +.front_minus { background-image: url(images/tokens150/front_minus.png); } + +.standee_0 { background-image: url(images/tokens150/standee_0.png); } +.standee_1 { background-image: url(images/tokens150/standee_1.png); } +.standee_2 { background-image: url(images/tokens150/standee_2.png); } +.standee_3 { background-image: url(images/tokens150/standee_3.png); } +.standee_4 { background-image: url(images/tokens150/standee_4.png); } + +.medallion_0 { background-image: url(images/tokens150/medallion_0.png); } +.medallion_1 { background-image: url(images/tokens150/medallion_1.png); } +.medallion_2 { background-image: url(images/tokens150/medallion_2.png); } +.medallion_3 { background-image: url(images/tokens150/medallion_3.png); } +.medallion_4 { background-image: url(images/tokens150/medallion_4.png); } +.medallion_5 { background-image: url(images/tokens150/medallion_5.png); } +.medallion_6 { background-image: url(images/tokens150/medallion_6.png); } +.medallion_7 { background-image: url(images/tokens150/medallion_7.png); } +.medallion_8 { background-image: url(images/tokens150/medallion_8.png); } +.medallion_9 { background-image: url(images/tokens150/medallion_9.png); } + +.bonus_morale { background-image: url(images/tokens150/bonus_morale_on.png); } +.bonus_morale.off { background-image: url(images/tokens150/bonus_morale_off.png); } +.bonus_teamwork { background-image: url(images/tokens150/bonus_teamwork_on.png); } +.bonus_teamwork.off { background-image: url(images/tokens150/bonus_teamwork_off.png); } + +.player.anarchist { background-image: url(images/tokens150/player_anarchist.png); } +.player.communist { background-image: url(images/tokens150/player_communist.png); } +.player.moderate { background-image: url(images/tokens150/player_moderate.png); } +.player.fascist { background-image: url(images/tokens150/player_fascist.png); } + +.initiative { background-image: url("images/tokens150/initiative_cw.png"); } +.initiative.ccw { background-image: url("images/tokens150/initiative_ccw.png"); } + +.hero_point { background-image: url("images/tokens150/hero_point.png"); } + } |