/* Maria */ @font-face { font-family: "Suit Symbols"; src: url(fonts/FriedrichSymbols-Regular.woff2) format(woff2); unicode-range:U+2660-2667; } #prompt { font-family: "Suit Symbols", var(--font-widget); font-variant-numeric: tabular-nums; } body { background-color: slategray; } #role_Maria_Theresa { background-color: whitesmoke; } #role_Frederick { background-color: skyblue; } #role_Louis_XV { background-color: salmon; } #mapwrap { width: 2485px; height: 1654px; margin-bottom: 30px; box-shadow: 2px 2px 4px #0006; } #map { position: absolute; width: 2485px; height: 1654px; background-size: cover; background-image: url(Maria.Gameboard.075.jpg); background-color: #ece1a9; } #political_display { position: relative; margin: 0 auto; width: 877px; height: 620px; background-size: cover; background-image: url(Maria.Political.Display.075.jpg); background-color: #ece1a9; box-shadow: 2px 2px 4px #0006; border: 1px solid #0008; } header.your_turn.france { background-color: var(--color-light-france); } header.your_turn.bavaria { background-color: var(--color-light-bavaria); } header.your_turn.prussia { background-color: var(--color-light-prussia); } header.your_turn.saxony { background-color: var(--color-light-saxony); } header.your_turn.pragmatic { background-color: var(--color-light-pragmatic); } header.your_turn.austria { background-color: var(--color-light-austria); } /* COLORS */ :root { --color-light-france: hsl(0, 70%, 80%); --color-light-bavaria: hsl(36, 70%, 80%); --color-light-prussia: hsl(210, 80%, 75%); --color-light-saxony: hsl(140, 50%, 70%); --color-light-pragmatic: hsl(0, 0%, 75%); --color-light-austria: hsl(0, 0%, 97%); --color-light-political: hsl(50, 73%, 78%); --color-medium-france: hsl(0, 35%, 70%); --color-medium-bavaria: hsl(36, 65%, 70%); --color-medium-prussia: hsl(210, 30%, 60%); --color-medium-saxony: hsl(140, 20%, 55%); --color-medium-pragmatic: hsl(0, 0%, 65%); --color-medium-austria: hsl(0, 0%, 90%); --color-medium-political: hsl(50, 35%, 60%); --color-dark-france: hsl(358, 85%, 52%); --color-dark-bavaria: hsl(36, 65%, 52%); --color-dark-prussia: hsl(198, 100%, 24%); --color-dark-saxony: hsl(139, 72%, 28%); --color-dark-pragmatic: hsl(0, 0%, 87%); --color-dark-austria: hsl(0, 0%, 97%); --color-role-louis: hsl(0, 70%, 80%); --color-role-frederick: hsl(210, 80%, 75%); --color-role-maria: hsl(0, 0%, 97%); --color-clubs: #007c49; --color-diamonds: #c2263e; --color-hearts: #ed1c24; --color-spades: #274085; --color-reserve: #0094c9; } /* PANELS */ .panel { background-color: darkgray; width: clamp(500px, calc(100% - 48px), 2475px); margin: 24px auto; box-shadow: 2px 2px 4px #0006; border: 1px solid #0008; padding: 4px; } .panel_header { border: 1px solid #000a; box-shadow: 1px 1px 4px #0003; text-align: center; padding: 2px 0; } .panel_body { display: flex; justify-content: start; flex-wrap: wrap; padding: 18px; gap: 18px; min-height: 256px; } #hand_france_header { background-color: var(--color-light-france) } #hand_bavaria_header { background-color: var(--color-light-bavaria) } #hand_prussia_header { background-color: var(--color-light-prussia) } #hand_saxony_header { background-color: var(--color-light-saxony) } #hand_pragmatic_header { background-color: var(--color-light-pragmatic) } #hand_austria_header { background-color: var(--color-light-austria) } #hand_france_panel { background-color: var(--color-medium-france) } #hand_bavaria_panel { background-color: var(--color-medium-bavaria) } #hand_prussia_panel { background-color: var(--color-medium-prussia) } #hand_saxony_panel { background-color: var(--color-medium-saxony) } #hand_pragmatic_panel { background-color: var(--color-medium-pragmatic) } #hand_austria_panel { background-color: var(--color-medium-austria) } #political_header { background-color: var(--color-light-political) } #political_panel { background-color: var(--color-medium-political) } /* LOG */ #log { font-family: "Suit Symbols", var(--font-small); font-variant-numeric: tabular-nums; } #log { background-color: #f3ebd4 } #log div:empty { min-height: 4px; } #log .city_tip:hover { cursor: pointer; text-decoration: underline; } #log .piece_tip:hover { cursor: pointer; text-decoration: underline; } #log .h { background-color: tan; border-top: 1px solid black; border-bottom: 1px solid black; margin: 8px 0; } #log .h.fate { text-align: center; } #log .h.fate::before { content: "\2014 " } #log .h.fate::after { content: " \2014" } #log .combat { background-color: #d7cfb8; } #log .h.austria { background-color: var(--color-light-austria); } #log .h.france { background-color: var(--color-light-france); } #log .h.bavaria { background-color: var(--color-light-bavaria); } #log .h.prussia { background-color: var(--color-light-prussia); } #log .h.pragmatic { background-color: var(--color-light-pragmatic); } #log .h.saxony { background-color: var(--color-light-saxony); } #log .q { font-style: italic; } #log .i { padding-left: 20px } #log .ii { padding-left: 32px } #log span.suit { font-size: 11px; } span.suit.reserve { padding: 0 1px; } span.suit.spades { color: var(--color-spades) } span.suit.clubs { color: var(--color-clubs) } span.suit.hearts { color: var(--color-hearts) } span.suit.diamonds { color: var(--color-diamonds) } span.suit.reserve { color: var(--color-reserve); font-weight: bold; font-family: "Source Serif SmText"; } /* SPACES */ .space { position: absolute; box-sizing: border-box; border: 4px solid transparent; background-color: #0002; } .space.city { width: 24px; height: 24px; border-radius: 50%; } .space.minor_fortress { width: 28px; height: 28px; } .space.major_fortress { width: 40px; height: 40px; border-radius: 50%; } .space.Austria { background-color: #fcffff; } .space.France { background-color: #ea192e; } .space.Prussia { background-color: #035783; } .space.Netherlands { background-color: #7d7c7a; } .space.Silesia { background-color: #91b4a0; } .space.Saxony { background-color: #127a3b; } .space.Bavaria { background-color: #fcb01f; } .space.Poland { background-color: #cac180; } .space.minor_fortress.Empire { background-color: #b41a70; } .space.major_fortress.Empire { background-color: #b41a70; } .space.city.Empire { background-color: #e0d796; } .space.tip { border-color: lime; z-index: 3000; } .space.action { border-color: white; box-shadow: 0 0 2px black, inset 0 0 2px black; z-index: 2000; } /* PIECES */ .piece { position: absolute; transition-property: top, left; transition-duration: 700ms; transition-timing-function: ease; background-repeat: no-repeat; } .piece.cylinder { width: 42px; height: 47px; } .piece.disc { width: 42px; height: 40px; } .piece.cube { width: 31px; height: 39px; } .piece.action { filter: drop-shadow(2px 0px 0px white) drop-shadow(0px 2px 0px white) drop-shadow(0px -2px 0px white) drop-shadow(-2px 0px 0px white) drop-shadow(0 0 1px black) ; } .piece.selected { filter: drop-shadow(2px 0px 0px yellow) drop-shadow(0px 2px 0px yellow) drop-shadow(0px -2px 0px yellow) drop-shadow(-2px 0px 0px yellow) drop-shadow(0 0 1px black) ; } .piece.tip { filter: drop-shadow(2px 0px 0px lime) drop-shadow(0px 2px 0px lime) drop-shadow(0px -2px 0px lime) drop-shadow(-2px 0px 0px lime) drop-shadow(0 0 1px black) ; } .piece.cube.austria { background-image: url(images/cube_austria.svg) } .piece.cube.bavaria { background-image: url(images/cube_bavaria.svg) } .piece.cube.france { background-image: url(images/cube_france.svg) } .piece.cube.pragmatic { background-image: url(images/cube_pragmatic.svg) } .piece.cube.prussia { background-image: url(images/cube_prussia.svg) } .piece.cube.saxony { background-image: url(images/cube_saxony.svg) } .piece.disc.austria { background-image: url(images/disc_hussar.svg) } .piece.cylinder.austria_1 { background-image: url(pieces/cylinder_austria_1.svg) } .piece.cylinder.austria_2 { background-image: url(pieces/cylinder_austria_2.svg) } .piece.cylinder.austria_3 { background-image: url(pieces/cylinder_austria_3.svg) } .piece.cylinder.austria_4 { background-image: url(pieces/cylinder_austria_4.svg) } .piece.cylinder.austria_5 { background-image: url(pieces/cylinder_austria_5.svg) } .piece.cylinder.austria_6 { background-image: url(pieces/cylinder_austria_6.svg) } .piece.cylinder.bavaria_1 { background-image: url(pieces/cylinder_bavaria_1.svg) } .piece.cylinder.france_1 { background-image: url(pieces/cylinder_france_1.svg) } .piece.cylinder.france_2 { background-image: url(pieces/cylinder_france_2.svg) } .piece.cylinder.france_3 { background-image: url(pieces/cylinder_france_3.svg) } .piece.cylinder.france_4 { background-image: url(pieces/cylinder_france_4.svg) } .piece.cylinder.france_5 { background-image: url(pieces/cylinder_france_5.svg) } .piece.cylinder.pragmatic_1 { background-image: url(pieces/cylinder_pragmatic_1.svg) } .piece.cylinder.pragmatic_2 { background-image: url(pieces/cylinder_pragmatic_2.svg) } .piece.cylinder.pragmatic_3 { background-image: url(pieces/cylinder_pragmatic_3.svg) } .piece.cylinder.prussia_1 { background-image: url(pieces/cylinder_prussia_1.svg) } .piece.cylinder.prussia_2 { background-image: url(pieces/cylinder_prussia_2.svg) } .piece.cylinder.prussia_3 { background-image: url(pieces/cylinder_prussia_3.svg) } .piece.cylinder.prussia_4 { background-image: url(pieces/cylinder_prussia_4.svg) } .piece.cylinder.saxony_1 { background-image: url(pieces/cylinder_saxony_1.svg) } /* MARKERS */ #combat { position: absolute; width: 36px; height: 36px; background-image: url(images/bang.svg); background-size: contain; background-repeat: no-repeat; } .marker { position: absolute; width: 30px; height: 30px; background-size: 34px 34px; background-position: center; border: 1px solid black; } .marker.turn_marker { background-image: url(markers/turn_marker.075.png) } .marker.elector_marker_austria_pragmatic { background-image: url(markers/elector_marker_austria_pragmatic.075.png) } .marker.elector_marker_france { background-image: url(markers/elector_marker_france.075.png) } .marker.elector_marker_prussia { background-image: url(markers/elector_marker_prussia.075.png) } .marker.elector_marker_saxony { background-image: url(markers/elector_marker_saxony.075.png) } .marker.question_marker_austria { background-image: url(markers/question_marker_austria.075.png) } .marker.question_marker_france { background-image: url(markers/question_marker_france.075.png) } .marker.question_marker_pragmatic { background-image: url(markers/question_marker_pragmatic.075.png) } .marker.question_marker_prussia { background-image: url(markers/question_marker_prussia.075.png) } .marker.victory_marker_austria { background-image: url(markers/victory_marker_austria.075.png) } .marker.victory_marker_france { background-image: url(markers/victory_marker_france.075.png) } .marker.victory_marker_pragmatic { background-image: url(markers/victory_marker_pragmatic.075.png) } .marker.victory_marker_prussia { background-image: url(markers/victory_marker_prussia.075.png) } .marker.subsidy_marker { background-image: url(markers/subsidy_marker.075.png) } .marker.income_minus_marker { background-image: url(markers/income_minus_marker.075.png) } .marker.income_plus_marker { background-image: url(markers/income_plus_marker.075.png) } .marker.political_marker_italy { background-image: url(markers/political_marker_italy.100.png) } .marker.political_marker_russia { background-image: url(markers/political_marker_russia.100.png) } .marker.political_marker_saxony { background-image: url(markers/political_marker_saxony.100.png) } /* TROOP NUMBER BADGE */ .number { width: 14px; height: 14px; background-size: 800% 100%; pointer-events: none; } .number { background-image: url(images/numbers_rev.2x.png); } .number.austria, .number.bavaria { background-image: url(images/numbers.2x.png); } .number.n0 { visibility: hidden; } .number.n1 { background-position: 0px 0px; } .number.n2 { background-position: -14px 0px; } .number.n3 { background-position: -28px 0px; } .number.n4 { background-position: -42px 0px; } .number.n5 { background-position: -56px 0px; } .number.n6 { background-position: -70px 0px; } .number.n7 { background-position: -84px 0px; } .number.n8 { background-position: -98px 0px; } /* CARDS */ .card { width: 165px; height: 257px; background-size: 100%; background-color: #f3ebd5; border-radius: 8px; border: 1px solid black; } .card.action { box-shadow: 0 0 0 3px white; border-color: white; } @media (hover: hover) { .card.action:hover { margin-top: -10px; margin-bottom: 10px; } } .draw-break { margin-left: 145px; } .card.tc { margin-right: -145px; } .panel_body { padding-right: calc(18px + 145px); } .card.tc.c01 { background-image: url(cards/Maria.TC.01.075.jpg) } .card.tc.c02 { background-image: url(cards/Maria.TC.02.075.jpg) } .card.tc.c03 { background-image: url(cards/Maria.TC.03.075.jpg) } .card.tc.c04 { background-image: url(cards/Maria.TC.04.075.jpg) } .card.tc.c05 { background-image: url(cards/Maria.TC.05.075.jpg) } .card.tc.c06 { background-image: url(cards/Maria.TC.06.075.jpg) } .card.tc.c07 { background-image: url(cards/Maria.TC.07.075.jpg) } .card.tc.c08 { background-image: url(cards/Maria.TC.08.075.jpg) } .card.tc.c09 { background-image: url(cards/Maria.TC.09.075.jpg) } .card.tc.c10 { background-image: url(cards/Maria.TC.10.075.jpg) } .card.tc.c11 { background-image: url(cards/Maria.TC.11.075.jpg) } .card.tc.c12 { background-image: url(cards/Maria.TC.12.075.jpg) } .card.tc.c13 { background-image: url(cards/Maria.TC.13.075.jpg) } .card.tc.c14 { background-image: url(cards/Maria.TC.14.075.jpg) } .card.tc.c15 { background-image: url(cards/Maria.TC.15.075.jpg) } .card.tc.c16 { background-image: url(cards/Maria.TC.16.075.jpg) } .card.tc.c17 { background-image: url(cards/Maria.TC.17.075.jpg) } .card.tc.c18 { background-image: url(cards/Maria.TC.18.075.jpg) } .card.tc.c19 { background-image: url(cards/Maria.TC.19.075.jpg) } .card.tc.c20 { background-image: url(cards/Maria.TC.20.075.jpg) } .card.tc.c21 { background-image: url(cards/Maria.TC.21.075.jpg) } .card.tc.c22 { background-image: url(cards/Maria.TC.22.075.jpg) } .card.tc.c23 { background-image: url(cards/Maria.TC.23.075.jpg) } .card.tc.c24 { background-image: url(cards/Maria.TC.24.075.jpg) } .card.tc.c25 { background-image: url(cards/Maria.TC.25.075.jpg) } .card.tc.c26 { background-image: url(cards/Maria.TC.26.075.jpg) } .card.tc.c27 { background-image: url(cards/Maria.TC.27.075.jpg) } .card.tc.c28 { background-image: url(cards/Maria.TC.28.075.jpg) } .card.tc.c29 { background-image: url(cards/Maria.TC.29.075.jpg) } .card.tc.c30 { background-image: url(cards/Maria.TC.30.075.jpg) } .card.tc.c31 { background-image: url(cards/Maria.TC.31.075.jpg) } .card.tc.c32 { background-image: url(cards/Maria.TC.32.075.jpg) } .card.tc.c33 { background-image: url(cards/Maria.TC.33.075.jpg) } .card.tc.c34 { background-image: url(cards/Maria.TC.34.075.jpg) } .card.tc.c35 { background-image: url(cards/Maria.TC.35.075.jpg) } .card.tc.c36 { background-image: url(cards/Maria.TC.36.075.jpg) } .card.tc.c37 { background-image: url(cards/Maria.TC.37.075.jpg) } .card.tc.c38 { background-image: url(cards/Maria.TC.38.075.jpg) } .card.tc.reverse.deck_1 { background-image: url(cards/Maria.TC.reverse.deck_1.075.jpg) } .card.tc.reverse.deck_2 { background-image: url(cards/Maria.TC.reverse.deck_2.075.jpg) } .card.tc.reverse.deck_3 { background-image: url(cards/Maria.TC.reverse.deck_3.075.jpg) } .card.tc.reverse.deck_4 { background-image: url(cards/Maria.TC.reverse.deck_4.075.jpg) } .card.polcard.c01 { background-image: url(cards/Maria.PolCard.01.075.jpg) } .card.polcard.c02 { background-image: url(cards/Maria.PolCard.02.075.jpg) } .card.polcard.c03 { background-image: url(cards/Maria.PolCard.03.075.jpg) } .card.polcard.c04 { background-image: url(cards/Maria.PolCard.04.075.jpg) } .card.polcard.c05 { background-image: url(cards/Maria.PolCard.05.075.jpg) } .card.polcard.c06 { background-image: url(cards/Maria.PolCard.06.075.jpg) } .card.polcard.c07 { background-image: url(cards/Maria.PolCard.07.075.jpg) } .card.polcard.c08 { background-image: url(cards/Maria.PolCard.08.075.jpg) } .card.polcard.c09 { background-image: url(cards/Maria.PolCard.09.075.jpg) } .card.polcard.c10 { background-image: url(cards/Maria.PolCard.10.075.jpg) } .card.polcard.c11 { background-image: url(cards/Maria.PolCard.11.075.jpg) } .card.polcard.c12 { background-image: url(cards/Maria.PolCard.12.075.jpg) } .card.polcard.c13 { background-image: url(cards/Maria.PolCard.13.075.jpg) } .card.polcard.c14 { background-image: url(cards/Maria.PolCard.14.075.jpg) } .card.polcard.c15 { background-image: url(cards/Maria.PolCard.15.075.jpg) } .card.polcard.c16 { background-image: url(cards/Maria.PolCard.16.075.jpg) } .card.polcard.c17 { background-image: url(cards/Maria.PolCard.17.075.jpg) } .card.polcard.c18 { background-image: url(cards/Maria.PolCard.18.075.jpg) } .card.polcard.c19 { background-image: url(cards/Maria.PolCard.19.075.jpg) } .card.polcard.c20 { background-image: url(cards/Maria.PolCard.20.075.jpg) } .card.polcard.c21 { background-image: url(cards/Maria.PolCard.21.075.jpg) } .card.polcard.c22 { background-image: url(cards/Maria.PolCard.22.075.jpg) } .card.polcard.c23 { background-image: url(cards/Maria.PolCard.23.075.jpg) } .card.polcard.c24 { background-image: url(cards/Maria.PolCard.24.075.jpg) } .card.polcard.impelection { background-image: url(cards/Maria.PolCard.ImpElection.075.jpg) } .card.polcard.reverse.deck_1 { background-image: url(cards/Maria.PolCard.reverse.deck_1.075.jpg) } .card.polcard.reverse.deck_2 { background-image: url(cards/Maria.PolCard.reverse.deck_2.075.jpg) } .card.polcard.reverse.deck_3 { background-image: url(cards/Maria.PolCard.reverse.deck_3.075.jpg) } .card.polcard.reverse.deck_4 { background-image: url(cards/Maria.PolCard.reverse.deck_4.075.jpg) } /* @2x */ @media (min-resolution: 97dpi) { #map { background-image: url(Maria.Gameboard.150.jpg) } #political_display { background-image: url(Maria.Political.Display.150.jpg) } .card.tc.c01 { background-image: url(cards/Maria.TC.01.150.jpg) } .card.tc.c02 { background-image: url(cards/Maria.TC.02.150.jpg) } .card.tc.c03 { background-image: url(cards/Maria.TC.03.150.jpg) } .card.tc.c04 { background-image: url(cards/Maria.TC.04.150.jpg) } .card.tc.c05 { background-image: url(cards/Maria.TC.05.150.jpg) } .card.tc.c06 { background-image: url(cards/Maria.TC.06.150.jpg) } .card.tc.c07 { background-image: url(cards/Maria.TC.07.150.jpg) } .card.tc.c08 { background-image: url(cards/Maria.TC.08.150.jpg) } .card.tc.c09 { background-image: url(cards/Maria.TC.09.150.jpg) } .card.tc.c10 { background-image: url(cards/Maria.TC.10.150.jpg) } .card.tc.c11 { background-image: url(cards/Maria.TC.11.150.jpg) } .card.tc.c12 { background-image: url(cards/Maria.TC.12.150.jpg) } .card.tc.c13 { background-image: url(cards/Maria.TC.13.150.jpg) } .card.tc.c14 { background-image: url(cards/Maria.TC.14.150.jpg) } .card.tc.c15 { background-image: url(cards/Maria.TC.15.150.jpg) } .card.tc.c16 { background-image: url(cards/Maria.TC.16.150.jpg) } .card.tc.c17 { background-image: url(cards/Maria.TC.17.150.jpg) } .card.tc.c18 { background-image: url(cards/Maria.TC.18.150.jpg) } .card.tc.c19 { background-image: url(cards/Maria.TC.19.150.jpg) } .card.tc.c20 { background-image: url(cards/Maria.TC.20.150.jpg) } .card.tc.c21 { background-image: url(cards/Maria.TC.21.150.jpg) } .card.tc.c22 { background-image: url(cards/Maria.TC.22.150.jpg) } .card.tc.c23 { background-image: url(cards/Maria.TC.23.150.jpg) } .card.tc.c24 { background-image: url(cards/Maria.TC.24.150.jpg) } .card.tc.c25 { background-image: url(cards/Maria.TC.25.150.jpg) } .card.tc.c26 { background-image: url(cards/Maria.TC.26.150.jpg) } .card.tc.c27 { background-image: url(cards/Maria.TC.27.150.jpg) } .card.tc.c28 { background-image: url(cards/Maria.TC.28.150.jpg) } .card.tc.c29 { background-image: url(cards/Maria.TC.29.150.jpg) } .card.tc.c30 { background-image: url(cards/Maria.TC.30.150.jpg) } .card.tc.c31 { background-image: url(cards/Maria.TC.31.150.jpg) } .card.tc.c32 { background-image: url(cards/Maria.TC.32.150.jpg) } .card.tc.c33 { background-image: url(cards/Maria.TC.33.150.jpg) } .card.tc.c34 { background-image: url(cards/Maria.TC.34.150.jpg) } .card.tc.c35 { background-image: url(cards/Maria.TC.35.150.jpg) } .card.tc.c36 { background-image: url(cards/Maria.TC.36.150.jpg) } .card.tc.c37 { background-image: url(cards/Maria.TC.37.150.jpg) } .card.tc.c38 { background-image: url(cards/Maria.TC.38.150.jpg) } .card.tc.reverse.deck_1 { background-image: url(cards/Maria.TC.reverse.deck_1.150.jpg) } .card.tc.reverse.deck_2 { background-image: url(cards/Maria.TC.reverse.deck_2.150.jpg) } .card.tc.reverse.deck_3 { background-image: url(cards/Maria.TC.reverse.deck_3.150.jpg) } .card.tc.reverse.deck_4 { background-image: url(cards/Maria.TC.reverse.deck_4.150.jpg) } .card.polcard.c01 { background-image: url(cards/Maria.PolCard.01.150.jpg) } .card.polcard.c02 { background-image: url(cards/Maria.PolCard.02.150.jpg) } .card.polcard.c03 { background-image: url(cards/Maria.PolCard.03.150.jpg) } .card.polcard.c04 { background-image: url(cards/Maria.PolCard.04.150.jpg) } .card.polcard.c05 { background-image: url(cards/Maria.PolCard.05.150.jpg) } .card.polcard.c06 { background-image: url(cards/Maria.PolCard.06.150.jpg) } .card.polcard.c07 { background-image: url(cards/Maria.PolCard.07.150.jpg) } .card.polcard.c08 { background-image: url(cards/Maria.PolCard.08.150.jpg) } .card.polcard.c09 { background-image: url(cards/Maria.PolCard.09.150.jpg) } .card.polcard.c10 { background-image: url(cards/Maria.PolCard.10.150.jpg) } .card.polcard.c11 { background-image: url(cards/Maria.PolCard.11.150.jpg) } .card.polcard.c12 { background-image: url(cards/Maria.PolCard.12.150.jpg) } .card.polcard.c13 { background-image: url(cards/Maria.PolCard.13.150.jpg) } .card.polcard.c14 { background-image: url(cards/Maria.PolCard.14.150.jpg) } .card.polcard.c15 { background-image: url(cards/Maria.PolCard.15.150.jpg) } .card.polcard.c16 { background-image: url(cards/Maria.PolCard.16.150.jpg) } .card.polcard.c17 { background-image: url(cards/Maria.PolCard.17.150.jpg) } .card.polcard.c18 { background-image: url(cards/Maria.PolCard.18.150.jpg) } .card.polcard.c19 { background-image: url(cards/Maria.PolCard.19.150.jpg) } .card.polcard.c20 { background-image: url(cards/Maria.PolCard.20.150.jpg) } .card.polcard.c21 { background-image: url(cards/Maria.PolCard.21.150.jpg) } .card.polcard.c22 { background-image: url(cards/Maria.PolCard.22.150.jpg) } .card.polcard.c23 { background-image: url(cards/Maria.PolCard.23.150.jpg) } .card.polcard.c24 { background-image: url(cards/Maria.PolCard.24.150.jpg) } .card.polcard.impelection { background-image: url(cards/Maria.PolCard.ImpElection.150.jpg) } .card.polcard.reverse.deck_1 { background-image: url(cards/Maria.PolCard.reverse.deck_1.150.jpg) } .card.polcard.reverse.deck_2 { background-image: url(cards/Maria.PolCard.reverse.deck_2.150.jpg) } .card.polcard.reverse.deck_3 { background-image: url(cards/Maria.PolCard.reverse.deck_3.150.jpg) } .card.polcard.reverse.deck_4 { background-image: url(cards/Maria.PolCard.reverse.deck_4.150.jpg) } }