body { background-color: silver; } .logo { margin-right: 0.6rem !important; } .wrapper { background-color: white; padding-top: 4em; margin-left: auto; margin-right: auto; min-height: 100vh; position: relative; width: 1000px; display: flex; flex-direction: column; } .wrapper > div[ng-view] { flex: 1 0 auto; } .ui.container { width: 958px; } .main { margin-top: 0.6rem; } .homeLogo { margin: 1rem 0 2rem 100px; width: 200px; } .homeText { color: rgba(0, 0, 0, 0.87) !important; } .key { background-color: silver; border: 1px solid gray; border-radius: 4px; font-weight: bold; font-size: 80%; padding: 3px 5px; } .eventContainer { background-color: gray; background: linear-gradient(to bottom, #999, #888); border: 1px solid black; height: 552px; line-height: 1.4286; overflow: hidden; position: relative; } .recallSelected, .recallSelected:hover { background-color: #ff0 !important; /* yellow - important to override default background-color (white) */ cursor: default; } /* CARDS */ .card0_a {background-image: url('images/cards/arabic/a_card0.png')} .card1_a {background-image: url('images/cards/arabic/a_card1.png')} .card2_a {background-image: url('images/cards/arabic/a_card2.png')} .card3_a {background-image: url('images/cards/arabic/a_card3.png')} .card4_a {background-image: url('images/cards/arabic/a_card4.png')} .card5_a {background-image: url('images/cards/arabic/a_card5.png')} .card6_a {background-image: url('images/cards/arabic/a_card6.png')} .card7_a {background-image: url('images/cards/arabic/a_card7.png')} .card8_a {background-image: url('images/cards/arabic/a_card8.png')} .card9_a {background-image: url('images/cards/arabic/a_card9.png')} .card10_a {background-image: url('images/cards/arabic/a_card10.png')} .card11_a {background-image: url('images/cards/arabic/a_card11.png')} .card12_a {background-image: url('images/cards/arabic/a_card12.png')} .card13_a {background-image: url('images/cards/arabic/a_card13.png')} .card14_a {background-image: url('images/cards/arabic/a_card14.png')} .card15_a {background-image: url('images/cards/arabic/a_card15.png')} .card16_a {background-image: url('images/cards/arabic/a_card16.png')} .card17_a {background-image: url('images/cards/arabic/a_card17.png')} .card18_a {background-image: url('images/cards/arabic/a_card18.png')} .card19_a {background-image: url('images/cards/arabic/a_card19.png')} .card20_a {background-image: url('images/cards/arabic/a_card20.png')} .card21_a {background-image: url('images/cards/arabic/a_card21.png')} .card22_a {background-image: url('images/cards/arabic/a_card22.png')} .card23_a {background-image: url('images/cards/arabic/a_card23.png')} .card24_a {background-image: url('images/cards/arabic/a_card24.png')} .card25_a {background-image: url('images/cards/arabic/a_card25.png')} .card26_a {background-image: url('images/cards/arabic/a_card26.png')} .card27_a {background-image: url('images/cards/arabic/a_card27.png')} .card28_a {background-image: url('images/cards/arabic/a_card28.png')} .card29_a {background-image: url('images/cards/arabic/a_card29.png')} .card30_a {background-image: url('images/cards/arabic/a_card30.png')} .card31_a {background-image: url('images/cards/arabic/a_card31.png')} .card32_a {background-image: url('images/cards/arabic/a_card32.png')} .card33_a {background-image: url('images/cards/arabic/a_card33.png')} .card34_a {background-image: url('images/cards/arabic/a_card34.png')} .card35_a {background-image: url('images/cards/arabic/a_card35.png')} .card36_a {background-image: url('images/cards/arabic/a_card36.png')} .card37_a {background-image: url('images/cards/arabic/a_card37.png')} .card38_a {background-image: url('images/cards/arabic/a_card38.png')} .card39_a {background-image: url('images/cards/arabic/a_card39.png')} .card40_a {background-image: url('images/cards/arabic/a_card40.png')} .card41_a {background-image: url('images/cards/arabic/a_card41.png')} .card42_a {background-image: url('images/cards/arabic/a_card42.png')} .card43_a {background-image: url('images/cards/arabic/a_card43.png')} .card44_a {background-image: url('images/cards/arabic/a_card44.png')} .card45_a {background-image: url('images/cards/arabic/a_card45.png')} .card46_a {background-image: url('images/cards/arabic/a_card46.png')} .card47_a {background-image: url('images/cards/arabic/a_card47.png')} .card48_a {background-image: url('images/cards/arabic/a_card48.png')} .card49_a {background-image: url('images/cards/arabic/a_card49.png')} .card50_a {background-image: url('images/cards/arabic/a_card50.png')} .card51_a {background-image: url('images/cards/arabic/a_card51.png')} .card0_e {background-image: url('images/cards/english/card0.svg')} .card1_e {background-image: url('images/cards/english/card1.svg')} .card2_e {background-image: url('images/cards/english/card2.svg')} .card3_e {background-image: url('images/cards/english/card3.svg')} .card4_e {background-image: url('images/cards/english/card4.svg')} .card5_e {background-image: url('images/cards/english/card5.svg')} .card6_e {background-image: url('images/cards/english/card6.svg')} .card7_e {background-image: url('images/cards/english/card7.svg')} .card8_e {background-image: url('images/cards/english/card8.svg')} .card9_e {background-image: url('images/cards/english/card9.svg')} .card10_e {background-image: url('images/cards/english/card10.svg')} .card11_e {background-image: url('images/cards/english/card11.svg')} .card12_e {background-image: url('images/cards/english/card12.svg')} .card13_e {background-image: url('images/cards/english/card13.svg')} .card14_e {background-image: url('images/cards/english/card14.svg')} .card15_e {background-image: url('images/cards/english/card15.svg')} .card16_e {background-image: url('images/cards/english/card16.svg')} .card17_e {background-image: url('images/cards/english/card17.svg')} .card18_e {background-image: url('images/cards/english/card18.svg')} .card19_e {background-image: url('images/cards/english/card19.svg')} .card20_e {background-image: url('images/cards/english/card20.svg')} .card21_e {background-image: url('images/cards/english/card21.svg')} .card22_e {background-image: url('images/cards/english/card22.svg')} .card23_e {background-image: url('images/cards/english/card23.svg')} .card24_e {background-image: url('images/cards/english/card24.svg')} .card25_e {background-image: url('images/cards/english/card25.svg')} .card26_e {background-image: url('images/cards/english/card26.svg')} .card27_e {background-image: url('images/cards/english/card27.svg')} .card28_e {background-image: url('images/cards/english/card28.svg')} .card29_e {background-image: url('images/cards/english/card29.svg')} .card30_e {background-image: url('images/cards/english/card30.svg')} .card31_e {background-image: url('images/cards/english/card31.svg')} .card32_e {background-image: url('images/cards/english/card32.svg')} .card33_e {background-image: url('images/cards/english/card33.svg')} .card34_e {background-image: url('images/cards/english/card34.svg')} .card35_e {background-image: url('images/cards/english/card35.svg')} .card36_e {background-image: url('images/cards/english/card36.svg')} .card37_e {background-image: url('images/cards/english/card37.svg')} .card38_e {background-image: url('images/cards/english/card38.svg?v=1')} .card39_e {background-image: url('images/cards/english/card39.svg')} .card40_e {background-image: url('images/cards/english/card40.svg')} .card41_e {background-image: url('images/cards/english/card41.svg')} .card42_e {background-image: url('images/cards/english/card42.svg')} .card43_e {background-image: url('images/cards/english/card43.svg')} .card44_e {background-image: url('images/cards/english/card44.svg')} .card45_e {background-image: url('images/cards/english/card45.svg')} .card46_e {background-image: url('images/cards/english/card46.svg')} .card47_e {background-image: url('images/cards/english/card47.svg')} .card48_e {background-image: url('images/cards/english/card48.svg')} .card49_e {background-image: url('images/cards/english/card49.svg')} .card50_e {background-image: url('images/cards/english/card50.svg')} .card51_e {background-image: url('images/cards/english/card51.svg')} .cardBlank_e {background-image: url('images/cards/english/card_blank.svg')} .cardsPile2 .card0_e, .cardsRecallPile2 .card0_e, .cardsViewMemoPile2 .card0_e, .cardsViewRecallPile2 .card0_e {background-image: url('images/cards/world2025/card0.png')} .cardsPile2 .card1_e, .cardsRecallPile2 .card1_e, .cardsViewMemoPile2 .card1_e, .cardsViewRecallPile2 .card1_e {background-image: url('images/cards/world2025/card1.png')} .cardsPile2 .card2_e, .cardsRecallPile2 .card2_e, .cardsViewMemoPile2 .card2_e, .cardsViewRecallPile2 .card2_e {background-image: url('images/cards/world2025/card2.png')} .cardsPile2 .card3_e, .cardsRecallPile2 .card3_e, .cardsViewMemoPile2 .card3_e, .cardsViewRecallPile2 .card3_e {background-image: url('images/cards/world2025/card3.png')} .cardsPile2 .card4_e, .cardsRecallPile2 .card4_e, .cardsViewMemoPile2 .card4_e, .cardsViewRecallPile2 .card4_e {background-image: url('images/cards/world2025/card4.png')} .cardsPile2 .card5_e, .cardsRecallPile2 .card5_e, .cardsViewMemoPile2 .card5_e, .cardsViewRecallPile2 .card5_e {background-image: url('images/cards/world2025/card5.png')} .cardsPile2 .card6_e, .cardsRecallPile2 .card6_e, .cardsViewMemoPile2 .card6_e, .cardsViewRecallPile2 .card6_e {background-image: url('images/cards/world2025/card6.png')} .cardsPile2 .card7_e, .cardsRecallPile2 .card7_e, .cardsViewMemoPile2 .card7_e, .cardsViewRecallPile2 .card7_e {background-image: url('images/cards/world2025/card7.png')} .cardsPile2 .card8_e, .cardsRecallPile2 .card8_e, .cardsViewMemoPile2 .card8_e, .cardsViewRecallPile2 .card8_e {background-image: url('images/cards/world2025/card8.png')} .cardsPile2 .card9_e, .cardsRecallPile2 .card9_e, .cardsViewMemoPile2 .card9_e, .cardsViewRecallPile2 .card9_e {background-image: url('images/cards/world2025/card9.png')} .cardsPile2 .card10_e, .cardsRecallPile2 .card10_e, .cardsViewMemoPile2 .card10_e, .cardsViewRecallPile2 .card10_e {background-image: url('images/cards/world2025/card10.png')} .cardsPile2 .card11_e, .cardsRecallPile2 .card11_e, .cardsViewMemoPile2 .card11_e, .cardsViewRecallPile2 .card11_e {background-image: url('images/cards/world2025/card11.png')} .cardsPile2 .card12_e, .cardsRecallPile2 .card12_e, .cardsViewMemoPile2 .card12_e, .cardsViewRecallPile2 .card12_e {background-image: url('images/cards/world2025/card12.png')} .cardsPile2 .card13_e, .cardsRecallPile2 .card13_e, .cardsViewMemoPile2 .card13_e, .cardsViewRecallPile2 .card13_e {background-image: url('images/cards/world2025/card13.png')} .cardsPile2 .card14_e, .cardsRecallPile2 .card14_e, .cardsViewMemoPile2 .card14_e, .cardsViewRecallPile2 .card14_e {background-image: url('images/cards/world2025/card14.png')} .cardsPile2 .card15_e, .cardsRecallPile2 .card15_e, .cardsViewMemoPile2 .card15_e, .cardsViewRecallPile2 .card15_e {background-image: url('images/cards/world2025/card15.png')} .card0_f {background-image: url('images/cards/four-color/card0.svg')} .card1_f {background-image: url('images/cards/four-color/card1.svg')} .card2_f {background-image: url('images/cards/four-color/card2.svg')} .card3_f {background-image: url('images/cards/four-color/card3.svg')} .card4_f {background-image: url('images/cards/four-color/card4.svg')} .card5_f {background-image: url('images/cards/four-color/card5.svg')} .card6_f {background-image: url('images/cards/four-color/card6.svg')} .card7_f {background-image: url('images/cards/four-color/card7.svg')} .card8_f {background-image: url('images/cards/four-color/card8.svg')} .card9_f {background-image: url('images/cards/four-color/card9.svg')} .card10_f {background-image: url('images/cards/four-color/card10.svg')} .card11_f {background-image: url('images/cards/four-color/card11.svg')} .card12_f {background-image: url('images/cards/four-color/card12.svg')} .card13_f {background-image: url('images/cards/four-color/card13.svg')} .card14_f {background-image: url('images/cards/four-color/card14.svg')} .card15_f {background-image: url('images/cards/four-color/card15.svg')} .card16_f {background-image: url('images/cards/four-color/card16.svg')} .card17_f {background-image: url('images/cards/four-color/card17.svg')} .card18_f {background-image: url('images/cards/four-color/card18.svg')} .card19_f {background-image: url('images/cards/four-color/card19.svg')} .card20_f {background-image: url('images/cards/four-color/card20.svg')} .card21_f {background-image: url('images/cards/four-color/card21.svg')} .card22_f {background-image: url('images/cards/four-color/card22.svg')} .card23_f {background-image: url('images/cards/four-color/card23.svg')} .card24_f {background-image: url('images/cards/four-color/card24.svg')} .card25_f {background-image: url('images/cards/four-color/card25.svg')} .card26_f {background-image: url('images/cards/four-color/card26.svg')} .card27_f {background-image: url('images/cards/four-color/card27.svg')} .card28_f {background-image: url('images/cards/four-color/card28.svg')} .card29_f {background-image: url('images/cards/four-color/card29.svg')} .card30_f {background-image: url('images/cards/four-color/card30.svg')} .card31_f {background-image: url('images/cards/four-color/card31.svg')} .card32_f {background-image: url('images/cards/four-color/card32.svg')} .card33_f {background-image: url('images/cards/four-color/card33.svg')} .card34_f {background-image: url('images/cards/four-color/card34.svg')} .card35_f {background-image: url('images/cards/four-color/card35.svg')} .card36_f {background-image: url('images/cards/four-color/card36.svg')} .card37_f {background-image: url('images/cards/four-color/card37.svg')} .card38_f {background-image: url('images/cards/four-color/card38.svg')} .card39_f {background-image: url('images/cards/four-color/card39.svg')} .card40_f {background-image: url('images/cards/four-color/card40.svg')} .card41_f {background-image: url('images/cards/four-color/card41.svg')} .card42_f {background-image: url('images/cards/four-color/card42.svg')} .card43_f {background-image: url('images/cards/four-color/card43.svg')} .card44_f {background-image: url('images/cards/four-color/card44.svg')} .card45_f {background-image: url('images/cards/four-color/card45.svg')} .card46_f {background-image: url('images/cards/four-color/card46.svg')} .card47_f {background-image: url('images/cards/four-color/card47.svg')} .card48_f {background-image: url('images/cards/four-color/card48.svg')} .card49_f {background-image: url('images/cards/four-color/card49.svg')} .card50_f {background-image: url('images/cards/four-color/card50.svg')} .card51_f {background-image: url('images/cards/four-color/card51.svg')} .card0_g {background-image: url('images/cards/german/g_card0.png')} .card1_g {background-image: url('images/cards/german/g_card1.png')} .card2_g {background-image: url('images/cards/german/g_card2.png')} .card3_g {background-image: url('images/cards/german/g_card3.png')} .card4_g {background-image: url('images/cards/german/g_card4.png')} .card5_g {background-image: url('images/cards/german/g_card5.png')} .card6_g {background-image: url('images/cards/german/g_card6.png')} .card7_g {background-image: url('images/cards/german/g_card7.png')} .card8_g {background-image: url('images/cards/german/g_card8.png')} .card9_g {background-image: url('images/cards/german/g_card9.png')} .card10_g {background-image: url('images/cards/german/g_card10.png')} .card11_g {background-image: url('images/cards/german/g_card11.png')} .card12_g {background-image: url('images/cards/german/g_card12.png')} .card13_g {background-image: url('images/cards/german/g_card13.png')} .card14_g {background-image: url('images/cards/german/g_card14.png')} .card15_g {background-image: url('images/cards/german/g_card15.png')} .card16_g {background-image: url('images/cards/german/g_card16.png')} .card17_g {background-image: url('images/cards/german/g_card17.png')} .card18_g {background-image: url('images/cards/german/g_card18.png')} .card19_g {background-image: url('images/cards/german/g_card19.png')} .card20_g {background-image: url('images/cards/german/g_card20.png')} .card21_g {background-image: url('images/cards/german/g_card21.png')} .card22_g {background-image: url('images/cards/german/g_card22.png')} .card23_g {background-image: url('images/cards/german/g_card23.png')} .card24_g {background-image: url('images/cards/german/g_card24.png')} .card25_g {background-image: url('images/cards/german/g_card25.png')} .card26_g {background-image: url('images/cards/german/g_card26.png')} .card27_g {background-image: url('images/cards/german/g_card27.png')} .card28_g {background-image: url('images/cards/german/g_card28.png')} .card29_g {background-image: url('images/cards/german/g_card29.png')} .card30_g {background-image: url('images/cards/german/g_card30.png')} .card31_g {background-image: url('images/cards/german/g_card31.png')} .card32_g {background-image: url('images/cards/german/g_card32.png')} .card33_g {background-image: url('images/cards/german/g_card33.png')} .card34_g {background-image: url('images/cards/german/g_card34.png')} .card35_g {background-image: url('images/cards/german/g_card35.png')} .card36_g {background-image: url('images/cards/german/g_card36.png')} .card37_g {background-image: url('images/cards/german/g_card37.png')} .card38_g {background-image: url('images/cards/german/g_card38.png')} .card39_g {background-image: url('images/cards/german/g_card39.png')} .card40_g {background-image: url('images/cards/german/g_card40.png')} .card41_g {background-image: url('images/cards/german/g_card41.png')} .card42_g {background-image: url('images/cards/german/g_card42.png')} .card43_g {background-image: url('images/cards/german/g_card43.png')} .card44_g {background-image: url('images/cards/german/g_card44.png')} .card45_g {background-image: url('images/cards/german/g_card45.png')} .card46_g {background-image: url('images/cards/german/g_card46.png')} .card47_g {background-image: url('images/cards/german/g_card47.png')} .card48_g {background-image: url('images/cards/german/g_card48.png')} .card49_g {background-image: url('images/cards/german/g_card49.png')} .card50_g {background-image: url('images/cards/german/g_card50.png')} .card51_g {background-image: url('images/cards/german/g_card51.png')} .card0_s {background-image: url('images/cards/swapped/card0.svg')} .card1_s {background-image: url('images/cards/swapped/card1.svg')} .card2_s {background-image: url('images/cards/swapped/card2.svg')} .card3_s {background-image: url('images/cards/swapped/card3.svg')} .card4_s {background-image: url('images/cards/swapped/card4.svg')} .card5_s {background-image: url('images/cards/swapped/card5.svg')} .card6_s {background-image: url('images/cards/swapped/card6.svg')} .card7_s {background-image: url('images/cards/swapped/card7.svg')} .card8_s {background-image: url('images/cards/swapped/card8.svg')} .card9_s {background-image: url('images/cards/swapped/card9.svg')} .card10_s {background-image: url('images/cards/swapped/card10.svg')} .card11_s {background-image: url('images/cards/swapped/card11.svg')} .card12_s {background-image: url('images/cards/swapped/card12.svg')} .card13_s {background-image: url('images/cards/swapped/card13.svg')} .card14_s {background-image: url('images/cards/swapped/card14.svg')} .card15_s {background-image: url('images/cards/swapped/card15.svg')} .card16_s {background-image: url('images/cards/swapped/card16.svg')} .card17_s {background-image: url('images/cards/swapped/card17.svg')} .card18_s {background-image: url('images/cards/swapped/card18.svg')} .card19_s {background-image: url('images/cards/swapped/card19.svg')} .card20_s {background-image: url('images/cards/swapped/card20.svg')} .card21_s {background-image: url('images/cards/swapped/card21.svg')} .card22_s {background-image: url('images/cards/swapped/card22.svg')} .card23_s {background-image: url('images/cards/swapped/card23.svg')} .card24_s {background-image: url('images/cards/swapped/card24.svg')} .card25_s {background-image: url('images/cards/swapped/card25.svg')} .card26_s {background-image: url('images/cards/swapped/card26.svg')} .card27_s {background-image: url('images/cards/swapped/card27.svg')} .card28_s {background-image: url('images/cards/swapped/card28.svg')} .card29_s {background-image: url('images/cards/swapped/card29.svg')} .card30_s {background-image: url('images/cards/swapped/card30.svg')} .card31_s {background-image: url('images/cards/swapped/card31.svg')} .card32_s {background-image: url('images/cards/swapped/card32.svg')} .card33_s {background-image: url('images/cards/swapped/card33.svg')} .card34_s {background-image: url('images/cards/swapped/card34.svg')} .card35_s {background-image: url('images/cards/swapped/card35.svg')} .card36_s {background-image: url('images/cards/swapped/card36.svg')} .card37_s {background-image: url('images/cards/swapped/card37.svg')} .card38_s {background-image: url('images/cards/swapped/card38.svg')} .card39_s {background-image: url('images/cards/swapped/card39.svg')} .card40_s {background-image: url('images/cards/swapped/card40.svg')} .card41_s {background-image: url('images/cards/swapped/card41.svg')} .card42_s {background-image: url('images/cards/swapped/card42.svg')} .card43_s {background-image: url('images/cards/swapped/card43.svg')} .card44_s {background-image: url('images/cards/swapped/card44.svg')} .card45_s {background-image: url('images/cards/swapped/card45.svg')} .card46_s {background-image: url('images/cards/swapped/card46.svg')} .card47_s {background-image: url('images/cards/swapped/card47.svg')} .card48_s {background-image: url('images/cards/swapped/card48.svg')} .card49_s {background-image: url('images/cards/swapped/card49.svg')} .card50_s {background-image: url('images/cards/swapped/card50.svg')} .card51_s {background-image: url('images/cards/swapped/card51.svg')} @keyframes cardShake0 { from {transform: translateY(0rem) translateX(0rem)} to {transform: translateY(-2rem) translateX(-0.25rem)} } @keyframes cardShake1 { from {transform: translateY(0rem) translateX(0rem)} to {transform: translateY(-2.35rem) translateX(-0.15rem)} } @keyframes cardShake2 { from {transform: translateY(0rem) translateX(0rem)} to {transform: translateY(-2.2rem) translateX(-0.05rem)} } @keyframes cardShake3 { from {transform: translateY(0rem) translateX(0rem)} to {transform: translateY(-2.3rem) translateX(0.05rem)} } @keyframes cardShake4 { from {transform: translateY(0rem) translateX(0rem)} to {transform: translateY(-2.1rem) translateX(0.1rem)} } @keyframes cardShake5 { from {transform: translateY(0rem) translateX(0rem)} to {transform: translateY(-2.15rem) translateX(0.25rem)} } .cardShake0 {animation: .9s infinite alternate ease-in-out 0s cardShake0;} .cardShake1 {animation: 1.11s infinite alternate ease-in-out -.05s cardShake1;} .cardShake2 {animation: .92s infinite alternate ease-in-out -.1s cardShake2;} .cardShake3 {animation: 1.03s infinite alternate ease-in-out -.15s cardShake3;} .cardShake4 {animation: 1.14s infinite alternate ease-in-out -.2s cardShake4;} .cardShake5 {animation: 1.15s infinite alternate ease-in-out -.25s cardShake5;} .cardShake6 {animation: .96s infinite alternate ease-in-out -.3s cardShake0;} .cardShake7 {animation: 1.17s infinite alternate ease-in-out -.35s cardShake1;} .cardShake8 {animation: .98s infinite alternate ease-in-out -.4s cardShake2;} .cardShake9 {animation: .99s infinite alternate ease-in-out -.45s cardShake3;} .cardShake10 {animation: 1s infinite alternate ease-in-out -.5s cardShake1;} .cardShake11 {animation: 1.05s infinite alternate ease-in-out -.55s cardShake2;} .cardShake12 {animation: 1.02s infinite alternate ease-in-out -.6s cardShake3;} .cardShake13 {animation: .93s infinite alternate ease-in-out -.65s cardShake4;} .cardShake14 {animation: 1.04s infinite alternate ease-in-out -.7s cardShake5;} .cardShake15 {animation: 1.15s infinite alternate ease-in-out -.75s cardShake0;} .cardShake16 {animation: 1.06s infinite alternate ease-in-out -.8s cardShake1;} .cardShake17 {animation: .97s infinite alternate ease-in-out -.85s cardShake2;} .cardShake18 {animation: 1.08s infinite alternate ease-in-out -.9s cardShake3;} .cardShake19 {animation: 1.09s infinite alternate ease-in-out -.95s cardShake4;} .cardShake20 {animation: 1.1s infinite alternate ease-in-out -1s cardShake2;} .cardShake21 {animation: .96s infinite alternate ease-in-out -1.05s cardShake3;} .cardShake22 {animation: 1.12s infinite alternate ease-in-out -1.1s cardShake4;} .cardShake23 {animation: .9s infinite alternate ease-in-out -1.15s cardShake5;} .cardShake24 {animation: .91s infinite alternate ease-in-out -1.2s cardShake0;} .cardShake25 {animation: 1.02s infinite alternate ease-in-out -1.25s cardShake1;} .cardShake26 {animation: .93s infinite alternate ease-in-out -1.3s cardShake2;} .cardShake27 {animation: 1.04s infinite alternate ease-in-out -1.35s cardShake3;} .cardShake28 {animation: .95s infinite alternate ease-in-out -1.4s cardShake4;} .cardShake29 {animation: .96s infinite alternate ease-in-out -1.45s cardShake5;} .cardShake30 {animation: 1.07s infinite alternate ease-in-out -1.5s cardShake3;} .cardShake31 {animation: .98s infinite alternate ease-in-out -1.55s cardShake4;} .cardShake32 {animation: .99s infinite alternate ease-in-out -1.6s cardShake5;} .cardShake33 {animation: 1s infinite alternate ease-in-out -1.65s cardShake0;} .cardShake34 {animation: 1.01s infinite alternate ease-in-out -1.7s cardShake1;} .cardShake35 {animation: .92s infinite alternate ease-in-out -1.75s cardShake2;} .cardShake36 {animation: 1.03s infinite alternate ease-in-out -1.8s cardShake3;} .cardShake37 {animation: 1.14s infinite alternate ease-in-out -1.85s cardShake4;} .cardShake38 {animation: 1.05s infinite alternate ease-in-out -1.9s cardShake5;} .cardShake39 {animation: .96s infinite alternate ease-in-out -1.95s cardShake0;} .cardShake40 {animation: 1.07s infinite alternate ease-in-out -0s cardShake4;} .cardShake41 {animation: .98s infinite alternate ease-in-out -.1s cardShake5;} .cardShake42 {animation: 1.09s infinite alternate ease-in-out -.2s cardShake0;} .cardShake43 {animation: 1.1s infinite alternate ease-in-out -.3s cardShake1;} .cardShake44 {animation: 0.91s infinite alternate ease-in-out -.4s cardShake2;} .cardShake45 {animation: 1.12s infinite alternate ease-in-out -5s cardShake3;} .cardShake46 {animation: 1.13s infinite alternate ease-in-out -.6s cardShake4;} .cardShake47 {animation: 0.94s infinite alternate ease-in-out -.7s cardShake5;} .cardShake48 {animation: 1.05s infinite alternate ease-in-out -.8s cardShake0;} .cardShake49 {animation: 1.16s infinite alternate ease-in-out -.9s cardShake1;} .cardShake50 {animation: 0.97s infinite alternate ease-in-out -1s cardShake5;} .cardShake51 {animation: 1.18s infinite alternate ease-in-out -1.1s cardShake0;} .cardsMemo_a { background-repeat: no-repeat; background-size: 100% 100%; border-left: 1px solid gray; border-radius: 8px; height: 157px; position: absolute; width: 104px; } .cardsMemo_e, .cardsMemo_f, .cardsMemo_s { background-repeat: no-repeat; background-size: 100% 100%; height: 157px; position: absolute; width: 112.2px; } .cardsMemo_g { background-position-x: -1px; background-repeat: no-repeat; background-size: 100% 100%; border-left: 1px solid gray; border-radius: 6px; position: absolute; height: 157px; width: 104px; } .cardsCompeteMemo { position: relative; } .cardsMemoPos0 {z-index: 0; -webkit-transform: scale(0.8) translate(38px,310px); transform: scale(0.8) translate(38px,310px); -webkit-transform-origin: 38px 310px; transform-origin: 38px 310px} .cardsMemoPos1 {z-index: 1; -webkit-transform: scale(0.8) translate(44px,310px); transform: scale(0.8) translate(44px,310px); -webkit-transform-origin: 44px 310px; transform-origin: 44px 310px} .cardsMemoPos2 {z-index: 2; -webkit-transform: scale(0.8) translate(50px,310px); transform: scale(0.8) translate(50px,310px); -webkit-transform-origin: 50px 310px; transform-origin: 50px 310px} .cardsMemoPos3 {z-index: 3; -webkit-transform: scale(0.8) translate(56px,310px); transform: scale(0.8) translate(56px,310px); -webkit-transform-origin: 56px 310px; transform-origin: 56px 310px} .cardsMemoPos4 {z-index: 4; -webkit-transform: scale(0.8) translate(62px,310px); transform: scale(0.8) translate(62px,310px); -webkit-transform-origin: 62px 310px; transform-origin: 62px 310px} .cardsMemoPos5 {z-index: 5; -webkit-transform: scale(0.8) translate(68px,310px); transform: scale(0.8) translate(68px,310px); -webkit-transform-origin: 68px 310px; transform-origin: 68px 310px} .cardsMemoPos6 {z-index: 6; -webkit-transform: scale(0.8) translate(74px,310px); transform: scale(0.8) translate(74px,310px); -webkit-transform-origin: 74px 310px; transform-origin: 74px 310px} .cardsMemoPos7 {z-index: 7; -webkit-transform: scale(0.8) translate(80px,310px); transform: scale(0.8) translate(80px,310px); -webkit-transform-origin: 80px 310px; transform-origin: 80px 310px} .cardsMemoPos8 {z-index: 8; -webkit-transform: scale(0.8) translate(86px,310px); transform: scale(0.8) translate(86px,310px); -webkit-transform-origin: 86px 310px; transform-origin: 86px 310px} .cardsMemoPos9 {z-index: 9; -webkit-transform: scale(0.8) translate(92px,310px); transform: scale(0.8) translate(92px,310px); -webkit-transform-origin: 92px 310px; transform-origin: 92px 310px} .cardsMemoPos10 {z-index: 10; -webkit-transform: scale(0.8) translate(98px,310px); transform: scale(0.8) translate(98px,310px); -webkit-transform-origin: 98px 310px; transform-origin: 98px 310px} .cardsMemoPos11 {z-index: 11; -webkit-transform: scale(0.8) translate(104px,310px); transform: scale(0.8) translate(104px,310px); -webkit-transform-origin: 104px 310px; transform-origin: 104px 310px} .cardsMemoPos12 {z-index: 12; -webkit-transform: scale(0.8) translate(110px,310px); transform: scale(0.8) translate(110px,310px); -webkit-transform-origin: 110px 310px; transform-origin: 110px 310px} .cardsMemoPos13 {z-index: 13; -webkit-transform: scale(0.8) translate(116px,310px); transform: scale(0.8) translate(116px,310px); -webkit-transform-origin: 116px 310px; transform-origin: 116px 310px} .cardsMemoPos14 {z-index: 14; -webkit-transform: scale(0.8) translate(122px,310px); transform: scale(0.8) translate(122px,310px); -webkit-transform-origin: 122px 310px; transform-origin: 122px 310px} .cardsMemoPos15 {z-index: 15; -webkit-transform: scale(0.8) translate(128px,310px); transform: scale(0.8) translate(128px,310px); -webkit-transform-origin: 128px 310px; transform-origin: 128px 310px} .cardsMemoPos16 {z-index: 16; -webkit-transform: scale(0.8) translate(134px,310px); transform: scale(0.8) translate(134px,310px); -webkit-transform-origin: 134px 310px; transform-origin: 134px 310px} .cardsMemoPos17 {z-index: 17; -webkit-transform: scale(0.8) translate(140px,310px); transform: scale(0.8) translate(140px,310px); -webkit-transform-origin: 140px 310px; transform-origin: 140px 310px} .cardsMemoPos18 {z-index: 18; -webkit-transform: scale(0.8) translate(146px,310px); transform: scale(0.8) translate(146px,310px); -webkit-transform-origin: 146px 310px; transform-origin: 146px 310px} .cardsMemoPos19 {z-index: 19; -webkit-transform: scale(0.8) translate(152px,310px); transform: scale(0.8) translate(152px,310px); -webkit-transform-origin: 152px 310px; transform-origin: 152px 310px} .cardsMemoPos20 {z-index: 20; -webkit-transform: scale(0.8) translate(158px,310px); transform: scale(0.8) translate(158px,310px); -webkit-transform-origin: 158px 310px; transform-origin: 158px 310px} .cardsMemoPos21 {z-index: 21; -webkit-transform: scale(0.8) translate(164px,310px); transform: scale(0.8) translate(164px,310px); -webkit-transform-origin: 164px 310px; transform-origin: 164px 310px} .cardsMemoPos22 {z-index: 22; -webkit-transform: scale(0.8) translate(170px,310px); transform: scale(0.8) translate(170px,310px); -webkit-transform-origin: 170px 310px; transform-origin: 170px 310px} .cardsMemoPos23 {z-index: 23; -webkit-transform: scale(0.8) translate(176px,310px); transform: scale(0.8) translate(176px,310px); -webkit-transform-origin: 176px 310px; transform-origin: 176px 310px} .cardsMemoPos24 {z-index: 24; -webkit-transform: scale(0.8) translate(182px,310px); transform: scale(0.8) translate(182px,310px); -webkit-transform-origin: 182px 310px; transform-origin: 182px 310px} .cardsMemoPos25 {z-index: 25; -webkit-transform: scale(0.8) translate(188px,310px); transform: scale(0.8) translate(188px,310px); -webkit-transform-origin: 188px 310px; transform-origin: 188px 310px} .cardsMemoPos26 {z-index: 26; -webkit-transform: scale(0.8) translate(194px,310px); transform: scale(0.8) translate(194px,310px); -webkit-transform-origin: 194px 310px; transform-origin: 194px 310px} .cardsMemoPos27 {z-index: 27; -webkit-transform: scale(0.8) translate(200px,310px); transform: scale(0.8) translate(200px,310px); -webkit-transform-origin: 200px 310px; transform-origin: 200px 310px} .cardsMemoPos28 {z-index: 28; -webkit-transform: scale(0.8) translate(206px,310px); transform: scale(0.8) translate(206px,310px); -webkit-transform-origin: 206px 310px; transform-origin: 206px 310px} .cardsMemoPos29 {z-index: 29; -webkit-transform: scale(0.8) translate(212px,310px); transform: scale(0.8) translate(212px,310px); -webkit-transform-origin: 212px 310px; transform-origin: 212px 310px} .cardsMemoPos30 {z-index: 30; -webkit-transform: scale(0.8) translate(218px,310px); transform: scale(0.8) translate(218px,310px); -webkit-transform-origin: 218px 310px; transform-origin: 218px 310px} .cardsMemoPos31 {z-index: 31; -webkit-transform: scale(0.8) translate(224px,310px); transform: scale(0.8) translate(224px,310px); -webkit-transform-origin: 224px 310px; transform-origin: 224px 310px} .cardsMemoPos32 {z-index: 32; -webkit-transform: scale(0.8) translate(230px,310px); transform: scale(0.8) translate(230px,310px); -webkit-transform-origin: 230px 310px; transform-origin: 230px 310px} .cardsMemoPos33 {z-index: 33; -webkit-transform: scale(0.8) translate(236px,310px); transform: scale(0.8) translate(236px,310px); -webkit-transform-origin: 236px 310px; transform-origin: 236px 310px} .cardsMemoPos34 {z-index: 34; -webkit-transform: scale(0.8) translate(242px,310px); transform: scale(0.8) translate(242px,310px); -webkit-transform-origin: 242px 310px; transform-origin: 242px 310px} .cardsMemoPos35 {z-index: 35; -webkit-transform: scale(0.8) translate(248px,310px); transform: scale(0.8) translate(248px,310px); -webkit-transform-origin: 248px 310px; transform-origin: 248px 310px} .cardsMemoPos36 {z-index: 36; -webkit-transform: scale(0.8) translate(254px,310px); transform: scale(0.8) translate(254px,310px); -webkit-transform-origin: 254px 310px; transform-origin: 254px 310px} .cardsMemoPos37 {z-index: 37; -webkit-transform: scale(0.8) translate(260px,310px); transform: scale(0.8) translate(260px,310px); -webkit-transform-origin: 260px 310px; transform-origin: 260px 310px} .cardsMemoPos38 {z-index: 38; -webkit-transform: scale(0.8) translate(266px,310px); transform: scale(0.8) translate(266px,310px); -webkit-transform-origin: 266px 310px; transform-origin: 266px 310px} .cardsMemoPos39 {z-index: 39; -webkit-transform: scale(0.8) translate(272px,310px); transform: scale(0.8) translate(272px,310px); -webkit-transform-origin: 272px 310px; transform-origin: 272px 310px} .cardsMemoPos40 {z-index: 40; -webkit-transform: scale(0.8) translate(278px,310px); transform: scale(0.8) translate(278px,310px); -webkit-transform-origin: 278px 310px; transform-origin: 278px 310px} .cardsMemoPos41 {z-index: 41; -webkit-transform: scale(0.8) translate(284px,310px); transform: scale(0.8) translate(284px,310px); -webkit-transform-origin: 284px 310px; transform-origin: 284px 310px} .cardsMemoPos42 {z-index: 42; -webkit-transform: scale(0.8) translate(290px,310px); transform: scale(0.8) translate(290px,310px); -webkit-transform-origin: 290px 310px; transform-origin: 290px 310px} .cardsMemoPos43 {z-index: 43; -webkit-transform: scale(0.8) translate(296px,310px); transform: scale(0.8) translate(296px,310px); -webkit-transform-origin: 296px 310px; transform-origin: 296px 310px} .cardsMemoPos44 {z-index: 44; -webkit-transform: scale(0.8) translate(302px,310px); transform: scale(0.8) translate(302px,310px); -webkit-transform-origin: 302px 310px; transform-origin: 302px 310px} .cardsMemoPos45 {z-index: 45; -webkit-transform: scale(0.8) translate(308px,310px); transform: scale(0.8) translate(308px,310px); -webkit-transform-origin: 308px 310px; transform-origin: 308px 310px} .cardsMemoPos46 {z-index: 46; -webkit-transform: scale(0.8) translate(314px,310px); transform: scale(0.8) translate(314px,310px); -webkit-transform-origin: 314px 310px; transform-origin: 314px 310px} .cardsMemoPos47 {z-index: 47; -webkit-transform: scale(0.8) translate(320px,310px); transform: scale(0.8) translate(320px,310px); -webkit-transform-origin: 320px 310px; transform-origin: 320px 310px} .cardsMemoPos48 {z-index: 48; -webkit-transform: scale(0.8) translate(326px,310px); transform: scale(0.8) translate(326px,310px); -webkit-transform-origin: 326px 310px; transform-origin: 326px 310px} .cardsMemoPos49 {z-index: 49; -webkit-transform: scale(0.8) translate(332px,310px); transform: scale(0.8) translate(332px,310px); -webkit-transform-origin: 332px 310px; transform-origin: 332px 310px} .cardsMemoPos50 {z-index: 50; -webkit-transform: scale(0.8) translate(338px,310px); transform: scale(0.8) translate(338px,310px); -webkit-transform-origin: 338px 310px; transform-origin: 338px 310px} .cardsMemoPos51 {z-index: 51; -webkit-transform: scale(0.8) translate(344px,310px); transform: scale(0.8) translate(344px,310px); -webkit-transform-origin: 344px 310px; transform-origin: 344px 310px} .cardsMemoPos52 {z-index: 52; -webkit-transform: scale(0.8) translate(530px,310px); transform: scale(0.8) translate(530px,310px); -webkit-transform-origin: 530px 310px; transform-origin: 530px 310px} .cardsMemoPos53 {z-index: 53; -webkit-transform: scale(0.8) translate(536px,310px); transform: scale(0.8) translate(536px,310px); -webkit-transform-origin: 536px 310px; transform-origin: 536px 310px} .cardsMemoPos54 {z-index: 54; -webkit-transform: scale(0.8) translate(542px,310px); transform: scale(0.8) translate(542px,310px); -webkit-transform-origin: 542px 310px; transform-origin: 542px 310px} .cardsMemoPos55 {z-index: 55; -webkit-transform: scale(0.8) translate(548px,310px); transform: scale(0.8) translate(548px,310px); -webkit-transform-origin: 548px 310px; transform-origin: 548px 310px} .cardsMemoPos56 {z-index: 56; -webkit-transform: scale(0.8) translate(554px,310px); transform: scale(0.8) translate(554px,310px); -webkit-transform-origin: 554px 310px; transform-origin: 554px 310px} .cardsMemoPos57 {z-index: 57; -webkit-transform: scale(0.8) translate(560px,310px); transform: scale(0.8) translate(560px,310px); -webkit-transform-origin: 560px 310px; transform-origin: 560px 310px} .cardsMemoPos58 {z-index: 58; -webkit-transform: scale(0.8) translate(566px,310px); transform: scale(0.8) translate(566px,310px); -webkit-transform-origin: 566px 310px; transform-origin: 566px 310px} .cardsMemoPos59 {z-index: 59; -webkit-transform: scale(0.8) translate(572px,310px); transform: scale(0.8) translate(572px,310px); -webkit-transform-origin: 572px 310px; transform-origin: 572px 310px} .cardsMemoPos60 {z-index: 60; -webkit-transform: scale(0.8) translate(578px,310px); transform: scale(0.8) translate(578px,310px); -webkit-transform-origin: 578px 310px; transform-origin: 578px 310px} .cardsMemoPos61 {z-index: 61; -webkit-transform: scale(0.8) translate(584px,310px); transform: scale(0.8) translate(584px,310px); -webkit-transform-origin: 584px 310px; transform-origin: 584px 310px} .cardsMemoPos62 {z-index: 62; -webkit-transform: scale(0.8) translate(590px,310px); transform: scale(0.8) translate(590px,310px); -webkit-transform-origin: 590px 310px; transform-origin: 590px 310px} .cardsMemoPos63 {z-index: 63; -webkit-transform: scale(0.8) translate(596px,310px); transform: scale(0.8) translate(596px,310px); -webkit-transform-origin: 596px 310px; transform-origin: 596px 310px} .cardsMemoPos64 {z-index: 64; -webkit-transform: scale(0.8) translate(602px,310px); transform: scale(0.8) translate(602px,310px); -webkit-transform-origin: 602px 310px; transform-origin: 602px 310px} .cardsMemoPos65 {z-index: 65; -webkit-transform: scale(0.8) translate(608px,310px); transform: scale(0.8) translate(608px,310px); -webkit-transform-origin: 608px 310px; transform-origin: 608px 310px} .cardsMemoPos66 {z-index: 66; -webkit-transform: scale(0.8) translate(614px,310px); transform: scale(0.8) translate(614px,310px); -webkit-transform-origin: 614px 310px; transform-origin: 614px 310px} .cardsMemoPos67 {z-index: 67; -webkit-transform: scale(0.8) translate(620px,310px); transform: scale(0.8) translate(620px,310px); -webkit-transform-origin: 620px 310px; transform-origin: 620px 310px} .cardsMemoPos68 {z-index: 68; -webkit-transform: scale(0.8) translate(626px,310px); transform: scale(0.8) translate(626px,310px); -webkit-transform-origin: 626px 310px; transform-origin: 626px 310px} .cardsMemoPos69 {z-index: 69; -webkit-transform: scale(0.8) translate(632px,310px); transform: scale(0.8) translate(632px,310px); -webkit-transform-origin: 632px 310px; transform-origin: 632px 310px} .cardsMemoPos70 {z-index: 70; -webkit-transform: scale(0.8) translate(638px,310px); transform: scale(0.8) translate(638px,310px); -webkit-transform-origin: 638px 310px; transform-origin: 638px 310px} .cardsMemoPos71 {z-index: 71; -webkit-transform: scale(0.8) translate(644px,310px); transform: scale(0.8) translate(644px,310px); -webkit-transform-origin: 644px 310px; transform-origin: 644px 310px} .cardsMemoPos72 {z-index: 72; -webkit-transform: scale(0.8) translate(650px,310px); transform: scale(0.8) translate(650px,310px); -webkit-transform-origin: 650px 310px; transform-origin: 650px 310px} .cardsMemoPos73 {z-index: 73; -webkit-transform: scale(0.8) translate(656px,310px); transform: scale(0.8) translate(656px,310px); -webkit-transform-origin: 656px 310px; transform-origin: 656px 310px} .cardsMemoPos74 {z-index: 74; -webkit-transform: scale(0.8) translate(662px,310px); transform: scale(0.8) translate(662px,310px); -webkit-transform-origin: 662px 310px; transform-origin: 662px 310px} .cardsMemoPos75 {z-index: 75; -webkit-transform: scale(0.8) translate(668px,310px); transform: scale(0.8) translate(668px,310px); -webkit-transform-origin: 668px 310px; transform-origin: 668px 310px} .cardsMemoPos76 {z-index: 76; -webkit-transform: scale(0.8) translate(674px,310px); transform: scale(0.8) translate(674px,310px); -webkit-transform-origin: 674px 310px; transform-origin: 674px 310px} .cardsMemoPos77 {z-index: 77; -webkit-transform: scale(0.8) translate(680px,310px); transform: scale(0.8) translate(680px,310px); -webkit-transform-origin: 680px 310px; transform-origin: 680px 310px} .cardsMemoPos78 {z-index: 78; -webkit-transform: scale(0.8) translate(686px,310px); transform: scale(0.8) translate(686px,310px); -webkit-transform-origin: 686px 310px; transform-origin: 686px 310px} .cardsMemoPos79 {z-index: 79; -webkit-transform: scale(0.8) translate(692px,310px); transform: scale(0.8) translate(692px,310px); -webkit-transform-origin: 692px 310px; transform-origin: 692px 310px} .cardsMemoPos80 {z-index: 80; -webkit-transform: scale(0.8) translate(698px,310px); transform: scale(0.8) translate(698px,310px); -webkit-transform-origin: 698px 310px; transform-origin: 698px 310px} .cardsMemoPos81 {z-index: 81; -webkit-transform: scale(0.8) translate(704px,310px); transform: scale(0.8) translate(704px,310px); -webkit-transform-origin: 704px 310px; transform-origin: 704px 310px} .cardsMemoPos82 {z-index: 82; -webkit-transform: scale(0.8) translate(710px,310px); transform: scale(0.8) translate(710px,310px); -webkit-transform-origin: 710px 310px; transform-origin: 710px 310px} .cardsMemoPos83 {z-index: 83; -webkit-transform: scale(0.8) translate(716px,310px); transform: scale(0.8) translate(716px,310px); -webkit-transform-origin: 716px 310px; transform-origin: 716px 310px} .cardsMemoPos84 {z-index: 84; -webkit-transform: scale(0.8) translate(722px,310px); transform: scale(0.8) translate(722px,310px); -webkit-transform-origin: 722px 310px; transform-origin: 722px 310px} .cardsMemoPos85 {z-index: 85; -webkit-transform: scale(0.8) translate(728px,310px); transform: scale(0.8) translate(728px,310px); -webkit-transform-origin: 728px 310px; transform-origin: 728px 310px} .cardsMemoPos86 {z-index: 86; -webkit-transform: scale(0.8) translate(734px,310px); transform: scale(0.8) translate(734px,310px); -webkit-transform-origin: 734px 310px; transform-origin: 734px 310px} .cardsMemoPos87 {z-index: 87; -webkit-transform: scale(0.8) translate(740px,310px); transform: scale(0.8) translate(740px,310px); -webkit-transform-origin: 740px 310px; transform-origin: 740px 310px} .cardsMemoPos88 {z-index: 88; -webkit-transform: scale(0.8) translate(746px,310px); transform: scale(0.8) translate(746px,310px); -webkit-transform-origin: 746px 310px; transform-origin: 746px 310px} .cardsMemoPos89 {z-index: 89; -webkit-transform: scale(0.8) translate(752px,310px); transform: scale(0.8) translate(752px,310px); -webkit-transform-origin: 752px 310px; transform-origin: 752px 310px} .cardsMemoPos90 {z-index: 90; -webkit-transform: scale(0.8) translate(758px,310px); transform: scale(0.8) translate(758px,310px); -webkit-transform-origin: 758px 310px; transform-origin: 758px 310px} .cardsMemoPos91 {z-index: 91; -webkit-transform: scale(0.8) translate(764px,310px); transform: scale(0.8) translate(764px,310px); -webkit-transform-origin: 764px 310px; transform-origin: 764px 310px} .cardsMemoPos92 {z-index: 92; -webkit-transform: scale(0.8) translate(770px,310px); transform: scale(0.8) translate(770px,310px); -webkit-transform-origin: 770px 310px; transform-origin: 770px 310px} .cardsMemoPos93 {z-index: 93; -webkit-transform: scale(0.8) translate(776px,310px); transform: scale(0.8) translate(776px,310px); -webkit-transform-origin: 776px 310px; transform-origin: 776px 310px} .cardsMemoPos94 {z-index: 94; -webkit-transform: scale(0.8) translate(782px,310px); transform: scale(0.8) translate(782px,310px); -webkit-transform-origin: 782px 310px; transform-origin: 782px 310px} .cardsMemoPos95 {z-index: 95; -webkit-transform: scale(0.8) translate(788px,310px); transform: scale(0.8) translate(788px,310px); -webkit-transform-origin: 788px 310px; transform-origin: 788px 310px} .cardsMemoPos96 {z-index: 96; -webkit-transform: scale(0.8) translate(794px,310px); transform: scale(0.8) translate(794px,310px); -webkit-transform-origin: 794px 310px; transform-origin: 794px 310px} .cardsMemoPos97 {z-index: 97; -webkit-transform: scale(0.8) translate(800px,310px); transform: scale(0.8) translate(800px,310px); -webkit-transform-origin: 800px 310px; transform-origin: 800px 310px} .cardsMemoPos98 {z-index: 98; -webkit-transform: scale(0.8) translate(806px,310px); transform: scale(0.8) translate(806px,310px); -webkit-transform-origin: 806px 310px; transform-origin: 806px 310px} .cardsMemoPos99 {z-index: 99; -webkit-transform: scale(0.8) translate(812px,310px); transform: scale(0.8) translate(812px,310px); -webkit-transform-origin: 812px 310px; transform-origin: 812px 310px} .cardsMemoPos100 {z-index: 100; -webkit-transform: scale(0.8) translate(818px,310px); transform: scale(0.8) translate(818px,310px); -webkit-transform-origin: 818px 310px; transform-origin: 818px 310px} .cardsMemoPos101 {z-index: 101; -webkit-transform: scale(0.8) translate(824px,310px); transform: scale(0.8) translate(824px,310px); -webkit-transform-origin: 824px 310px; transform-origin: 824px 310px} .cardsMemoPos102 {z-index: 102; -webkit-transform: scale(0.8) translate(830px,310px); transform: scale(0.8) translate(830px,310px); -webkit-transform-origin: 830px 310px; transform-origin: 830px 310px} .cardsMemoPos103 {z-index: 103; -webkit-transform: scale(0.8) translate(836px,310px); transform: scale(0.8) translate(836px,310px); -webkit-transform-origin: 836px 310px; transform-origin: 836px 310px} .cardsNoSmall .cardsMemoPos0 .cardsMemo_e, .cardsNoSmall .cardsMemoPos1 .cardsMemo_e, .cardsNoSmall .cardsMemoPos2 .cardsMemo_e, .cardsNoSmall .cardsMemoPos3 .cardsMemo_e, .cardsNoSmall .cardsMemoPos4 .cardsMemo_e, .cardsNoSmall .cardsMemoPos5 .cardsMemo_e, .cardsNoSmall .cardsMemoPos6 .cardsMemo_e, .cardsNoSmall .cardsMemoPos7 .cardsMemo_e, .cardsNoSmall .cardsMemoPos8 .cardsMemo_e, .cardsNoSmall .cardsMemoPos9 .cardsMemo_e, .cardsNoSmall .cardsMemoPos10 .cardsMemo_e, .cardsNoSmall .cardsMemoPos11 .cardsMemo_e, .cardsNoSmall .cardsMemoPos12 .cardsMemo_e, .cardsNoSmall .cardsMemoPos13 .cardsMemo_e, .cardsNoSmall .cardsMemoPos14 .cardsMemo_e, .cardsNoSmall .cardsMemoPos15 .cardsMemo_e, .cardsNoSmall .cardsMemoPos16 .cardsMemo_e, .cardsNoSmall .cardsMemoPos17 .cardsMemo_e, .cardsNoSmall .cardsMemoPos18 .cardsMemo_e, .cardsNoSmall .cardsMemoPos19 .cardsMemo_e, .cardsNoSmall .cardsMemoPos20 .cardsMemo_e, .cardsNoSmall .cardsMemoPos21 .cardsMemo_e, .cardsNoSmall .cardsMemoPos22 .cardsMemo_e, .cardsNoSmall .cardsMemoPos23 .cardsMemo_e, .cardsNoSmall .cardsMemoPos24 .cardsMemo_e, .cardsNoSmall .cardsMemoPos25 .cardsMemo_e, .cardsNoSmall .cardsMemoPos26 .cardsMemo_e, .cardsNoSmall .cardsMemoPos27 .cardsMemo_e, .cardsNoSmall .cardsMemoPos28 .cardsMemo_e, .cardsNoSmall .cardsMemoPos29 .cardsMemo_e, .cardsNoSmall .cardsMemoPos30 .cardsMemo_e, .cardsNoSmall .cardsMemoPos31 .cardsMemo_e, .cardsNoSmall .cardsMemoPos32 .cardsMemo_e, .cardsNoSmall .cardsMemoPos33 .cardsMemo_e, .cardsNoSmall .cardsMemoPos34 .cardsMemo_e, .cardsNoSmall .cardsMemoPos35 .cardsMemo_e, .cardsNoSmall .cardsMemoPos36 .cardsMemo_e, .cardsNoSmall .cardsMemoPos37 .cardsMemo_e, .cardsNoSmall .cardsMemoPos38 .cardsMemo_e, .cardsNoSmall .cardsMemoPos39 .cardsMemo_e, .cardsNoSmall .cardsMemoPos40 .cardsMemo_e, .cardsNoSmall .cardsMemoPos41 .cardsMemo_e, .cardsNoSmall .cardsMemoPos42 .cardsMemo_e, .cardsNoSmall .cardsMemoPos43 .cardsMemo_e, .cardsNoSmall .cardsMemoPos44 .cardsMemo_e, .cardsNoSmall .cardsMemoPos45 .cardsMemo_e, .cardsNoSmall .cardsMemoPos46 .cardsMemo_e, .cardsNoSmall .cardsMemoPos47 .cardsMemo_e, .cardsNoSmall .cardsMemoPos48 .cardsMemo_e, .cardsNoSmall .cardsMemoPos49 .cardsMemo_e, .cardsNoSmall .cardsMemoPos50 .cardsMemo_e, .cardsNoSmall .cardsMemoPos51 .cardsMemo_e, .cardsNoSmall .cardsMemoPos52 .cardsMemo_e, .cardsNoSmall .cardsMemoPos53 .cardsMemo_e, .cardsNoSmall .cardsMemoPos54 .cardsMemo_e, .cardsNoSmall .cardsMemoPos55 .cardsMemo_e, .cardsNoSmall .cardsMemoPos56 .cardsMemo_e, .cardsNoSmall .cardsMemoPos57 .cardsMemo_e, .cardsNoSmall .cardsMemoPos58 .cardsMemo_e, .cardsNoSmall .cardsMemoPos59 .cardsMemo_e, .cardsNoSmall .cardsMemoPos60 .cardsMemo_e, .cardsNoSmall .cardsMemoPos61 .cardsMemo_e, .cardsNoSmall .cardsMemoPos62 .cardsMemo_e, .cardsNoSmall .cardsMemoPos63 .cardsMemo_e, .cardsNoSmall .cardsMemoPos64 .cardsMemo_e, .cardsNoSmall .cardsMemoPos65 .cardsMemo_e, .cardsNoSmall .cardsMemoPos66 .cardsMemo_e, .cardsNoSmall .cardsMemoPos67 .cardsMemo_e, .cardsNoSmall .cardsMemoPos68 .cardsMemo_e, .cardsNoSmall .cardsMemoPos69 .cardsMemo_e, .cardsNoSmall .cardsMemoPos70 .cardsMemo_e, .cardsNoSmall .cardsMemoPos71 .cardsMemo_e, .cardsNoSmall .cardsMemoPos72 .cardsMemo_e, .cardsNoSmall .cardsMemoPos73 .cardsMemo_e, .cardsNoSmall .cardsMemoPos74 .cardsMemo_e, .cardsNoSmall .cardsMemoPos75 .cardsMemo_e, .cardsNoSmall .cardsMemoPos76 .cardsMemo_e, .cardsNoSmall .cardsMemoPos77 .cardsMemo_e, .cardsNoSmall .cardsMemoPos78 .cardsMemo_e, .cardsNoSmall .cardsMemoPos79 .cardsMemo_e, .cardsNoSmall .cardsMemoPos80 .cardsMemo_e, .cardsNoSmall .cardsMemoPos81 .cardsMemo_e, .cardsNoSmall .cardsMemoPos82 .cardsMemo_e, .cardsNoSmall .cardsMemoPos83 .cardsMemo_e, .cardsNoSmall .cardsMemoPos84 .cardsMemo_e, .cardsNoSmall .cardsMemoPos85 .cardsMemo_e, .cardsNoSmall .cardsMemoPos86 .cardsMemo_e, .cardsNoSmall .cardsMemoPos87 .cardsMemo_e, .cardsNoSmall .cardsMemoPos88 .cardsMemo_e, .cardsNoSmall .cardsMemoPos89 .cardsMemo_e, .cardsNoSmall .cardsMemoPos90 .cardsMemo_e, .cardsNoSmall .cardsMemoPos91 .cardsMemo_e, .cardsNoSmall .cardsMemoPos92 .cardsMemo_e, .cardsNoSmall .cardsMemoPos93 .cardsMemo_e, .cardsNoSmall .cardsMemoPos94 .cardsMemo_e, .cardsNoSmall .cardsMemoPos95 .cardsMemo_e, .cardsNoSmall .cardsMemoPos96 .cardsMemo_e, .cardsNoSmall .cardsMemoPos97 .cardsMemo_e, .cardsNoSmall .cardsMemoPos98 .cardsMemo_e, .cardsNoSmall .cardsMemoPos99 .cardsMemo_e, .cardsNoSmall .cardsMemoPos100 .cardsMemo_e, .cardsNoSmall .cardsMemoPos101 .cardsMemo_e, .cardsNoSmall .cardsMemoPos102 .cardsMemo_e, .cardsNoSmall .cardsMemoPos103 .cardsMemo_e { background-image: url('images/cards/english/card_blank.svg') } .pokerPos0_0 {z-index: 0; -webkit-transform: translate(14px,41px) scale(0.1667); transform: translate(14px,41px) scale(0.1667); -webkit-transform-origin: 14px 41px; transform-origin: 14px 41px} .pokerPos0_1 {z-index: 1; -webkit-transform: translate(17px,41px) scale(0.1667); transform: translate(17px,41px) scale(0.1667); -webkit-transform-origin: 17px 41px; transform-origin: 17px 41px} .pokerPos0_2 {z-index: 2; -webkit-transform: translate(20px,41px) scale(0.1667); transform: translate(20px,41px) scale(0.1667); -webkit-transform-origin: 20px 41px; transform-origin: 20px 41px} .pokerPos0_3 {z-index: 3; -webkit-transform: translate(23px,41px) scale(0.1667); transform: translate(23px,41px) scale(0.1667); -webkit-transform-origin: 23px 41px; transform-origin: 23px 41px} .pokerPos0_4 {z-index: 4; -webkit-transform: translate(26px,41px) scale(0.1667); transform: translate(26px,41px) scale(0.1667); -webkit-transform-origin: 26px 41px; transform-origin: 26px 41px} .pokerPos1_0 {z-index: 0; -webkit-transform: translate(14px,95.5px) scale(0.1667); transform: translate(14px,95.5px) scale(0.1667); -webkit-transform-origin: 14px 95.5px; transform-origin: 14px 95.5px} .pokerPos1_1 {z-index: 1; -webkit-transform: translate(17px,95.5px) scale(0.1667); transform: translate(17px,95.5px) scale(0.1667); -webkit-transform-origin: 17px 95.5px; transform-origin: 17px 95.5px} .pokerPos1_2 {z-index: 2; -webkit-transform: translate(20px,95.5px) scale(0.1667); transform: translate(20px,95.5px) scale(0.1667); -webkit-transform-origin: 20px 95.5px; transform-origin: 20px 95.5px} .pokerPos1_3 {z-index: 3; -webkit-transform: translate(23px,95.5px) scale(0.1667); transform: translate(23px,95.5px) scale(0.1667); -webkit-transform-origin: 23px 95.5px; transform-origin: 23px 95.5px} .pokerPos1_4 {z-index: 4; -webkit-transform: translate(26px,95.5px) scale(0.1667); transform: translate(26px,95.5px) scale(0.1667); -webkit-transform-origin: 26px 95.5px; transform-origin: 26px 95.5px} .pokerPos2_0 {z-index: 0; -webkit-transform: translate(14px,150px) scale(0.1667); transform: translate(14px,150px) scale(0.1667); -webkit-transform-origin: 14px 150px; transform-origin: 14px 150px} .pokerPos2_1 {z-index: 1; -webkit-transform: translate(17px,150px) scale(0.1667); transform: translate(17px,150px) scale(0.1667); -webkit-transform-origin: 17px 150px; transform-origin: 17px 150px} .pokerPos2_2 {z-index: 2; -webkit-transform: translate(20px,150px) scale(0.1667); transform: translate(20px,150px) scale(0.1667); -webkit-transform-origin: 20px 150px; transform-origin: 20px 150px} .pokerPos2_3 {z-index: 3; -webkit-transform: translate(23px,150px) scale(0.1667); transform: translate(23px,150px) scale(0.1667); -webkit-transform-origin: 23px 150px; transform-origin: 23px 150px} .pokerPos2_4 {z-index: 4; -webkit-transform: translate(26px,150px) scale(0.1667); transform: translate(26px,150px) scale(0.1667); -webkit-transform-origin: 26px 150px; transform-origin: 26px 150px} .pokerPos3_0 {z-index: 0; -webkit-transform: translate(14px,204.5px) scale(0.1667); transform: translate(14px,204.5px) scale(0.1667); -webkit-transform-origin: 14px 204.5px; transform-origin: 14px 204.5px} .pokerPos3_1 {z-index: 1; -webkit-transform: translate(17px,204.5px) scale(0.1667); transform: translate(17px,204.5px) scale(0.1667); -webkit-transform-origin: 17px 204.5px; transform-origin: 17px 204.5px} .pokerPos3_2 {z-index: 2; -webkit-transform: translate(20px,204.5px) scale(0.1667); transform: translate(20px,204.5px) scale(0.1667); -webkit-transform-origin: 20px 204.5px; transform-origin: 20px 204.5px} .pokerPos3_3 {z-index: 3; -webkit-transform: translate(23px,204.5px) scale(0.1667); transform: translate(23px,204.5px) scale(0.1667); -webkit-transform-origin: 23px 204.5px; transform-origin: 23px 204.5px} .pokerPos3_4 {z-index: 4; -webkit-transform: translate(26px,204.5px) scale(0.1667); transform: translate(26px,204.5px) scale(0.1667); -webkit-transform-origin: 26px 204.5px; transform-origin: 26px 204.5px} .pokerPos4_0 {z-index: 0; -webkit-transform: translate(14px,259px) scale(0.1667); transform: translate(14px,259px) scale(0.1667); -webkit-transform-origin: 14px 259px; transform-origin: 14px 259px} .pokerPos4_1 {z-index: 1; -webkit-transform: translate(17px,259px) scale(0.1667); transform: translate(17px,259px) scale(0.1667); -webkit-transform-origin: 17px 259px; transform-origin: 17px 259px} .pokerPos4_2 {z-index: 2; -webkit-transform: translate(20px,259px) scale(0.1667); transform: translate(20px,259px) scale(0.1667); -webkit-transform-origin: 20px 259px; transform-origin: 20px 259px} .pokerPos4_3 {z-index: 3; -webkit-transform: translate(23px,259px) scale(0.1667); transform: translate(23px,259px) scale(0.1667); -webkit-transform-origin: 23px 259px; transform-origin: 23px 259px} .pokerPos4_4 {z-index: 4; -webkit-transform: translate(26px,259px) scale(0.1667); transform: translate(26px,259px) scale(0.1667); -webkit-transform-origin: 26px 259px; transform-origin: 26px 259px} .pokerPosRight0_0 {z-index: 0; -webkit-transform: translate(484.5px,41px) scale(0.1667); transform: translate(484.5px,41px) scale(0.1667); -webkit-transform-origin: 484.5px 41px; transform-origin: 484.5px 41px} .pokerPosRight0_1 {z-index: 1; -webkit-transform: translate(487.5px,41px) scale(0.1667); transform: translate(487.5px,41px) scale(0.1667); -webkit-transform-origin: 487.5px 41px; transform-origin: 487.5px 41px} .pokerPosRight0_2 {z-index: 2; -webkit-transform: translate(490.5px,41px) scale(0.1667); transform: translate(490.5px,41px) scale(0.1667); -webkit-transform-origin: 490.5px 41px; transform-origin: 490.5px 41px} .pokerPosRight0_3 {z-index: 3; -webkit-transform: translate(493.5px,41px) scale(0.1667); transform: translate(493.5px,41px) scale(0.1667); -webkit-transform-origin: 493.5px 41px; transform-origin: 493.5px 41px} .pokerPosRight0_4 {z-index: 4; -webkit-transform: translate(496.5px,41px) scale(0.1667); transform: translate(496.5px,41px) scale(0.1667); -webkit-transform-origin: 496.5px 41px; transform-origin: 496.5px 41px} .pokerPosRight1_0 {z-index: 0; -webkit-transform: translate(484.5px,95.5px) scale(0.1667); transform: translate(484.5px,95.5px) scale(0.1667); -webkit-transform-origin: 484.5px 95.5px; transform-origin: 484.5px 95.5px} .pokerPosRight1_1 {z-index: 1; -webkit-transform: translate(487.5px,95.5px) scale(0.1667); transform: translate(487.5px,95.5px) scale(0.1667); -webkit-transform-origin: 487.5px 95.5px; transform-origin: 487.5px 95.5px} .pokerPosRight1_2 {z-index: 2; -webkit-transform: translate(490.5px,95.5px) scale(0.1667); transform: translate(490.5px,95.5px) scale(0.1667); -webkit-transform-origin: 490.5px 95.5px; transform-origin: 490.5px 95.5px} .pokerPosRight1_3 {z-index: 3; -webkit-transform: translate(493.5px,95.5px) scale(0.1667); transform: translate(493.5px,95.5px) scale(0.1667); -webkit-transform-origin: 493.5px 95.5px; transform-origin: 493.5px 95.5px} .pokerPosRight1_4 {z-index: 4; -webkit-transform: translate(496.5px,95.5px) scale(0.1667); transform: translate(496.5px,95.5px) scale(0.1667); -webkit-transform-origin: 496.5px 95.5px; transform-origin: 496.5px 95.5px} .pokerPosRight2_0 {z-index: 0; -webkit-transform: translate(484.5px,150px) scale(0.1667); transform: translate(484.5px,150px) scale(0.1667); -webkit-transform-origin: 484.5px 150px; transform-origin: 484.5px 150px} .pokerPosRight2_1 {z-index: 1; -webkit-transform: translate(487.5px,150px) scale(0.1667); transform: translate(487.5px,150px) scale(0.1667); -webkit-transform-origin: 487.5px 150px; transform-origin: 487.5px 150px} .pokerPosRight2_2 {z-index: 2; -webkit-transform: translate(490.5px,150px) scale(0.1667); transform: translate(490.5px,150px) scale(0.1667); -webkit-transform-origin: 490.5px 150px; transform-origin: 490.5px 150px} .pokerPosRight2_3 {z-index: 3; -webkit-transform: translate(493.5px,150px) scale(0.1667); transform: translate(493.5px,150px) scale(0.1667); -webkit-transform-origin: 493.5px 150px; transform-origin: 493.5px 150px} .pokerPosRight2_4 {z-index: 4; -webkit-transform: translate(496.5px,150px) scale(0.1667); transform: translate(496.5px,150px) scale(0.1667); -webkit-transform-origin: 496.5px 150px; transform-origin: 496.5px 150px} .pokerPosRight3_0 {z-index: 0; -webkit-transform: translate(484.5px,204.5px) scale(0.1667); transform: translate(484.5px,204.5px) scale(0.1667); -webkit-transform-origin: 484.5px 204.5px; transform-origin: 484.5px 204.5px} .pokerPosRight3_1 {z-index: 1; -webkit-transform: translate(487.5px,204.5px) scale(0.1667); transform: translate(487.5px,204.5px) scale(0.1667); -webkit-transform-origin: 487.5px 204.5px; transform-origin: 487.5px 204.5px} .pokerPosRight3_2 {z-index: 2; -webkit-transform: translate(490.5px,204.5px) scale(0.1667); transform: translate(490.5px,204.5px) scale(0.1667); -webkit-transform-origin: 490.5px 204.5px; transform-origin: 490.5px 204.5px} .pokerPosRight3_3 {z-index: 3; -webkit-transform: translate(493.5px,204.5px) scale(0.1667); transform: translate(493.5px,204.5px) scale(0.1667); -webkit-transform-origin: 493.5px 204.5px; transform-origin: 493.5px 204.5px} .pokerPosRight3_4 {z-index: 4; -webkit-transform: translate(496.5px,204.5px) scale(0.1667); transform: translate(496.5px,204.5px) scale(0.1667); -webkit-transform-origin: 496.5px 204.5px; transform-origin: 496.5px 204.5px} .pokerPosRight4_0 {z-index: 0; -webkit-transform: translate(484.5px,259px) scale(0.1667); transform: translate(484.5px,259px) scale(0.1667); -webkit-transform-origin: 484.5px 259px; transform-origin: 484.5px 259px} .pokerPosRight4_1 {z-index: 1; -webkit-transform: translate(487.5px,259px) scale(0.1667); transform: translate(487.5px,259px) scale(0.1667); -webkit-transform-origin: 487.5px 259px; transform-origin: 487.5px 259px} .pokerPosRight4_2 {z-index: 2; -webkit-transform: translate(490.5px,259px) scale(0.1667); transform: translate(490.5px,259px) scale(0.1667); -webkit-transform-origin: 490.5px 259px; transform-origin: 490.5px 259px} .pokerPosRight4_3 {z-index: 3; -webkit-transform: translate(493.5px,259px) scale(0.1667); transform: translate(493.5px,259px) scale(0.1667); -webkit-transform-origin: 493.5px 259px; transform-origin: 493.5px 259px} .pokerPosRight4_4 {z-index: 4; -webkit-transform: translate(496.5px,259px) scale(0.1667); transform: translate(496.5px,259px) scale(0.1667); -webkit-transform-origin: 496.5px 259px; transform-origin: 496.5px 259px} .cardsMemoPos1Of1 {z-index: 51; -webkit-transform: translate(666px,90px) scale(1.4); transform: translate(666px,90px) scale(1.4); -webkit-transform-origin: 666px 90px; transform-origin: 666px 90px} .cardsMemoPos1Of1Compact {z-index: 51; -webkit-transform: translate(666px,90px) scale(1.4); transform: translate(666px,90px) scale(1.4); -webkit-transform-origin: 666px 90px; transform-origin: 666px 90px} .cardsMemoPos1Of2 {z-index: 51; -webkit-transform: translate(623px,90px) scale(1.4); transform: translate(623px,90px) scale(1.4); -webkit-transform-origin: 623px 90px; transform-origin: 623px 90px} .cardsMemoPos2Of2 {z-index: 52; -webkit-transform: translate(709px,90px) scale(1.4); transform: translate(709px,90px) scale(1.4); -webkit-transform-origin: 709px 90px; transform-origin: 709px 90px} .cardsMemoPos1Of2Compact {z-index: 51; -webkit-transform: translate(644px,90px) scale(1.4); transform: translate(644px,90px) scale(1.4); -webkit-transform-origin: 644px 90px; transform-origin: 644px 90px} .cardsMemoPos2Of2Compact {z-index: 52; -webkit-transform: translate(687px,90px) scale(1.4); transform: translate(687px,90px) scale(1.4); -webkit-transform-origin: 687px 90px; transform-origin: 687px 90px} .cardsMemoPos1Of3 {z-index: 51; -webkit-transform: translate(580px,90px) scale(1.4); transform: translate(580px,90px) scale(1.4); -webkit-transform-origin: 580px 90px; transform-origin: 580px 90px} .cardsMemoPos2Of3 {z-index: 52; -webkit-transform: translate(666px,90px) scale(1.4); transform: translate(666px,90px) scale(1.4); -webkit-transform-origin: 666px 90px; transform-origin: 666px 90px} .cardsMemoPos3Of3 {z-index: 53; -webkit-transform: translate(752px,90px) scale(1.4); transform: translate(752px,90px) scale(1.4); -webkit-transform-origin: 752px 90px; transform-origin: 752px 90px} .cardsMemoPos1Of3Compact {z-index: 51; -webkit-transform: translate(623px,90px) scale(1.4); transform: translate(623px,90px) scale(1.4); -webkit-transform-origin: 623px 90px; transform-origin: 623px 90px} .cardsMemoPos2Of3Compact {z-index: 52; -webkit-transform: translate(666px,90px) scale(1.4); transform: translate(666px,90px) scale(1.4); -webkit-transform-origin: 666px 90px; transform-origin: 666px 90px} .cardsMemoPos3Of3Compact {z-index: 53; -webkit-transform: translate(709px,90px) scale(1.4); transform: translate(709px,90px) scale(1.4); -webkit-transform-origin: 709px 90px; transform-origin: 709px 90px} .cardsMemoPos1Of4 {z-index: 51; -webkit-transform: translate(537px,90px) scale(1.4); transform: translate(537px,90px) scale(1.4); -webkit-transform-origin: 537px 90px; transform-origin: 537px 90px} .cardsMemoPos2Of4 {z-index: 52; -webkit-transform: translate(623px,90px) scale(1.4); transform: translate(623px,90px) scale(1.4); -webkit-transform-origin: 623px 90px; transform-origin: 623px 90px} .cardsMemoPos3Of4 {z-index: 53; -webkit-transform: translate(709px,90px) scale(1.4); transform: translate(709px,90px) scale(1.4); -webkit-transform-origin: 709px 90px; transform-origin: 709px 90px} .cardsMemoPos4Of4 {z-index: 54; -webkit-transform: translate(795px,90px) scale(1.4); transform: translate(795px,90px) scale(1.4); -webkit-transform-origin: 795px 90px; transform-origin: 795px 90px} .cardsMemoPos1Of4Compact {z-index: 51; -webkit-transform: translate(601px,90px) scale(1.4); transform: translate(601px,90px) scale(1.4); -webkit-transform-origin: 601px 90px; transform-origin: 601px 90px} .cardsMemoPos2Of4Compact {z-index: 52; -webkit-transform: translate(644px,90px) scale(1.4); transform: translate(644px,90px) scale(1.4); -webkit-transform-origin: 644px 90px; transform-origin: 644px 90px} .cardsMemoPos3Of4Compact {z-index: 53; -webkit-transform: translate(687px,90px) scale(1.4); transform: translate(687px,90px) scale(1.4); -webkit-transform-origin: 687px 90px; transform-origin: 687px 90px} .cardsMemoPos4Of4Compact {z-index: 54; -webkit-transform: translate(730px,90px) scale(1.4); transform: translate(730px,90px) scale(1.4); -webkit-transform-origin: 730px 90px; transform-origin: 730px 90px} .cardsMemoPos1Of5 {z-index: 51; -webkit-transform: translate(494px,90px) scale(1.4); transform: translate(494px,90px) scale(1.4); -webkit-transform-origin: 494px 90px; transform-origin: 494px 90px} .cardsMemoPos2Of5 {z-index: 52; -webkit-transform: translate(580px,90px) scale(1.4); transform: translate(580px,90px) scale(1.4); -webkit-transform-origin: 580px 90px; transform-origin: 580px 90px} .cardsMemoPos3Of5 {z-index: 53; -webkit-transform: translate(666px,90px) scale(1.4); transform: translate(666px,90px) scale(1.4); -webkit-transform-origin: 666px 90px; transform-origin: 666px 90px} .cardsMemoPos4Of5 {z-index: 54; -webkit-transform: translate(752px,90px) scale(1.4); transform: translate(752px,90px) scale(1.4); -webkit-transform-origin: 752px 90px; transform-origin: 752px 90px} .cardsMemoPos5Of5 {z-index: 55; -webkit-transform: translate(838px,90px) scale(1.4); transform: translate(838px,90px) scale(1.4); -webkit-transform-origin: 838px 90px; transform-origin: 838px 90px} .cardsMemoPos1Of5Compact {z-index: 51; -webkit-transform: translate(580px,90px) scale(1.4); transform: translate(580px,90px) scale(1.4); -webkit-transform-origin: 580px 90px; transform-origin: 580px 90px} .cardsMemoPos2Of5Compact {z-index: 52; -webkit-transform: translate(623px,90px) scale(1.4); transform: translate(623px,90px) scale(1.4); -webkit-transform-origin: 623px 90px; transform-origin: 623px 90px} .cardsMemoPos3Of5Compact {z-index: 53; -webkit-transform: translate(666px,90px) scale(1.4); transform: translate(666px,90px) scale(1.4); -webkit-transform-origin: 666px 90px; transform-origin: 666px 90px} .cardsMemoPos4Of5Compact {z-index: 54; -webkit-transform: translate(709px,90px) scale(1.4); transform: translate(709px,90px) scale(1.4); -webkit-transform-origin: 709px 90px; transform-origin: 709px 90px} .cardsMemoPos5Of5Compact {z-index: 55; -webkit-transform: translate(752px,90px) scale(1.4); transform: translate(752px,90px) scale(1.4); -webkit-transform-origin: 752px 90px; transform-origin: 752px 90px} .cardsMemoPos1Of5Poker {z-index: 51; -webkit-transform: translate(330px,348px) scale(1); transform: translate(330px,348px) scale(1); -webkit-transform-origin: 330px 348px; transform-origin: 330px 348px} .cardsMemoPos2Of5Poker {z-index: 52; -webkit-transform: translate(362px,348px) scale(1); transform: translate(362px,348px) scale(1); -webkit-transform-origin: 362px 348px; transform-origin: 362px 348px} .cardsMemoPos3Of5Poker {z-index: 53; -webkit-transform: translate(394px,348px) scale(1); transform: translate(394px,348px) scale(1); -webkit-transform-origin: 394px 348px; transform-origin: 394px 348px} .cardsMemoPos4Of5Poker {z-index: 54; -webkit-transform: translate(426px,348px) scale(1); transform: translate(426px,348px) scale(1); -webkit-transform-origin: 426px 348px; transform-origin: 426px 348px} .cardsMemoPos5Of5Poker {z-index: 55; -webkit-transform: translate(458px,348px) scale(1); transform: translate(458px,348px) scale(1); -webkit-transform-origin: 458px 348px; transform-origin: 458px 348px} .cardsMemoPos1Of6 {z-index: 51; -webkit-transform: translate(451px,90px) scale(1.4); transform: translate(451px,90px) scale(1.4); -webkit-transform-origin: 451px 90px; transform-origin: 451px 90px} .cardsMemoPos2Of6 {z-index: 52; -webkit-transform: translate(537px,90px) scale(1.4); transform: translate(537px,90px) scale(1.4); -webkit-transform-origin: 537px 90px; transform-origin: 537px 90px} .cardsMemoPos3Of6 {z-index: 53; -webkit-transform: translate(623px,90px) scale(1.4); transform: translate(623px,90px) scale(1.4); -webkit-transform-origin: 623px 90px; transform-origin: 623px 90px} .cardsMemoPos4Of6 {z-index: 54; -webkit-transform: translate(709px,90px) scale(1.4); transform: translate(709px,90px) scale(1.4); -webkit-transform-origin: 709px 90px; transform-origin: 709px 90px} .cardsMemoPos5Of6 {z-index: 55; -webkit-transform: translate(795px,90px) scale(1.4); transform: translate(795px,90px) scale(1.4); -webkit-transform-origin: 795px 90px; transform-origin: 795px 90px} .cardsMemoPos6Of6 {z-index: 56; -webkit-transform: translate(881px,90px) scale(1.4); transform: translate(881px,90px) scale(1.4); -webkit-transform-origin: 881px 90px; transform-origin: 881px 90px} .cardsMemoPos1Of6Compact {z-index: 51; -webkit-transform: translate(558px,90px) scale(1.4); transform: translate(558px,90px) scale(1.4); -webkit-transform-origin: 558px 90px; transform-origin: 558px 90px} .cardsMemoPos2Of6Compact {z-index: 52; -webkit-transform: translate(601px,90px) scale(1.4); transform: translate(601px,90px) scale(1.4); -webkit-transform-origin: 601px 90px; transform-origin: 601px 90px} .cardsMemoPos3Of6Compact {z-index: 53; -webkit-transform: translate(644px,90px) scale(1.4); transform: translate(644px,90px) scale(1.4); -webkit-transform-origin: 644px 90px; transform-origin: 644px 90px} .cardsMemoPos4Of6Compact {z-index: 54; -webkit-transform: translate(687px,90px) scale(1.4); transform: translate(687px,90px) scale(1.4); -webkit-transform-origin: 687px 90px; transform-origin: 687px 90px} .cardsMemoPos5Of6Compact {z-index: 55; -webkit-transform: translate(730px,90px) scale(1.4); transform: translate(730px,90px) scale(1.4); -webkit-transform-origin: 730px 90px; transform-origin: 730px 90px} .cardsMemoPos6Of6Compact {z-index: 56; -webkit-transform: translate(773px,90px) scale(1.4); transform: translate(773px,90px) scale(1.4); -webkit-transform-origin: 773px 90px; transform-origin: 773px 90px} .cardsMemoPos1Of7 {z-index: 51; -webkit-transform: translate(408px,90px) scale(1.4); transform: translate(408px,90px) scale(1.4); -webkit-transform-origin: 408px 90px; transform-origin: 408px 90px} .cardsMemoPos2Of7 {z-index: 52; -webkit-transform: translate(494px,90px) scale(1.4); transform: translate(494px,90px) scale(1.4); -webkit-transform-origin: 494px 90px; transform-origin: 494px 90px} .cardsMemoPos3Of7 {z-index: 53; -webkit-transform: translate(580px,90px) scale(1.4); transform: translate(580px,90px) scale(1.4); -webkit-transform-origin: 580px 90px; transform-origin: 580px 90px} .cardsMemoPos4Of7 {z-index: 54; -webkit-transform: translate(666px,90px) scale(1.4); transform: translate(666px,90px) scale(1.4); -webkit-transform-origin: 666px 90px; transform-origin: 666px 90px} .cardsMemoPos5Of7 {z-index: 55; -webkit-transform: translate(752px,90px) scale(1.4); transform: translate(752px,90px) scale(1.4); -webkit-transform-origin: 752px 90px; transform-origin: 752px 90px} .cardsMemoPos6Of7 {z-index: 56; -webkit-transform: translate(838px,90px) scale(1.4); transform: translate(838px,90px) scale(1.4); -webkit-transform-origin: 838px 90px; transform-origin: 838px 90px} .cardsMemoPos7Of7 {z-index: 57; -webkit-transform: translate(924px,90px) scale(1.4); transform: translate(924px,90px) scale(1.4); -webkit-transform-origin: 924px 90px; transform-origin: 924px 90px} .cardsMemoPos1Of7Compact {z-index: 51; -webkit-transform: translate(537px,90px) scale(1.4); transform: translate(537px,90px) scale(1.4); -webkit-transform-origin: 537px 90px; transform-origin: 537px 90px} .cardsMemoPos2Of7Compact {z-index: 52; -webkit-transform: translate(580px,90px) scale(1.4); transform: translate(580px,90px) scale(1.4); -webkit-transform-origin: 580px 90px; transform-origin: 580px 90px} .cardsMemoPos3Of7Compact {z-index: 53; -webkit-transform: translate(623px,90px) scale(1.4); transform: translate(623px,90px) scale(1.4); -webkit-transform-origin: 623px 90px; transform-origin: 623px 90px} .cardsMemoPos4Of7Compact {z-index: 54; -webkit-transform: translate(666px,90px) scale(1.4); transform: translate(666px,90px) scale(1.4); -webkit-transform-origin: 666px 90px; transform-origin: 666px 90px} .cardsMemoPos5Of7Compact {z-index: 55; -webkit-transform: translate(709px,90px) scale(1.4); transform: translate(709px,90px) scale(1.4); -webkit-transform-origin: 709px 90px; transform-origin: 709px 90px} .cardsMemoPos6Of7Compact {z-index: 56; -webkit-transform: translate(752px,90px) scale(1.4); transform: translate(752px,90px) scale(1.4); -webkit-transform-origin: 752px 90px; transform-origin: 752px 90px} .cardsMemoPos7Of7Compact {z-index: 57; -webkit-transform: translate(795px,90px) scale(1.4); transform: translate(795px,90px) scale(1.4); -webkit-transform-origin: 795px 90px; transform-origin: 795px 90px} .cardsMemoPos1Of8 {z-index: 51; -webkit-transform: translate(365px,90px) scale(1.4); transform: translate(365px,90px) scale(1.4); -webkit-transform-origin: 365px 90px; transform-origin: 365px 90px} .cardsMemoPos2Of8 {z-index: 52; -webkit-transform: translate(451px,90px) scale(1.4); transform: translate(451px,90px) scale(1.4); -webkit-transform-origin: 451px 90px; transform-origin: 451px 90px} .cardsMemoPos3Of8 {z-index: 53; -webkit-transform: translate(537px,90px) scale(1.4); transform: translate(537px,90px) scale(1.4); -webkit-transform-origin: 537px 90px; transform-origin: 537px 90px} .cardsMemoPos4Of8 {z-index: 54; -webkit-transform: translate(623px,90px) scale(1.4); transform: translate(623px,90px) scale(1.4); -webkit-transform-origin: 623px 90px; transform-origin: 623px 90px} .cardsMemoPos5Of8 {z-index: 55; -webkit-transform: translate(709px,90px) scale(1.4); transform: translate(709px,90px) scale(1.4); -webkit-transform-origin: 709px 90px; transform-origin: 709px 90px} .cardsMemoPos6Of8 {z-index: 56; -webkit-transform: translate(795px,90px) scale(1.4); transform: translate(795px,90px) scale(1.4); -webkit-transform-origin: 795px 90px; transform-origin: 795px 90px} .cardsMemoPos7Of8 {z-index: 57; -webkit-transform: translate(881px,90px) scale(1.4); transform: translate(881px,90px) scale(1.4); -webkit-transform-origin: 881px 90px; transform-origin: 881px 90px} .cardsMemoPos8Of8 {z-index: 58; -webkit-transform: translate(967px,90px) scale(1.4); transform: translate(967px,90px) scale(1.4); -webkit-transform-origin: 967px 90px; transform-origin: 967px 90px} .cardsMemoPos1Of8Compact {z-index: 51; -webkit-transform: translate(515px,90px) scale(1.4); transform: translate(515px,90px) scale(1.4); -webkit-transform-origin: 515px 90px; transform-origin: 515px 90px} .cardsMemoPos2Of8Compact {z-index: 52; -webkit-transform: translate(558px,90px) scale(1.4); transform: translate(558px,90px) scale(1.4); -webkit-transform-origin: 558px 90px; transform-origin: 558px 90px} .cardsMemoPos3Of8Compact {z-index: 53; -webkit-transform: translate(601px,90px) scale(1.4); transform: translate(601px,90px) scale(1.4); -webkit-transform-origin: 601px 90px; transform-origin: 601px 90px} .cardsMemoPos4Of8Compact {z-index: 54; -webkit-transform: translate(644px,90px) scale(1.4); transform: translate(644px,90px) scale(1.4); -webkit-transform-origin: 644px 90px; transform-origin: 644px 90px} .cardsMemoPos5Of8Compact {z-index: 55; -webkit-transform: translate(687px,90px) scale(1.4); transform: translate(687px,90px) scale(1.4); -webkit-transform-origin: 687px 90px; transform-origin: 687px 90px} .cardsMemoPos6Of8Compact {z-index: 56; -webkit-transform: translate(730px,90px) scale(1.4); transform: translate(730px,90px) scale(1.4); -webkit-transform-origin: 730px 90px; transform-origin: 730px 90px} .cardsMemoPos7Of8Compact {z-index: 57; -webkit-transform: translate(773px,90px) scale(1.4); transform: translate(773px,90px) scale(1.4); -webkit-transform-origin: 773px 90px; transform-origin: 773px 90px} .cardsMemoPos8Of8Compact {z-index: 58; -webkit-transform: translate(816px,90px) scale(1.4); transform: translate(816px,90px) scale(1.4); -webkit-transform-origin: 816px 90px; transform-origin: 816px 90px} .cardsBox { background-color: silver; border: 1px solid black; border-radius: 6px; height: 157px; cursor: pointer; position: absolute; } .poker .cardsBox { border-radius: 3px; height: 68px; } .cardsBox:not(.cardsRecallOrderedRecall):hover { background-color: lemonchiffon; } .cardsBoxWidth_a, .cardsBoxWidth_g { width: 104px; } .cardsBoxWidth_e, .cardsBoxWidth_f, .cardsBoxWidth_s { width: 112.2px; } .poker .cardsBoxWidth_e { width: 48.62px; } .cardsNum { color: gainsboro; cursor: pointer; font-family: arial; margin-left: 1em; margin-top: -1.6em; position: absolute; } .cardsNum:not(.cardsRecallOrderedRecall):hover { color: yellow; } .cardsRecallOrderedRecall { cursor: inherit !important; } .cardsCursor { background-color: yellow; border: 1px solid black; border-radius: 6px; height: 157px; position: absolute; } .poker .cardsCursor { border-radius: 3px; height: 68px; } .cardsPile2 .card0_e, .cardsRecallPile2 .card0_e, .cardsViewRecallPile2 .card0_e, .cardsPile2 .card1_e, .cardsRecallPile2 .card1_e, .cardsViewRecallPile2 .card1_e, .cardsPile2 .card2_e, .cardsRecallPile2 .card2_e, .cardsViewRecallPile2 .card2_e, .cardsPile2 .card3_e, .cardsRecallPile2 .card3_e, .cardsViewRecallPile2 .card3_e, .cardsPile2 .card4_e, .cardsRecallPile2 .card4_e, .cardsViewRecallPile2 .card4_e, .cardsPile2 .card5_e, .cardsRecallPile2 .card5_e, .cardsViewRecallPile2 .card5_e, .cardsPile2 .card6_e, .cardsRecallPile2 .card6_e, .cardsViewRecallPile2 .card6_e, .cardsPile2 .card7_e, .cardsRecallPile2 .card7_e, .cardsViewRecallPile2 .card7_e, .cardsPile2 .card8_e, .cardsRecallPile2 .card8_e, .cardsViewRecallPile2 .card8_e, .cardsPile2 .card9_e, .cardsRecallPile2 .card9_e, .cardsViewRecallPile2 .card9_e, .cardsPile2 .card10_e, .cardsRecallPile2 .card10_e, .cardsViewRecallPile2 .card10_e, .cardsPile2 .card11_e, .cardsRecallPile2 .card11_e, .cardsViewRecallPile2 .card11_e, .cardsPile2 .card12_e, .cardsRecallPile2 .card12_e, .cardsViewRecallPile2 .card12_e, .cardsPile2 .card13_e, .cardsRecallPile2 .card13_e, .cardsViewRecallPile2 .card13_e, .cardsPile2 .card14_e, .cardsRecallPile2 .card14_e, .cardsViewRecallPile2 .card14_e, .cardsPile2 .card15_e, .cardsRecallPile2 .card15_e, .cardsViewRecallPile2 .card15_e { transition: transform 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940), margin-top 0.1s cubic-bezier(0.250, 0.460, 0.450, 0.940); } .cardsRecall_a { background-repeat: no-repeat; background-size: 100% 100%; border-left: 1px solid gray; border-radius: 8px; cursor: pointer; width: 104px; height: 157px; position: absolute; -webkit-transition: left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) , top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) , margin-top 0.1s cubic-bezier(0.250, 0.460, 0.450, 0.940); transition: left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) , top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) , margin-top 0.1s cubic-bezier(0.250, 0.460, 0.450, 0.940); } .cardsRecall_e, .cardsRecall_f, .cardsRecall_s { background-repeat: no-repeat; background-size: 100% 100%; cursor: pointer; width: 112.2px; height: 157px; position: absolute; -webkit-transition: height 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) , left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) , top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) , width 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) , margin-top 0.1s cubic-bezier(0.250, 0.460, 0.450, 0.940); transition: height 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) , left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) , top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) , width 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) , margin-top 0.1s cubic-bezier(0.250, 0.460, 0.450, 0.940); } .cardsRecall_g { background-position-x: -1px; background-repeat: no-repeat; background-size: 100% 100%; border-left: 1px solid gray; border-radius: 6px; cursor: pointer; width: 104px; height: 157px; position: absolute; -webkit-transition: left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) , top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) , margin-top 0.1s cubic-bezier(0.250, 0.460, 0.450, 0.940); transition: left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) , top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) , margin-top 0.1s cubic-bezier(0.250, 0.460, 0.450, 0.940); } .cardsRecallPos0 , .cardsRecallPos1 , .cardsRecallPos2 , .cardsRecallPos3 , .cardsRecallPos4 , .cardsRecallPos5 , .cardsRecallPos6 , .cardsRecallPos7 , .cardsRecallPos8 , .cardsRecallPos9 , .cardsRecallPos10 , .cardsRecallPos11 , .cardsRecallPos12 , .cardsRecallPos13 , .cardsRecallPos14 , .cardsRecallPos15 , .cardsRecallPos16 , .cardsRecallPos17 , .cardsRecallPos18 , .cardsRecallPos19 , .cardsRecallPos20 , .cardsRecallPos21 , .cardsRecallPos22 , .cardsRecallPos23 , .cardsRecallPos24 , .cardsRecallPos25 { top: 60px; } .cardsRecallPos26 , .cardsRecallPos27 , .cardsRecallPos28 , .cardsRecallPos29 , .cardsRecallPos30 , .cardsRecallPos31 , .cardsRecallPos32 , .cardsRecallPos33 , .cardsRecallPos34 , .cardsRecallPos35 , .cardsRecallPos36 , .cardsRecallPos37 , .cardsRecallPos38 , .cardsRecallPos39 , .cardsRecallPos40 , .cardsRecallPos41 , .cardsRecallPos42 , .cardsRecallPos43 , .cardsRecallPos44 , .cardsRecallPos45 , .cardsRecallPos46 , .cardsRecallPos47 , .cardsRecallPos48 , .cardsRecallPos49 , .cardsRecallPos50 , .cardsRecallPos51 { top: 280px; } .cardsRecallPos52 , .cardsRecallPos53 , .cardsRecallPos54 , .cardsRecallPos55 , .cardsRecallPos56 , .cardsRecallPos57 , .cardsRecallPos58 , .cardsRecallPos59 , .cardsRecallPos60 , .cardsRecallPos61 , .cardsRecallPos62 , .cardsRecallPos63 , .cardsRecallPos64 , .cardsRecallPos65 , .cardsRecallPos66 , .cardsRecallPos67 , .cardsRecallPos68 , .cardsRecallPos69 , .cardsRecallPos70 , .cardsRecallPos71 , .cardsRecallPos72 , .cardsRecallPos73 , .cardsRecallPos74 , .cardsRecallPos75 , .cardsRecallPos76 , .cardsRecallPos77 , .cardsRecallPos78 , .cardsRecallPos79 , .cardsRecallPos80 , .cardsRecallPos81 , .cardsRecallPos82 , .cardsRecallPos83 , .cardsRecallPos84 , .cardsRecallPos85 , .cardsRecallPos86 , .cardsRecallPos87 , .cardsRecallPos88 , .cardsRecallPos89 , .cardsRecallPos90 , .cardsRecallPos91 , .cardsRecallPos92 , .cardsRecallPos93 , .cardsRecallPos94 , .cardsRecallPos95 , .cardsRecallPos96 , .cardsRecallPos97 , .cardsRecallPos98 , .cardsRecallPos99 , .cardsRecallPos100 , .cardsRecallPos101 , .cardsRecallPos102 , .cardsRecallPos103 { top: 500px; } .cardsRecallPos0 {left: 10px; z-index: 20010} .cardsRecallPos1 {left: 43px; z-index: 20043} .cardsRecallPos2 {left: 76.1px; z-index: 20076} .cardsRecallPos3 {left: 109.1px; z-index: 20109} .cardsRecallPos4 {left: 142.1px; z-index: 20142} .cardsRecallPos5 {left: 175.2px; z-index: 20175} .cardsRecallPos6 {left: 208.2px; z-index: 20208} .cardsRecallPos7 {left: 241.2px; z-index: 20241} .cardsRecallPos8 {left: 274.3px; z-index: 20274} .cardsRecallPos9 {left: 307.3px; z-index: 20307} .cardsRecallPos10 {left: 340.3px; z-index: 20340} .cardsRecallPos11 {left: 373.4px; z-index: 20373} .cardsRecallPos12 {left: 406.4px; z-index: 20406} .cardsRecallPos13 {left: 439.4px; z-index: 20439} .cardsRecallPos14 {left: 472.4px; z-index: 20472} .cardsRecallPos15 {left: 505.5px; z-index: 20505} .cardsRecallPos16 {left: 538.5px; z-index: 20539} .cardsRecallPos17 {left: 571.5px; z-index: 20572} .cardsRecallPos18 {left: 604.6px; z-index: 20605} .cardsRecallPos19 {left: 637.6px; z-index: 20638} .cardsRecallPos20 {left: 670.6px; z-index: 20671} .cardsRecallPos21 {left: 703.7px; z-index: 20704} .cardsRecallPos22 {left: 736.7px; z-index: 20737} .cardsRecallPos23 {left: 769.7px; z-index: 20770} .cardsRecallPos24 {left: 802.8px; z-index: 20803} .cardsRecallPos25 {left: 835.8px; z-index: 20836} .cardsRecallPos26 {left: 10px; z-index: 20010} .cardsRecallPos27 {left: 43px; z-index: 20043} .cardsRecallPos28 {left: 76.1px; z-index: 20076} .cardsRecallPos29 {left: 109.1px; z-index: 20109} .cardsRecallPos30 {left: 142.1px; z-index: 20142} .cardsRecallPos31 {left: 175.2px; z-index: 20175} .cardsRecallPos32 {left: 208.2px; z-index: 20208} .cardsRecallPos33 {left: 241.2px; z-index: 20241} .cardsRecallPos34 {left: 274.3px; z-index: 20274} .cardsRecallPos35 {left: 307.3px; z-index: 20307} .cardsRecallPos36 {left: 340.3px; z-index: 20340} .cardsRecallPos37 {left: 373.4px; z-index: 20373} .cardsRecallPos38 {left: 406.4px; z-index: 20406} .cardsRecallPos39 {left: 439.4px; z-index: 20439} .cardsRecallPos40 {left: 472.4px; z-index: 20472} .cardsRecallPos41 {left: 505.5px; z-index: 20505} .cardsRecallPos42 {left: 538.5px; z-index: 20539} .cardsRecallPos43 {left: 571.5px; z-index: 20572} .cardsRecallPos44 {left: 604.6px; z-index: 20605} .cardsRecallPos45 {left: 637.6px; z-index: 20638} .cardsRecallPos46 {left: 670.6px; z-index: 20671} .cardsRecallPos47 {left: 703.7px; z-index: 20704} .cardsRecallPos48 {left: 736.7px; z-index: 20737} .cardsRecallPos49 {left: 769.7px; z-index: 20770} .cardsRecallPos50 {left: 802.8px; z-index: 20803} .cardsRecallPos51 {left: 835.8px; z-index: 20836} .missing .cardsRecallPos0 {left: 10px} .missing .cardsRecallPos1 {left: 33px} .missing .cardsRecallPos2 {left: 56.1px} .missing .cardsRecallPos3 {left: 79.1px} .missing .cardsRecallPos4 {left: 102.1px} .missing .cardsRecallPos5 {left: 125.2px} .missing .cardsRecallPos6 {left: 148.2px} .missing .cardsRecallPos7 {left: 171.2px} .missing .cardsRecallPos8 {left: 194.3px} .missing .cardsRecallPos9 {left: 217.3px} .missing .cardsRecallPos10 {left: 240.3px} .missing .cardsRecallPos11 {left: 263.4px} .missing .cardsRecallPos12 {left: 286.4px} .missing .cardsRecallPos13 {left: 309.4px} .missing .cardsRecallPos14 {left: 332.4px} .missing .cardsRecallPos15 {left: 355.5px} .missing .cardsRecallPos16 {left: 378.5px} .missing .cardsRecallPos17 {left: 401.5px} .missing .cardsRecallPos18 {left: 424.6px} .missing .cardsRecallPos19 {left: 447.6px} .missing .cardsRecallPos20 {left: 470.6px} .missing .cardsRecallPos21 {left: 493.7px} .missing .cardsRecallPos22 {left: 516.7px} .missing .cardsRecallPos23 {left: 539.7px} .missing .cardsRecallPos24 {left: 562.8px} .missing .cardsRecallPos25 {left: 585.8px} .missing .cardsRecallPos26 {left: 10px} .missing .cardsRecallPos27 {left: 33px} .missing .cardsRecallPos28 {left: 56.1px} .missing .cardsRecallPos29 {left: 79.1px} .missing .cardsRecallPos30 {left: 102.1px} .missing .cardsRecallPos31 {left: 125.2px} .missing .cardsRecallPos32 {left: 148.2px} .missing .cardsRecallPos33 {left: 171.2px} .missing .cardsRecallPos34 {left: 194.3px} .missing .cardsRecallPos35 {left: 217.3px} .missing .cardsRecallPos36 {left: 240.3px} .missing .cardsRecallPos37 {left: 263.4px} .missing .cardsRecallPos38 {left: 286.4px} .missing .cardsRecallPos39 {left: 309.4px} .missing .cardsRecallPos40 {left: 332.4px} .missing .cardsRecallPos41 {left: 355.5px} .missing .cardsRecallPos42 {left: 378.5px} .missing .cardsRecallPos43 {left: 401.5px} .missing .cardsRecallPos44 {left: 424.6px} .missing .cardsRecallPos45 {left: 447.6px} .missing .cardsRecallPos46 {left: 470.6px} .missing .cardsRecallPos47 {left: 493.7px} .missing .cardsRecallPos48 {left: 516.7px} .missing .cardsRecallPos49 {left: 539.7px} .missing .cardsRecallPos50 {left: 562.8px} .missing .cardsRecallPos51 {left: 770px; top: 180px; transform: scale(1.5)} .missing .missingIndex {margin-top: -5.8rem} .cardsRecallPos52 {left: 10px; z-index: 20010} .cardsRecallPos53 {left: 26.2px; z-index: 20026} .cardsRecallPos54 {left: 42.4px; z-index: 20042} .cardsRecallPos55 {left: 58.6px; z-index: 20059} .cardsRecallPos56 {left: 74.8px; z-index: 20075} .cardsRecallPos57 {left: 91px; z-index: 20091} .cardsRecallPos58 {left: 107.2px; z-index: 20107} .cardsRecallPos59 {left: 123.3px; z-index: 20123} .cardsRecallPos60 {left: 139.5px; z-index: 20140} .cardsRecallPos61 {left: 155.7px; z-index: 20156} .cardsRecallPos62 {left: 171.9px; z-index: 20172} .cardsRecallPos63 {left: 188.1px; z-index: 20188} .cardsRecallPos64 {left: 204.3px; z-index: 20204} .cardsRecallPos65 {left: 220.5px; z-index: 20220} .cardsRecallPos66 {left: 236.7px; z-index: 20237} .cardsRecallPos67 {left: 252.9px; z-index: 20253} .cardsRecallPos68 {left: 269.1px; z-index: 20269} .cardsRecallPos69 {left: 285.3px; z-index: 20285} .cardsRecallPos70 {left: 301.5px; z-index: 20301} .cardsRecallPos71 {left: 317.7px; z-index: 20318} .cardsRecallPos72 {left: 333.8px; z-index: 20334} .cardsRecallPos73 {left: 350px; z-index: 20350} .cardsRecallPos74 {left: 366.2px; z-index: 20366} .cardsRecallPos75 {left: 382.4px; z-index: 20382} .cardsRecallPos76 {left: 398.6px; z-index: 20399} .cardsRecallPos77 {left: 414.8px; z-index: 20415} .cardsRecallPos78 {left: 431px; z-index: 20431} .cardsRecallPos79 {left: 447.2px; z-index: 20447} .cardsRecallPos80 {left: 463.4px; z-index: 20463} .cardsRecallPos81 {left: 479.6px; z-index: 20480} .cardsRecallPos82 {left: 495.8px; z-index: 20496} .cardsRecallPos83 {left: 512px; z-index: 20512} .cardsRecallPos84 {left: 528.1px; z-index: 20528} .cardsRecallPos85 {left: 544.3px; z-index: 20544} .cardsRecallPos86 {left: 560.5px; z-index: 20561} .cardsRecallPos87 {left: 576.7px; z-index: 20577} .cardsRecallPos88 {left: 592.9px; z-index: 20593} .cardsRecallPos89 {left: 609.1px; z-index: 20609} .cardsRecallPos90 {left: 625.3px; z-index: 20625} .cardsRecallPos91 {left: 641.5px; z-index: 20641} .cardsRecallPos92 {left: 657.7px; z-index: 20658} .cardsRecallPos93 {left: 673.9px; z-index: 20674} .cardsRecallPos94 {left: 690.1px; z-index: 20690} .cardsRecallPos95 {left: 706.3px; z-index: 20706} .cardsRecallPos96 {left: 722.5px; z-index: 20722} .cardsRecallPos97 {left: 738.6px; z-index: 20739} .cardsRecallPos98 {left: 754.8px; z-index: 20755} .cardsRecallPos99 {left: 771px; z-index: 20771} .cardsRecallPos100 {left: 787.2px; z-index: 20787} .cardsRecallPos101 {left: 803.4px; z-index: 20803} .cardsRecallPos102 {left: 819.6px; z-index: 20820} .cardsRecallPos103 {left: 835.8px; z-index: 20836} .cardsRecallPos52:hover , .cardsRecallPos53:hover , .cardsRecallPos54:hover , .cardsRecallPos55:hover , .cardsRecallPos56:hover , .cardsRecallPos57:hover , .cardsRecallPos58:hover , .cardsRecallPos59:hover , .cardsRecallPos60:hover , .cardsRecallPos61:hover , .cardsRecallPos62:hover , .cardsRecallPos63:hover , .cardsRecallPos64:hover , .cardsRecallPos65:hover , .cardsRecallPos66:hover , .cardsRecallPos67:hover , .cardsRecallPos68:hover , .cardsRecallPos69:hover , .cardsRecallPos70:hover , .cardsRecallPos71:hover , .cardsRecallPos72:hover , .cardsRecallPos73:hover , .cardsRecallPos74:hover , .cardsRecallPos75:hover , .cardsRecallPos76:hover , .cardsRecallPos77:hover , .cardsRecallPos78:hover , .cardsRecallPos79:hover , .cardsRecallPos80:hover , .cardsRecallPos81:hover , .cardsRecallPos82:hover , .cardsRecallPos83:hover , .cardsRecallPos84:hover , .cardsRecallPos85:hover , .cardsRecallPos86:hover , .cardsRecallPos87:hover , .cardsRecallPos88:hover , .cardsRecallPos89:hover , .cardsRecallPos90:hover , .cardsRecallPos91:hover , .cardsRecallPos92:hover , .cardsRecallPos93:hover , .cardsRecallPos94:hover , .cardsRecallPos95:hover , .cardsRecallPos96:hover , .cardsRecallPos97:hover , .cardsRecallPos98:hover , .cardsRecallPos99:hover , .cardsRecallPos100:hover , .cardsRecallPos101:hover , .cardsRecallPos102:hover , .cardsRecallPos103:hover { margin-top: -30px; } .cardsInactive { cursor: default !important; margin-top: 0 !important; } .cardsRecallPile2 .cardsRecallPos55:hover , .cardsRecallPile2 .cardsRecallPos58:hover , .cardsRecallPile2 .cardsRecallPos61:hover , .cardsRecallPile2 .cardsRecallPos64:hover , .cardsRecallPile2 .cardsRecallPos67:hover , .cardsRecallPile2 .cardsRecallPos70:hover , .cardsRecallPile2 .cardsRecallPos73:hover , .cardsRecallPile2 .cardsRecallPos76:hover , .cardsRecallPile2 .cardsRecallPos79:hover , .cardsRecallPile2 .cardsRecallPos82:hover , .cardsRecallPile2 .cardsRecallPos85:hover , .cardsRecallPile2 .cardsRecallPos88:hover , .cardsRecallPile2 .cardsRecallPos91:hover , .cardsRecallPile2 .cardsRecallPos94:hover , .cardsRecallPile2 .cardsRecallPos97:hover , .cardsRecallPile2 .cardsRecallPos100:hover { margin-top: -60px; } .pokerRecallPosBottom0 {left: 10px; top: 500px; z-index: 20010} .pokerRecallPosBottom1 {left: 26.2px; top: 500px; z-index: 20026} .pokerRecallPosBottom2 {left: 42.4px; top: 500px; z-index: 20042} .pokerRecallPosBottom3 {left: 58.6px; top: 500px; z-index: 20059} .pokerRecallPosBottom4 {left: 74.8px; top: 500px; z-index: 20075} .pokerRecallPosBottom5 {left: 91px; top: 500px; z-index: 20091} .pokerRecallPosBottom6 {left: 107.2px; top: 500px; z-index: 20107} .pokerRecallPosBottom7 {left: 123.3px; top: 500px; z-index: 20123} .pokerRecallPosBottom8 {left: 139.5px; top: 500px; z-index: 20140} .pokerRecallPosBottom9 {left: 155.7px; top: 500px; z-index: 20156} .pokerRecallPosBottom10 {left: 171.9px; top: 500px; z-index: 20172} .pokerRecallPosBottom11 {left: 188.1px; top: 500px; z-index: 20188} .pokerRecallPosBottom12 {left: 204.3px; top: 500px; z-index: 20204} .pokerRecallPosBottom13 {left: 220.5px; top: 500px; z-index: 20220} .pokerRecallPosBottom14 {left: 236.7px; top: 500px; z-index: 20237} .pokerRecallPosBottom15 {left: 252.9px; top: 500px; z-index: 20253} .pokerRecallPosBottom16 {left: 269.1px; top: 500px; z-index: 20269} .pokerRecallPosBottom17 {left: 285.3px; top: 500px; z-index: 20285} .pokerRecallPosBottom18 {left: 301.5px; top: 500px; z-index: 20301} .pokerRecallPosBottom19 {left: 317.7px; top: 500px; z-index: 20318} .pokerRecallPosBottom20 {left: 333.8px; top: 500px; z-index: 20334} .pokerRecallPosBottom21 {left: 350px; top: 500px; z-index: 20350} .pokerRecallPosBottom22 {left: 366.2px; top: 500px; z-index: 20366} .pokerRecallPosBottom23 {left: 382.4px; top: 500px; z-index: 20382} .pokerRecallPosBottom24 {left: 398.6px; top: 500px; z-index: 20399} .pokerRecallPosBottom25 {left: 414.8px; top: 500px; z-index: 20415} .pokerRecallPosBottom26 {left: 431px; top: 500px; z-index: 20431} .pokerRecallPosBottom27 {left: 447.2px; top: 500px; z-index: 20447} .pokerRecallPosBottom28 {left: 463.4px; top: 500px; z-index: 20463} .pokerRecallPosBottom29 {left: 479.6px; top: 500px; z-index: 20480} .pokerRecallPosBottom30 {left: 495.8px; top: 500px; z-index: 20496} .pokerRecallPosBottom31 {left: 512px; top: 500px; z-index: 20512} .pokerRecallPosBottom32 {left: 528.1px; top: 500px; z-index: 20528} .pokerRecallPosBottom33 {left: 544.3px; top: 500px; z-index: 20544} .pokerRecallPosBottom34 {left: 560.5px; top: 500px; z-index: 20561} .pokerRecallPosBottom35 {left: 576.7px; top: 500px; z-index: 20577} .pokerRecallPosBottom36 {left: 592.9px; top: 500px; z-index: 20593} .pokerRecallPosBottom37 {left: 609.1px; top: 500px; z-index: 20609} .pokerRecallPosBottom38 {left: 625.3px; top: 500px; z-index: 20625} .pokerRecallPosBottom39 {left: 641.5px; top: 500px; z-index: 20641} .pokerRecallPosBottom40 {left: 657.7px; top: 500px; z-index: 20658} .pokerRecallPosBottom41 {left: 673.9px; top: 500px; z-index: 20674} .pokerRecallPosBottom42 {left: 690.1px; top: 500px; z-index: 20690} .pokerRecallPosBottom43 {left: 706.3px; top: 500px; z-index: 20706} .pokerRecallPosBottom44 {left: 722.5px; top: 500px; z-index: 20722} .pokerRecallPosBottom45 {left: 738.6px; top: 500px; z-index: 20739} .pokerRecallPosBottom46 {left: 754.8px; top: 500px; z-index: 20755} .pokerRecallPosBottom47 {left: 771px; top: 500px; z-index: 20771} .pokerRecallPosBottom48 {left: 787.2px; top: 500px; z-index: 20787} .pokerRecallPosBottom49 {left: 803.4px; top: 500px; z-index: 20803} .pokerRecallPosBottom50 {left: 819.6px; top: 500px; z-index: 20820} .pokerRecallPosBottom51 {left: 835.8px; top: 500px; z-index: 20836} .pokerRecallPosBottom0:hover , .pokerRecallPosBottom1:hover , .pokerRecallPosBottom2:hover , .pokerRecallPosBottom3:hover , .pokerRecallPosBottom4:hover , .pokerRecallPosBottom5:hover , .pokerRecallPosBottom6:hover , .pokerRecallPosBottom7:hover , .pokerRecallPosBottom8:hover , .pokerRecallPosBottom9:hover , .pokerRecallPosBottom10:hover , .pokerRecallPosBottom11:hover , .pokerRecallPosBottom12:hover , .pokerRecallPosBottom13:hover , .pokerRecallPosBottom14:hover , .pokerRecallPosBottom15:hover , .pokerRecallPosBottom16:hover , .pokerRecallPosBottom17:hover , .pokerRecallPosBottom18:hover , .pokerRecallPosBottom19:hover , .pokerRecallPosBottom20:hover , .pokerRecallPosBottom21:hover , .pokerRecallPosBottom22:hover , .pokerRecallPosBottom23:hover , .pokerRecallPosBottom24:hover , .pokerRecallPosBottom25:hover , .pokerRecallPosBottom26:hover , .pokerRecallPosBottom27:hover , .pokerRecallPosBottom28:hover , .pokerRecallPosBottom29:hover , .pokerRecallPosBottom30:hover , .pokerRecallPosBottom31:hover , .pokerRecallPosBottom32:hover , .pokerRecallPosBottom33:hover , .pokerRecallPosBottom34:hover , .pokerRecallPosBottom35:hover , .pokerRecallPosBottom36:hover , .pokerRecallPosBottom37:hover , .pokerRecallPosBottom38:hover , .pokerRecallPosBottom39:hover , .pokerRecallPosBottom40:hover , .pokerRecallPosBottom41:hover , .pokerRecallPosBottom42:hover , .pokerRecallPosBottom43:hover , .pokerRecallPosBottom44:hover , .pokerRecallPosBottom45:hover , .pokerRecallPosBottom46:hover , .pokerRecallPosBottom47:hover , .pokerRecallPosBottom48:hover , .pokerRecallPosBottom49:hover , .pokerRecallPosBottom50:hover , .pokerRecallPosBottom51:hover { margin-top: -30px; } .pokerRecallPos0 {height: 68px !important; left: 147px; top: 166px; width: 48.62px !important; z-index: 20001} .pokerRecallPos1 {height: 68px !important; left: 161px; top: 166px; width: 48.62px !important; z-index: 20002} .pokerRecallPos2 {height: 68px !important; left: 175px; top: 166px; width: 48.62px !important; z-index: 20003} .pokerRecallPos3 {height: 68px !important; left: 189px; top: 166px; width: 48.62px !important; z-index: 20004} .pokerRecallPos4 {height: 68px !important; left: 203px; top: 166px; width: 48.62px !important; z-index: 20005} .pokerRecallPos5 {height: 68px !important; left: 427px; top: 166px; width: 48.62px !important; z-index: 20006} .pokerRecallPos6 {height: 68px !important; left: 441px; top: 166px; width: 48.62px !important; z-index: 20007} .pokerRecallPos7 {height: 68px !important; left: 455px; top: 166px; width: 48.62px !important; z-index: 20008} .pokerRecallPos8 {height: 68px !important; left: 469px; top: 166px; width: 48.62px !important; z-index: 20009} .pokerRecallPos9 {height: 68px !important; left: 483px; top: 166px; width: 48.62px !important; z-index: 20010} .pokerRecallPos10 {height: 68px !important; left: 707px; top: 166px; width: 48.62px !important; z-index: 20011} .pokerRecallPos11 {height: 68px !important; left: 721px; top: 166px; width: 48.62px !important; z-index: 20012} .pokerRecallPos12 {height: 68px !important; left: 735px; top: 166px; width: 48.62px !important; z-index: 20013} .pokerRecallPos13 {height: 68px !important; left: 749px; top: 166px; width: 48.62px !important; z-index: 20014} .pokerRecallPos14 {height: 68px !important; left: 763px; top: 166px; width: 48.62px !important; z-index: 20015} .pokerRecallPos15 {height: 68px !important; left: 147px; top: 406px; width: 48.62px !important; z-index: 20016} .pokerRecallPos16 {height: 68px !important; left: 161px; top: 406px; width: 48.62px !important; z-index: 20017} .pokerRecallPos17 {height: 68px !important; left: 175px; top: 406px; width: 48.62px !important; z-index: 20018} .pokerRecallPos18 {height: 68px !important; left: 189px; top: 406px; width: 48.62px !important; z-index: 20019} .pokerRecallPos19 {height: 68px !important; left: 203px; top: 406px; width: 48.62px !important; z-index: 20020} .pokerRecallPos20 {height: 68px !important; left: 427px; top: 406px; width: 48.62px !important; z-index: 20021} .pokerRecallPos21 {height: 68px !important; left: 441px; top: 406px; width: 48.62px !important; z-index: 20022} .pokerRecallPos22 {height: 68px !important; left: 455px; top: 406px; width: 48.62px !important; z-index: 20023} .pokerRecallPos23 {height: 68px !important; left: 469px; top: 406px; width: 48.62px !important; z-index: 20024} .pokerRecallPos24 {height: 68px !important; left: 483px; top: 406px; width: 48.62px !important; z-index: 20025} .pokerRecallPos25 {height: 68px !important; left: 707px; top: 406px; width: 48.62px !important; z-index: 20026} .pokerRecallPos26 {height: 68px !important; left: 721px; top: 406px; width: 48.62px !important; z-index: 20027} .pokerRecallPos27 {height: 68px !important; left: 735px; top: 406px; width: 48.62px !important; z-index: 20028} .pokerRecallPos28 {height: 68px !important; left: 749px; top: 406px; width: 48.62px !important; z-index: 20029} .pokerRecallPos29 {height: 68px !important; left: 763px; top: 406px; width: 48.62px !important; z-index: 20030} .pokerViewRecallPos0 {height: 68px !important; left: 147px; top: 178px; width: 48.62px !important; z-index: 20001} .pokerViewRecallPos1 {height: 68px !important; left: 161px; top: 178px; width: 48.62px !important; z-index: 20002} .pokerViewRecallPos2 {height: 68px !important; left: 175px; top: 178px; width: 48.62px !important; z-index: 20003} .pokerViewRecallPos3 {height: 68px !important; left: 189px; top: 178px; width: 48.62px !important; z-index: 20004} .pokerViewRecallPos4 {height: 68px !important; left: 203px; top: 178px; width: 48.62px !important; z-index: 20005} .pokerViewRecallPos5 {height: 68px !important; left: 427px; top: 178px; width: 48.62px !important; z-index: 20006} .pokerViewRecallPos6 {height: 68px !important; left: 441px; top: 178px; width: 48.62px !important; z-index: 20007} .pokerViewRecallPos7 {height: 68px !important; left: 455px; top: 178px; width: 48.62px !important; z-index: 20008} .pokerViewRecallPos8 {height: 68px !important; left: 469px; top: 178px; width: 48.62px !important; z-index: 20009} .pokerViewRecallPos9 {height: 68px !important; left: 483px; top: 178px; width: 48.62px !important; z-index: 20010} .pokerViewRecallPos10 {height: 68px !important; left: 707px; top: 178px; width: 48.62px !important; z-index: 20011} .pokerViewRecallPos11 {height: 68px !important; left: 721px; top: 178px; width: 48.62px !important; z-index: 20012} .pokerViewRecallPos12 {height: 68px !important; left: 735px; top: 178px; width: 48.62px !important; z-index: 20013} .pokerViewRecallPos13 {height: 68px !important; left: 749px; top: 178px; width: 48.62px !important; z-index: 20014} .pokerViewRecallPos14 {height: 68px !important; left: 763px; top: 178px; width: 48.62px !important; z-index: 20015} .pokerViewRecallPos15 {height: 68px !important; left: 147px; top: 418px; width: 48.62px !important; z-index: 20016} .pokerViewRecallPos16 {height: 68px !important; left: 161px; top: 418px; width: 48.62px !important; z-index: 20017} .pokerViewRecallPos17 {height: 68px !important; left: 175px; top: 418px; width: 48.62px !important; z-index: 20018} .pokerViewRecallPos18 {height: 68px !important; left: 189px; top: 418px; width: 48.62px !important; z-index: 20019} .pokerViewRecallPos19 {height: 68px !important; left: 203px; top: 418px; width: 48.62px !important; z-index: 20020} .pokerViewRecallPos20 {height: 68px !important; left: 427px; top: 418px; width: 48.62px !important; z-index: 20021} .pokerViewRecallPos21 {height: 68px !important; left: 441px; top: 418px; width: 48.62px !important; z-index: 20022} .pokerViewRecallPos22 {height: 68px !important; left: 455px; top: 418px; width: 48.62px !important; z-index: 20023} .pokerViewRecallPos23 {height: 68px !important; left: 469px; top: 418px; width: 48.62px !important; z-index: 20024} .pokerViewRecallPos24 {height: 68px !important; left: 483px; top: 418px; width: 48.62px !important; z-index: 20025} .pokerViewRecallPos25 {height: 68px !important; left: 707px; top: 418px; width: 48.62px !important; z-index: 20026} .pokerViewRecallPos26 {height: 68px !important; left: 721px; top: 418px; width: 48.62px !important; z-index: 20027} .pokerViewRecallPos27 {height: 68px !important; left: 735px; top: 418px; width: 48.62px !important; z-index: 20028} .pokerViewRecallPos28 {height: 68px !important; left: 749px; top: 418px; width: 48.62px !important; z-index: 20029} .pokerViewRecallPos29 {height: 68px !important; left: 763px; top: 418px; width: 48.62px !important; z-index: 20030} .cardsViewMemo { position: relative; transition: all 0.12s cubic-bezier(0.250, 0.460, 0.450, 0.940); } .cardsResultsBox { background-color: silver; border: 1px solid black; border-radius: 6px; height: 157px; position: absolute; } .poker .cardsResultsBox { border-radius: 3px; height: 68px; } .cardsResults_a { background-repeat: no-repeat; background-size: 100% 100%; border-left: 1px solid gray; border-radius: 8px; height: 157px; position: absolute; width: 104px; } .cardsResults_e, .cardsResults_f, .cardsResults_s { background-repeat: no-repeat; background-size: 100% 100%; height: 157px; position: absolute; width: 112.2px; } .cardsResults_g { background-position-x: -1px; background-repeat: no-repeat; background-size: 100% 100%; border-left: 1px solid gray; border-radius: 6px; height: 157px; position: absolute; width: 104px; } .cardsRecallView_a { background-repeat: no-repeat; background-size: 100% 100%; border-left: 1px solid gray; border-radius: 8px; height: 157px; position: absolute; -webkit-transition: left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) , top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) , margin-top 0.1s cubic-bezier(0.250, 0.460, 0.450, 0.940); transition: left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) , top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) , margin-top 0.1s cubic-bezier(0.250, 0.460, 0.450, 0.940); width: 104px; } .cardsRecallView_e, .cardsRecallView_f, .cardsRecallView_s { background-repeat: no-repeat; background-size: 100% 100%; height: 157px; position: absolute; -webkit-transition: height 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) , left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) , top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) , width 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) , margin-top 0.1s cubic-bezier(0.250, 0.460, 0.450, 0.940); transition: height 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) , left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) , top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) , width 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) , margin-top 0.1s cubic-bezier(0.250, 0.460, 0.450, 0.940); width: 112.2px; } .cardsRecallView_g { background-position-x: -1px; background-repeat: no-repeat; background-size: 100% 100%; border-left: 1px solid gray; border-radius: 6px; height: 157px; position: absolute; -webkit-transition: left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) , top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) , margin-top 0.1s cubic-bezier(0.250, 0.460, 0.450, 0.940); transition: left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) , top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) , margin-top 0.1s cubic-bezier(0.250, 0.460, 0.450, 0.940); width: 104px; } .cardsOriginal { color: black; font-family: arial; font-size: 150%; margin-left: 0.1em; margin-top: -1.6em; position: absolute; } .cardsBlack { color: black; } .cardsRed { color: darkred; } .cardsBlue { color: #0000d4; } .cardsGreen { color: #408000; } .cardsArabicBlue { color: #1468AD; } .cardsArabicGreen { color: #4FB046; } .cardsArabicOrange { color: #DE6824; } .cardsArabicPurple { color: #83509F; } .cardsCorrect { box-shadow: 0 0 0 3px lime; } .cardsIncorrect { box-shadow: 0 0 0 3px red, inset 0 0 100px 32px rgba(255,0,0,0.4); } .inverted .cardsMemo_a, .inverted .cardsMemo_e, .inverted .cardsMemo_f, .inverted .cardsMemo_g, .inverted .cardsRecall_a, .inverted .cardsRecall_e, .inverted .cardsRecall_f, .inverted .cardsRecall_g, .inverted .cardsRecallView_a, .inverted .cardsRecallView_e, .inverted .cardsRecallView_f, .inverted .cardsRecallView_g { filter: invert(1); } .inverted .cardsBlack { color: white; } .inverted .cardsRed { color: #74ffff; } .inverted .cardsBlue { color: #ffff2b; } .inverted .cardsGreen { color: #bf7fff; } .inverted .cardsCorrect { box-shadow: 0 0 0 3px #ff00ff; } .inverted .cardsIncorrect { box-shadow: 0 0 0 3px #00ffff; } /* IMAGES */ .imagesMemo { border: 1px solid white; height: 54px; position: absolute; } .imagesMemoLeft0 { left: 10px; } .imagesMemoLeft1 { left: 24px; } .imagesMemoLeft2 { left: 38px; } .imagesMemoLeft3 { left: 52px; } .imagesMemoLeft4 { left: 66px; } .imagesMemoLeft5 { left: 80px; } .imagesMemoLeft6 { left: 94px; } .imagesMemoLeft7 { left: 108px; } .imagesMemoLeft8 { left: 122px; } .imagesMemoLeft9 { left: 136px; } .imagesMemoLeft10 { left: 150px; } .imagesMemoLeft11 { left: 164px; } .imagesMemoLeft12 { left: 178px; } .imagesMemoLeft13 { left: 192px; } .imagesMemoLeft14 { left: 206px; } .imagesMemoLeft15 { left: 220px; } .imagesMemoLeft16 { left: 234px; } .imagesMemoLeft17 { left: 248px; } .imagesMemoLeft18 { left: 262px; } .imagesMemoLeft19 { left: 276px; } .imagesMemoLeft20 { left: 290px; } .imagesMemoLeft21 { left: 304px; } .imagesMemoLeft22 { left: 318px; } .imagesMemoLeft23 { left: 332px; } .imagesMemoLeft24 { left: 346px; } .imagesMemoLeft25 { left: 360px; } .imagesMemoLeft26 { left: 374px; } .imagesMemoLeft27 { left: 388px; } .imagesMemoLeft28 { left: 402px; } .imagesMemoLeft29 { left: 10px; } .imagesMemoLeft30 { left: 24px; } .imagesMemoLeft31 { left: 38px; } .imagesMemoLeft32 { left: 52px; } .imagesMemoLeft33 { left: 66px; } .imagesMemoLeft34 { left: 80px; } .imagesMemoLeft35 { left: 94px; } .imagesMemoLeft36 { left: 108px; } .imagesMemoLeft37 { left: 122px; } .imagesMemoLeft38 { left: 136px; } .imagesMemoLeft39 { left: 150px; } .imagesMemoLeft40 { left: 164px; } .imagesMemoLeft41 { left: 178px; } .imagesMemoLeft42 { left: 192px; } .imagesMemoLeft43 { left: 206px; } .imagesMemoLeft44 { left: 220px; } .imagesMemoLeft45 { left: 234px; } .imagesMemoLeft46 { left: 248px; } .imagesMemoLeft47 { left: 262px; } .imagesMemoLeft48 { left: 276px; } .imagesMemoLeft49 { left: 290px; } .imagesMemoLeft50 { left: 304px; } .imagesMemoLeft51 { left: 318px; } .imagesMemoLeft52 { left: 332px; } .imagesMemoLeft53 { left: 346px; } .imagesMemoLeft54 { left: 360px; } .imagesMemoLeft55 { left: 374px; } .imagesMemoLeft56 { left: 388px; } .imagesMemoLeft57 { left: 402px; } .imagesMemoLeft58 { left: 416px; } .imagesMemoRight0 { left: 508px; } .imagesMemoRight1 { left: 522px; } .imagesMemoRight2 { left: 536px; } .imagesMemoRight3 { left: 550px; } .imagesMemoRight4 { left: 564px; } .imagesMemoRight5 { left: 578px; } .imagesMemoRight6 { left: 592px; } .imagesMemoRight7 { left: 606px; } .imagesMemoRight8 { left: 620px; } .imagesMemoRight9 { left: 634px; } .imagesMemoRight10 { left: 648px; } .imagesMemoRight11 { left: 662px; } .imagesMemoRight12 { left: 676px; } .imagesMemoRight13 { left: 690px; } .imagesMemoRight14 { left: 704px; } .imagesMemoRight15 { left: 718px; } .imagesMemoRight16 { left: 732px; } .imagesMemoRight17 { left: 746px; } .imagesMemoRight18 { left: 760px; } .imagesMemoRight19 { left: 774px; } .imagesMemoRight20 { left: 788px; } .imagesMemoRight21 { left: 802px; } .imagesMemoRight22 { left: 816px; } .imagesMemoRight23 { left: 830px; } .imagesMemoRight24 { left: 844px; } .imagesMemoRight25 { left: 858px; } .imagesMemoRight26 { left: 872px; } .imagesMemoRight27 { left: 886px; } .imagesMemoRight28 { left: 900px; } .images60 .imagesMemoRight0 { left: 494px; } .images60 .imagesMemoRight1 { left: 508px; } .images60 .imagesMemoRight2 { left: 522px; } .images60 .imagesMemoRight3 { left: 536px; } .images60 .imagesMemoRight4 { left: 550px; } .images60 .imagesMemoRight5 { left: 564px; } .images60 .imagesMemoRight6 { left: 578px; } .images60 .imagesMemoRight7 { left: 592px; } .images60 .imagesMemoRight8 { left: 606px; } .images60 .imagesMemoRight9 { left: 620px; } .images60 .imagesMemoRight10 { left: 634px; } .images60 .imagesMemoRight11 { left: 648px; } .images60 .imagesMemoRight12 { left: 662px; } .images60 .imagesMemoRight13 { left: 676px; } .images60 .imagesMemoRight14 { left: 690px; } .images60 .imagesMemoRight15 { left: 704px; } .images60 .imagesMemoRight16 { left: 718px; } .images60 .imagesMemoRight17 { left: 732px; } .images60 .imagesMemoRight18 { left: 746px; } .images60 .imagesMemoRight19 { left: 760px; } .images60 .imagesMemoRight20 { left: 774px; } .images60 .imagesMemoRight21 { left: 788px; } .images60 .imagesMemoRight22 { left: 802px; } .images60 .imagesMemoRight23 { left: 816px; } .images60 .imagesMemoRight24 { left: 830px; } .images60 .imagesMemoRight25 { left: 844px; } .images60 .imagesMemoRight26 { left: 858px; } .images60 .imagesMemoRight27 { left: 872px; } .images60 .imagesMemoRight28 { left: 886px; } .imagesMemoRight29 { left: 494px; } .imagesMemoRight30 { left: 508px; } .imagesMemoRight31 { left: 522px; } .imagesMemoRight32 { left: 536px; } .imagesMemoRight33 { left: 550px; } .imagesMemoRight34 { left: 564px; } .imagesMemoRight35 { left: 578px; } .imagesMemoRight36 { left: 592px; } .imagesMemoRight37 { left: 606px; } .imagesMemoRight38 { left: 620px; } .imagesMemoRight39 { left: 634px; } .imagesMemoRight40 { left: 648px; } .imagesMemoRight41 { left: 662px; } .imagesMemoRight42 { left: 676px; } .imagesMemoRight43 { left: 690px; } .imagesMemoRight44 { left: 704px; } .imagesMemoRight45 { left: 718px; } .imagesMemoRight46 { left: 732px; } .imagesMemoRight47 { left: 746px; } .imagesMemoRight48 { left: 760px; } .imagesMemoRight49 { left: 774px; } .imagesMemoRight50 { left: 788px; } .imagesMemoRight51 { left: 802px; } .imagesMemoRight52 { left: 816px; } .imagesMemoRight53 { left: 830px; } .imagesMemoRight54 { left: 844px; } .imagesMemoRight55 { left: 858px; } .imagesMemoRight56 { left: 872px; } .imagesMemoRight57 { left: 886px; } .imagesMemoRight58 { left: 900px; } .imagesMemoLeft0 , .imagesMemoLeft1 , .imagesMemoLeft2 , .imagesMemoLeft3 , .imagesMemoLeft4 , .imagesMemoLeft5 , .imagesMemoLeft6 , .imagesMemoLeft7 , .imagesMemoLeft8 , .imagesMemoLeft9 , .imagesMemoLeft10 , .imagesMemoLeft11 , .imagesMemoLeft12 , .imagesMemoLeft13 , .imagesMemoLeft14 , .imagesMemoLeft15 , .imagesMemoLeft16 , .imagesMemoLeft17 , .imagesMemoLeft18 , .imagesMemoLeft19 , .imagesMemoLeft20 , .imagesMemoLeft21 , .imagesMemoLeft22 , .imagesMemoLeft23 , .imagesMemoLeft24 , .imagesMemoLeft25 , .imagesMemoLeft26 , .imagesMemoLeft27 , .imagesMemoLeft28 , .imagesMemoRight0 , .imagesMemoRight1 , .imagesMemoRight2 , .imagesMemoRight3 , .imagesMemoRight4 , .imagesMemoRight5 , .imagesMemoRight6 , .imagesMemoRight7 , .imagesMemoRight8 , .imagesMemoRight9 , .imagesMemoRight10 , .imagesMemoRight11 , .imagesMemoRight12 , .imagesMemoRight13 , .imagesMemoRight14 , .imagesMemoRight15 , .imagesMemoRight16 , .imagesMemoRight17 , .imagesMemoRight18 , .imagesMemoRight19 , .imagesMemoRight20 , .imagesMemoRight21 , .imagesMemoRight22 , .imagesMemoRight23 , .imagesMemoRight24 , .imagesMemoRight25 , .imagesMemoRight26 , .imagesMemoRight27 , .imagesMemoRight28 { top: 380px; } .images60 .imagesMemoLeft0 , .images60 .imagesMemoLeft1 , .images60 .imagesMemoLeft2 , .images60 .imagesMemoLeft3 , .images60 .imagesMemoLeft4 , .images60 .imagesMemoLeft5 , .images60 .imagesMemoLeft6 , .images60 .imagesMemoLeft7 , .images60 .imagesMemoLeft8 , .images60 .imagesMemoLeft9 , .images60 .imagesMemoLeft10 , .images60 .imagesMemoLeft11 , .images60 .imagesMemoLeft12 , .images60 .imagesMemoLeft13 , .images60 .imagesMemoLeft14 , .images60 .imagesMemoLeft15 , .images60 .imagesMemoLeft16 , .images60 .imagesMemoLeft17 , .images60 .imagesMemoLeft18 , .images60 .imagesMemoLeft19 , .images60 .imagesMemoLeft20 , .images60 .imagesMemoLeft21 , .images60 .imagesMemoLeft22 , .images60 .imagesMemoLeft23 , .images60 .imagesMemoLeft24 , .images60 .imagesMemoLeft25 , .images60 .imagesMemoLeft26 , .images60 .imagesMemoLeft27 , .images60 .imagesMemoLeft28 , .images60 .imagesMemoRight0 , .images60 .imagesMemoRight1 , .images60 .imagesMemoRight2 , .images60 .imagesMemoRight3 , .images60 .imagesMemoRight4 , .images60 .imagesMemoRight5 , .images60 .imagesMemoRight6 , .images60 .imagesMemoRight7 , .images60 .imagesMemoRight8 , .images60 .imagesMemoRight9 , .images60 .imagesMemoRight10 , .images60 .imagesMemoRight11 , .images60 .imagesMemoRight12 , .images60 .imagesMemoRight13 , .images60 .imagesMemoRight14 , .images60 .imagesMemoRight15 , .images60 .imagesMemoRight16 , .images60 .imagesMemoRight17 , .images60 .imagesMemoRight18 , .images60 .imagesMemoRight19 , .images60 .imagesMemoRight20 , .images60 .imagesMemoRight21 , .images60 .imagesMemoRight22 , .images60 .imagesMemoRight23 , .images60 .imagesMemoRight24 , .images60 .imagesMemoRight25 , .images60 .imagesMemoRight26 , .images60 .imagesMemoRight27 , .images60 .imagesMemoRight28 { top: 370px; } .imagesMemoLeft29 , .imagesMemoLeft30 , .imagesMemoLeft31 , .imagesMemoLeft32 , .imagesMemoLeft33 , .imagesMemoLeft34 , .imagesMemoLeft35 , .imagesMemoLeft36 , .imagesMemoLeft37 , .imagesMemoLeft38 , .imagesMemoLeft39 , .imagesMemoLeft40 , .imagesMemoLeft41 , .imagesMemoLeft42 , .imagesMemoLeft43 , .imagesMemoLeft44 , .imagesMemoLeft45 , .imagesMemoLeft46 , .imagesMemoLeft47 , .imagesMemoLeft48 , .imagesMemoLeft49 , .imagesMemoLeft50 , .imagesMemoLeft51 , .imagesMemoLeft52 , .imagesMemoLeft53 , .imagesMemoLeft54 , .imagesMemoLeft55 , .imagesMemoLeft56 , .imagesMemoLeft57 , .imagesMemoLeft58 , .imagesMemoRight29 , .imagesMemoRight30 , .imagesMemoRight31 , .imagesMemoRight32 , .imagesMemoRight33 , .imagesMemoRight34 , .imagesMemoRight35 , .imagesMemoRight36 , .imagesMemoRight37 , .imagesMemoRight38 , .imagesMemoRight39 , .imagesMemoRight40 , .imagesMemoRight41 , .imagesMemoRight42 , .imagesMemoRight43 , .imagesMemoRight44 , .imagesMemoRight45 , .imagesMemoRight46 , .imagesMemoRight47 , .imagesMemoRight48 , .imagesMemoRight49 , .imagesMemoRight50 , .imagesMemoRight51 , .imagesMemoRight52 , .imagesMemoRight53 , .imagesMemoRight54 , .imagesMemoRight55 , .imagesMemoRight56 , .imagesMemoRight57 , .imagesMemoRight58 { top: 390px; } .viewContainer.images60 .imagesMemoLeft29 , .viewContainer.images60 .imagesMemoLeft30 , .viewContainer.images60 .imagesMemoLeft31 , .viewContainer.images60 .imagesMemoLeft32 , .viewContainer.images60 .imagesMemoLeft33 , .viewContainer.images60 .imagesMemoLeft34 , .viewContainer.images60 .imagesMemoLeft35 , .viewContainer.images60 .imagesMemoLeft36 , .viewContainer.images60 .imagesMemoLeft37 , .viewContainer.images60 .imagesMemoLeft38 , .viewContainer.images60 .imagesMemoLeft39 , .viewContainer.images60 .imagesMemoLeft40 , .viewContainer.images60 .imagesMemoLeft41 , .viewContainer.images60 .imagesMemoLeft42 , .viewContainer.images60 .imagesMemoLeft43 , .viewContainer.images60 .imagesMemoLeft44 , .viewContainer.images60 .imagesMemoLeft45 , .viewContainer.images60 .imagesMemoLeft46 , .viewContainer.images60 .imagesMemoLeft47 , .viewContainer.images60 .imagesMemoLeft48 , .viewContainer.images60 .imagesMemoLeft49 , .viewContainer.images60 .imagesMemoLeft50 , .viewContainer.images60 .imagesMemoLeft51 , .viewContainer.images60 .imagesMemoLeft52 , .viewContainer.images60 .imagesMemoLeft53 , .viewContainer.images60 .imagesMemoLeft54 , .viewContainer.images60 .imagesMemoLeft55 , .viewContainer.images60 .imagesMemoLeft56 , .viewContainer.images60 .imagesMemoLeft57 , .viewContainer.images60 .imagesMemoLeft58 , .viewContainer.images60 .imagesMemoRight29 , .viewContainer.images60 .imagesMemoRight30 , .viewContainer.images60 .imagesMemoRight31 , .viewContainer.images60 .imagesMemoRight32 , .viewContainer.images60 .imagesMemoRight33 , .viewContainer.images60 .imagesMemoRight34 , .viewContainer.images60 .imagesMemoRight35 , .viewContainer.images60 .imagesMemoRight36 , .viewContainer.images60 .imagesMemoRight37 , .viewContainer.images60 .imagesMemoRight38 , .viewContainer.images60 .imagesMemoRight39 , .viewContainer.images60 .imagesMemoRight40 , .viewContainer.images60 .imagesMemoRight41 , .viewContainer.images60 .imagesMemoRight42 , .viewContainer.images60 .imagesMemoRight43 , .viewContainer.images60 .imagesMemoRight44 , .viewContainer.images60 .imagesMemoRight45 , .viewContainer.images60 .imagesMemoRight46 , .viewContainer.images60 .imagesMemoRight47 , .viewContainer.images60 .imagesMemoRight48 , .viewContainer.images60 .imagesMemoRight49 , .viewContainer.images60 .imagesMemoRight50 , .viewContainer.images60 .imagesMemoRight51 , .viewContainer.images60 .imagesMemoRight52 , .viewContainer.images60 .imagesMemoRight53 , .viewContainer.images60 .imagesMemoRight54 , .viewContainer.images60 .imagesMemoRight55 , .viewContainer.images60 .imagesMemoRight56 , .viewContainer.images60 .imagesMemoRight57 , .viewContainer.images60 .imagesMemoRight58 { top: 438px; } .imagesMemoMid1Of1, .imagesMemoMid2Of3 { border: 5px solid white; height: 300px; left: 329px; top: 40px; } .imagesMemoMid1Of2 { border: 5px solid white; height: 300px; left: 169px; top: 40px; } .imagesMemoMid2Of2 { border: 5px solid white; height: 300px; left: 489px; top: 40px; } .imagesMemoMid1Of3 { border: 5px solid white; height: 300px; left: 19px; top: 40px; } .imagesMemoMid3Of3 { border: 5px solid white; height: 300px; left: 639px; top: 40px; } .imagesMemoMid1Of4 { border: 4px solid white; height: 221px; left: 19px; top: 80px; } .imagesMemoMid2Of4 { border: 4px solid white; height: 221px; left: 250px; top: 80px; } .imagesMemoMid3Of4 { border: 4px solid white; height: 221px; left: 481px; top: 80px; } .imagesMemoMid4Of4 { border: 4px solid white; height: 221px; left: 712px; top: 80px; } .imagesMemoMid1Of5 { border: 3px solid white; height: 183px; left: 7px; top: 100px; } .imagesMemoMid2Of5 { border: 3px solid white; height: 183px; left: 197px; top: 100px; } .imagesMemoMid3Of5 { border: 3px solid white; height: 183px; left: 387px; top: 100px; } .imagesMemoMid4Of5 { border: 3px solid white; height: 183px; left: 577px; top: 100px; } .imagesMemoMid5Of5 { border: 3px solid white; height: 183px; left: 767px; top: 100px; } .imagesBox { background-color: silver; border: 1px solid black; height: 62px; cursor: pointer; position: absolute; width: 62px; } .imagesBox:not(.imagesRecallOrderedRecall):hover { background-color: lemonchiffon; } .imagesRecallPos0 , .imagesRecallPos1 , .imagesRecallPos2 , .imagesRecallPos3 , .imagesRecallPos4 , .imagesRecallPos5 , .imagesRecallPos6 , .imagesRecallPos7 , .imagesRecallPos8 , .imagesRecallPos9 { top: 60px; } .imagesRecallPos10 , .imagesRecallPos11 , .imagesRecallPos12 , .imagesRecallPos13 , .imagesRecallPos14 , .imagesRecallPos15 , .imagesRecallPos16 , .imagesRecallPos17 , .imagesRecallPos18 , .imagesRecallPos19 { top: 160px; } .imagesRecallPos20 , .imagesRecallPos21 , .imagesRecallPos22 , .imagesRecallPos23 , .imagesRecallPos24 , .imagesRecallPos25 , .imagesRecallPos26 , .imagesRecallPos27 , .imagesRecallPos28 , .imagesRecallPos29 { top: 260px; } .imagesRecallPos30 , .imagesRecallPos31 , .imagesRecallPos32 , .imagesRecallPos33 , .imagesRecallPos34 , .imagesRecallPos35 , .imagesRecallPos36 , .imagesRecallPos37 , .imagesRecallPos38 , .imagesRecallPos39 , .imagesRecallPos40 , .imagesRecallPos41 , .imagesRecallPos42 , .imagesRecallPos43 , .imagesRecallPos44 { top: 390px; } .imagesRecallPos45 , .imagesRecallPos46 , .imagesRecallPos47 , .imagesRecallPos48 , .imagesRecallPos49 , .imagesRecallPos50 , .imagesRecallPos51 , .imagesRecallPos52 , .imagesRecallPos53 , .imagesRecallPos54 , .imagesRecallPos55 , .imagesRecallPos56 , .imagesRecallPos57 , .imagesRecallPos58 , .imagesRecallPos59 { top: 464px; } .imagesRecallPos0 {left: 2px} .imagesRecallPos1 {left: 65.643px} .imagesRecallPos2 {left: 129.286px} .imagesRecallPos3 {left: 192.929px} .imagesRecallPos4 {left: 256.571px} .imagesRecallPos5 {left: 320.214px} .imagesRecallPos6 {left: 383.857px} .imagesRecallPos7 {left: 447.5px} .imagesRecallPos8 {left: 511.143px} .imagesRecallPos9 {left: 574.786px} .imagesRecallPos10 {left: 2px} .imagesRecallPos11 {left: 65.643px} .imagesRecallPos12 {left: 129.286px} .imagesRecallPos13 {left: 192.929px} .imagesRecallPos14 {left: 256.571px} .imagesRecallPos15 {left: 320.214px} .imagesRecallPos16 {left: 383.857px} .imagesRecallPos17 {left: 447.5px} .imagesRecallPos18 {left: 511.143px} .imagesRecallPos19 {left: 574.786px} .imagesRecallPos20 {left: 2px} .imagesRecallPos21 {left: 65.643px} .imagesRecallPos22 {left: 129.286px} .imagesRecallPos23 {left: 192.929px} .imagesRecallPos24 {left: 256.571px} .imagesRecallPos25 {left: 320.214px} .imagesRecallPos26 {left: 383.857px} .imagesRecallPos27 {left: 447.5px} .imagesRecallPos28 {left: 511.143px} .imagesRecallPos29 {left: 574.786px} .imagesRecallPos30 {left: 2px} .imagesRecallPos31 {left: 65.643px} .imagesRecallPos32 {left: 129.286px} .imagesRecallPos33 {left: 192.929px} .imagesRecallPos34 {left: 256.571px} .imagesRecallPos35 {left: 320.214px} .imagesRecallPos36 {left: 383.857px} .imagesRecallPos37 {left: 447.5px} .imagesRecallPos38 {left: 511.143px} .imagesRecallPos39 {left: 574.786px} .imagesRecallPos40 {left: 638.429px} .imagesRecallPos41 {left: 702.071px} .imagesRecallPos42 {left: 765.714px} .imagesRecallPos43 {left: 829.357px} .imagesRecallPos44 {left: 893px} .imagesRecallPos45 {left: 2px} .imagesRecallPos46 {left: 65.643px} .imagesRecallPos47 {left: 129.286px} .imagesRecallPos48 {left: 192.929px} .imagesRecallPos49 {left: 256.571px} .imagesRecallPos50 {left: 320.214px} .imagesRecallPos51 {left: 383.857px} .imagesRecallPos52 {left: 447.5px} .imagesRecallPos53 {left: 511.143px} .imagesRecallPos54 {left: 574.786px} .imagesRecallPos55 {left: 638.429px} .imagesRecallPos56 {left: 702.071px} .imagesRecallPos57 {left: 765.714px} .imagesRecallPos58 {left: 829.357px} .imagesRecallPos59 {left: 893px} .images60 .imagesBox { height: 51px; width: 51px; } .images60 .imagesNum { font-size: 70%; margin-top: -1.2em; } .images60 .imagesRecallPos0 , .images60 .imagesRecallPos1 , .images60 .imagesRecallPos2 , .images60 .imagesRecallPos3 , .images60 .imagesRecallPos4 , .images60 .imagesRecallPos5 , .images60 .imagesRecallPos6 , .images60 .imagesRecallPos7 , .images60 .imagesRecallPos8 , .images60 .imagesRecallPos9 , .images60 .imagesRecallPos10 , .images60 .imagesRecallPos11 { top: 14px; } .images60 .imagesRecallPos12 , .images60 .imagesRecallPos13 , .images60 .imagesRecallPos14 , .images60 .imagesRecallPos15 , .images60 .imagesRecallPos16 , .images60 .imagesRecallPos17 , .images60 .imagesRecallPos18 , .images60 .imagesRecallPos19 , .images60 .imagesRecallPos20 , .images60 .imagesRecallPos21 , .images60 .imagesRecallPos22 , .images60 .imagesRecallPos23 { top: 80px; } .images60 .imagesRecallPos24 , .images60 .imagesRecallPos25 , .images60 .imagesRecallPos26 , .images60 .imagesRecallPos27 , .images60 .imagesRecallPos28 , .images60 .imagesRecallPos29 , .images60 .imagesRecallPos30 , .images60 .imagesRecallPos31 , .images60 .imagesRecallPos32 , .images60 .imagesRecallPos33 , .images60 .imagesRecallPos34 , .images60 .imagesRecallPos35 { top: 146px; } .images60 .imagesRecallPos36 , .images60 .imagesRecallPos37 , .images60 .imagesRecallPos38 , .images60 .imagesRecallPos39 , .images60 .imagesRecallPos40 , .images60 .imagesRecallPos41 , .images60 .imagesRecallPos42 , .images60 .imagesRecallPos43 , .images60 .imagesRecallPos44 , .images60 .imagesRecallPos45 , .images60 .imagesRecallPos46 , .images60 .imagesRecallPos47 { top: 212px; } .images60 .imagesRecallPos48 , .images60 .imagesRecallPos49 , .images60 .imagesRecallPos50 , .images60 .imagesRecallPos51 , .images60 .imagesRecallPos52 , .images60 .imagesRecallPos53 , .images60 .imagesRecallPos54 , .images60 .imagesRecallPos55 , .images60 .imagesRecallPos56 , .images60 .imagesRecallPos57 , .images60 .imagesRecallPos58 , .images60 .imagesRecallPos59 { top: 278px; } .images60 .imagesRecallPos0 {left: 6px} .images60 .imagesRecallPos1 {left: 58.643px} .images60 .imagesRecallPos2 {left: 111.286px} .images60 .imagesRecallPos3 {left: 163.929px} .images60 .imagesRecallPos4 {left: 216.571px} .images60 .imagesRecallPos5 {left: 269.214px} .images60 .imagesRecallPos6 {left: 321.857px} .images60 .imagesRecallPos7 {left: 374.5px} .images60 .imagesRecallPos8 {left: 427.143px} .images60 .imagesRecallPos9 {left: 479.786px} .images60 .imagesRecallPos10 {left: 532.429px} .images60 .imagesRecallPos11 {left: 585.072px} .images60 .imagesRecallPos12 {left: 6px} .images60 .imagesRecallPos13 {left: 58.643px} .images60 .imagesRecallPos14 {left: 111.286px} .images60 .imagesRecallPos15 {left: 163.929px} .images60 .imagesRecallPos16 {left: 216.571px} .images60 .imagesRecallPos17 {left: 269.214px} .images60 .imagesRecallPos18 {left: 321.857px} .images60 .imagesRecallPos19 {left: 374.5px} .images60 .imagesRecallPos20 {left: 427.143px} .images60 .imagesRecallPos21 {left: 479.786px} .images60 .imagesRecallPos22 {left: 532.429px} .images60 .imagesRecallPos23 {left: 585.072px} .images60 .imagesRecallPos24 {left: 6px} .images60 .imagesRecallPos25 {left: 58.643px} .images60 .imagesRecallPos26 {left: 111.286px} .images60 .imagesRecallPos27 {left: 163.929px} .images60 .imagesRecallPos28 {left: 216.571px} .images60 .imagesRecallPos29 {left: 269.214px} .images60 .imagesRecallPos30 {left: 321.857px} .images60 .imagesRecallPos31 {left: 374.5px} .images60 .imagesRecallPos32 {left: 427.143px} .images60 .imagesRecallPos33 {left: 479.786px} .images60 .imagesRecallPos34 {left: 532.429px} .images60 .imagesRecallPos35 {left: 585.072px} .images60 .imagesRecallPos36 {left: 6px} .images60 .imagesRecallPos37 {left: 58.643px} .images60 .imagesRecallPos38 {left: 111.286px} .images60 .imagesRecallPos39 {left: 163.929px} .images60 .imagesRecallPos40 {left: 216.571px} .images60 .imagesRecallPos41 {left: 269.214px} .images60 .imagesRecallPos42 {left: 321.857px} .images60 .imagesRecallPos43 {left: 374.5px} .images60 .imagesRecallPos44 {left: 427.143px} .images60 .imagesRecallPos45 {left: 479.786px} .images60 .imagesRecallPos46 {left: 532.429px} .images60 .imagesRecallPos47 {left: 585.072px} .images60 .imagesRecallPos48 {left: 6px} .images60 .imagesRecallPos49 {left: 58.643px} .images60 .imagesRecallPos50 {left: 111.286px} .images60 .imagesRecallPos51 {left: 163.929px} .images60 .imagesRecallPos52 {left: 216.571px} .images60 .imagesRecallPos53 {left: 269.214px} .images60 .imagesRecallPos54 {left: 321.857px} .images60 .imagesRecallPos55 {left: 374.5px} .images60 .imagesRecallPos56 {left: 427.143px} .images60 .imagesRecallPos57 {left: 479.786px} .images60 .imagesRecallPos58 {left: 532.429px} .images60 .imagesRecallPos59 {left: 585.072px} .images60 .imagesRecallPos60 {left: 6px; z-index: 60} .images60 .imagesRecallPos61 {left: 53px; z-index: 61} .images60 .imagesRecallPos62 {left: 100px; z-index: 62} .images60 .imagesRecallPos63 {left: 147px; z-index: 63} .images60 .imagesRecallPos64 {left: 194px; z-index: 64} .images60 .imagesRecallPos65 {left: 241px; z-index: 65} .images60 .imagesRecallPos66 {left: 288px; z-index: 66} .images60 .imagesRecallPos67 {left: 331px; z-index: 67} .images60 .imagesRecallPos68 {left: 382px; z-index: 68} .images60 .imagesRecallPos69 {left: 429px; z-index: 69} .images60 .imagesRecallPos70 {left: 476px; z-index: 70} .images60 .imagesRecallPos71 {left: 523px; z-index: 71} .images60 .imagesRecallPos72 {left: 570px; z-index: 72} .images60 .imagesRecallPos73 {left: 617px; z-index: 73} .images60 .imagesRecallPos74 {left: 664px; z-index: 74} .images60 .imagesRecallPos75 {left: 711px; z-index: 75} .images60 .imagesRecallPos76 {left: 758px; z-index: 76} .images60 .imagesRecallPos77 {left: 805px; z-index: 77} .images60 .imagesRecallPos78 {left: 852px; z-index: 78} .images60 .imagesRecallPos79 {left: 899px; z-index: 79} .images60 .imagesRecallPos80 {left: 6px; z-index: 80} .images60 .imagesRecallPos81 {left: 53px; z-index: 81} .images60 .imagesRecallPos82 {left: 100px; z-index: 82} .images60 .imagesRecallPos83 {left: 147px; z-index: 83} .images60 .imagesRecallPos84 {left: 194px; z-index: 84} .images60 .imagesRecallPos85 {left: 241px; z-index: 85} .images60 .imagesRecallPos86 {left: 288px; z-index: 86} .images60 .imagesRecallPos87 {left: 331px; z-index: 87} .images60 .imagesRecallPos88 {left: 382px; z-index: 88} .images60 .imagesRecallPos89 {left: 429px; z-index: 89} .images60 .imagesRecallPos90 {left: 476px; z-index: 90} .images60 .imagesRecallPos91 {left: 523px; z-index: 91} .images60 .imagesRecallPos92 {left: 570px; z-index: 92} .images60 .imagesRecallPos93 {left: 617px; z-index: 93} .images60 .imagesRecallPos94 {left: 664px; z-index: 94} .images60 .imagesRecallPos95 {left: 711px; z-index: 95} .images60 .imagesRecallPos96 {left: 758px; z-index: 96} .images60 .imagesRecallPos97 {left: 805px; z-index: 97} .images60 .imagesRecallPos98 {left: 852px; z-index: 98} .images60 .imagesRecallPos99 {left: 899px; z-index: 99} .images60 .imagesRecallPos100 {left: 6px; z-index: 100} .images60 .imagesRecallPos101 {left: 53px; z-index: 101} .images60 .imagesRecallPos102 {left: 100px; z-index: 102} .images60 .imagesRecallPos103 {left: 147px; z-index: 103} .images60 .imagesRecallPos104 {left: 194px; z-index: 104} .images60 .imagesRecallPos105 {left: 241px; z-index: 105} .images60 .imagesRecallPos106 {left: 288px; z-index: 106} .images60 .imagesRecallPos107 {left: 331px; z-index: 107} .images60 .imagesRecallPos108 {left: 382px; z-index: 108} .images60 .imagesRecallPos109 {left: 429px; z-index: 109} .images60 .imagesRecallPos110 {left: 476px; z-index: 110} .images60 .imagesRecallPos111 {left: 523px; z-index: 111} .images60 .imagesRecallPos112 {left: 570px; z-index: 112} .images60 .imagesRecallPos113 {left: 617px; z-index: 113} .images60 .imagesRecallPos114 {left: 664px; z-index: 114} .images60 .imagesRecallPos115 {left: 711px; z-index: 115} .images60 .imagesRecallPos116 {left: 758px; z-index: 116} .images60 .imagesRecallPos117 {left: 805px; z-index: 117} .images60 .imagesRecallPos118 {left: 852px; z-index: 118} .images60 .imagesRecallPos119 {left: 899px; z-index: 119} .images60 .imagesRecallPos60 , .images60 .imagesRecallPos61 , .images60 .imagesRecallPos62 , .images60 .imagesRecallPos63 , .images60 .imagesRecallPos64 , .images60 .imagesRecallPos65 , .images60 .imagesRecallPos66 , .images60 .imagesRecallPos67 , .images60 .imagesRecallPos68 , .images60 .imagesRecallPos69 , .images60 .imagesRecallPos70 , .images60 .imagesRecallPos71 , .images60 .imagesRecallPos72 , .images60 .imagesRecallPos73 , .images60 .imagesRecallPos74 , .images60 .imagesRecallPos75 , .images60 .imagesRecallPos76 , .images60 .imagesRecallPos77 , .images60 .imagesRecallPos78 , .images60 .imagesRecallPos79 { top: 360px; } .images60 .imagesRecallPos80 , .images60 .imagesRecallPos81 , .images60 .imagesRecallPos82 , .images60 .imagesRecallPos83 , .images60 .imagesRecallPos84 , .images60 .imagesRecallPos85 , .images60 .imagesRecallPos86 , .images60 .imagesRecallPos87 , .images60 .imagesRecallPos88 , .images60 .imagesRecallPos89 , .images60 .imagesRecallPos90 , .images60 .imagesRecallPos91 , .images60 .imagesRecallPos92 , .images60 .imagesRecallPos93 , .images60 .imagesRecallPos94 , .images60 .imagesRecallPos95 , .images60 .imagesRecallPos96 , .images60 .imagesRecallPos97 , .images60 .imagesRecallPos98 , .images60 .imagesRecallPos99 { top: 420px; } .images60 .imagesRecallPos100 , .images60 .imagesRecallPos101 , .images60 .imagesRecallPos102 , .images60 .imagesRecallPos103 , .images60 .imagesRecallPos104 , .images60 .imagesRecallPos105 , .images60 .imagesRecallPos106 , .images60 .imagesRecallPos107 , .images60 .imagesRecallPos108 , .images60 .imagesRecallPos109 , .images60 .imagesRecallPos110 , .images60 .imagesRecallPos111 , .images60 .imagesRecallPos112 , .images60 .imagesRecallPos113 , .images60 .imagesRecallPos114 , .images60 .imagesRecallPos115 , .images60 .imagesRecallPos116 , .images60 .imagesRecallPos117 , .images60 .imagesRecallPos118 , .images60 .imagesRecallPos119 { top: 480px; } .imagesNum { color: gainsboro; cursor: pointer; font-family: arial; margin-left: 1em; margin-top: -1.6em; position: absolute; user-select: none; } .imagesNum:not(.imagesRecallOrderedRecall):hover { color: yellow; } .imagesNumOrderedPeople { color: black; font-family: arial; font-size: 130%; margin-left: 0.8em; margin-top: -1.4em; position: absolute; } .imagesRecallOrderedRecall { cursor: inherit !important; } .imagesRecall { border: 2px solid white; cursor: pointer; height: 62px; position: absolute; width: 62px; transition: left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) , top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940); user-select: none; } .images60 .imagesRecall { height: 51px; width: 51px; } .imagesCursor { background-color: yellow; border: 1px solid black; height: 62px; position: absolute; width: 62px; } .images60 .imagesCursor { height: 51px; position: absolute; width: 51px; } .imagesFullSize { border: 4px solid white; height: 300px; left: 650px; position: absolute; top: 22px; } .imagesResultsBox { background-color: silver; border: 1px solid black; height: 71px; margin-top: 80px; position: absolute; width: 71px; } .imagesResults { border: 2px solid white; height: 71px; position: absolute; width: 71px; } .imagesResultsLabel { color: #eee; font-size: 120%; left: 50px; position: absolute; } .imagesOriginalRow1 { top: 50px; } .imagesRecallRow1 { top: 130px; } .imagesOriginalRow2 { top: 234px; } .imagesRecallRow2 { top: 314px; } .imagesOriginalRow3 { top: 418px; } .imagesRecallRow3 { top: 498px; } .imagesResultsRecall { margin-top: 80px; } .imagesResults0 , .imagesResults10 , .imagesResults20 { left: 151px; } .imagesResults1 , .imagesResults11 , .imagesResults21 { left: 225.7857143px; } .imagesResults2 , .imagesResults12 , .imagesResults22 { left: 300.5714286px; } .imagesResults3 , .imagesResults13 , .imagesResults23 { left: 375.3571429px; } .imagesResults4 , .imagesResults14 , .imagesResults24 { left: 450.1428571px; } .imagesResults5 , .imagesResults15 , .imagesResults25 { left: 524.9285714px; } .imagesResults6 , .imagesResults16 , .imagesResults26 { left: 599.7142857px; } .imagesResults7 , .imagesResults17 , .imagesResults27 { left: 674.5px; } .imagesResults8 , .imagesResults18 , .imagesResults28 { left: 749.2857143px; } .imagesResults9 , .imagesResults19 , .imagesResults29 { left: 824.0714286px; } .imagesResults0 , .imagesResults1 , .imagesResults2 , .imagesResults3 , .imagesResults4 , .imagesResults5 , .imagesResults6 , .imagesResults7 , .imagesResults8 , .imagesResults9 { top: 26px; } .imagesResults10 , .imagesResults11 , .imagesResults12 , .imagesResults13 , .imagesResults14 , .imagesResults15 , .imagesResults16 , .imagesResults17 , .imagesResults18 , .imagesResults19 { top: 210px; } .imagesResults20 , .imagesResults21 , .imagesResults22 , .imagesResults23 , .imagesResults24 , .imagesResults25 , .imagesResults26 , .imagesResults27 , .imagesResults28 , .imagesResults29 { top: 394px; } .imagesViewMemo { transform: translateY(40px); transition: left 0.12s cubic-bezier(0.250, 0.460, 0.450, 0.940), top 0.12s cubic-bezier(0.250, 0.460, 0.450, 0.940); } .imagesViewRecallNum { color: gainsboro; font-family: arial; margin-left: 1em; margin-top: -19px; position: absolute; } .images60 .imagesViewRecallNum { font-size: 70%; margin-top: -16px; } .imagesViewRecallNumOrderedPeople { color: white; font-family: arial; margin-left: 1em; margin-top: -19px; position: absolute; } .babyCompetitors .imagesViewRecallNum { margin-top: calc(3rem - 19px) !important; } .imagesViewRecallBox { background-color: silver; border: 1px solid black; height: 71px; margin-top: 72px; position: absolute; width: 71px; } .images60 .imagesViewRecallBox { height: 60px; margin-top: 61px; width: 60px; } .babyCompetitors .imagesViewRecallBox { margin-top: calc(72px + 3rem) !important; } .imagesViewRecall { border: 2px solid white; height: 71px; position: absolute; transition: left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) , top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940); width: 71px; } .images60 .imagesViewRecall { height: 60px; width: 60px; } .imagesViewRecallLabel { color: #eee; font-size: 120%; left: 50px; position: absolute; } .imagesViewRecallOriginalRow1 { top: 44px; } .imagesViewRecallRecallRow1 { top: 116px; } .imagesViewRecallOriginalRow2 { top: 208px; } .imagesViewRecallRecallRow2 { top: 280px; } .imagesViewRecallOriginalRow3 { top: 372px; } .imagesViewRecallRecallRow3 { top: 444px; } .babyCompetitors .imagesViewRecallOriginalRow1, .babyCompetitors .imagesViewRecallRecallRow1, .babyCompetitors .imagesViewRecallOriginalRow2, .babyCompetitors .imagesViewRecallRecallRow2 { margin-top: 3rem; } .imagesViewRecallRecall { margin-top: 72px; } .images60 .imagesViewRecallRecall { margin-top: 61px; } .babyCompetitors .imagesViewRecallRecall:not(.babyCompetitorsBottomRow) { margin-top: calc(72px + 3rem); } .babyCompetitorsBottomRow { margin-left: 12rem; } .imagesViewRecall0 , .imagesViewRecall10 , .imagesViewRecall20 { left: 151px; } .images60 .imagesViewRecall0 , .images60 .imagesViewRecall15 , .images60 .imagesViewRecall30 , .images60 .imagesViewRecall45 { left: 14px; } .images60 .imagesViewRecall1 , .images60 .imagesViewRecall16 , .images60 .imagesViewRecall31 , .images60 .imagesViewRecall46 { left: 76px; } .images60 .imagesViewRecall2 , .images60 .imagesViewRecall17 , .images60 .imagesViewRecall32 , .images60 .imagesViewRecall47 { left: 138px; } .images60 .imagesViewRecall3 , .images60 .imagesViewRecall18 , .images60 .imagesViewRecall33 , .images60 .imagesViewRecall48 { left: 200px; } .images60 .imagesViewRecall4 , .images60 .imagesViewRecall19 , .images60 .imagesViewRecall34 , .images60 .imagesViewRecall49 { left: 262px; } .images60 .imagesViewRecall5 , .images60 .imagesViewRecall20 , .images60 .imagesViewRecall35 , .images60 .imagesViewRecall50 { left: 324px; } .images60 .imagesViewRecall6 , .images60 .imagesViewRecall21 , .images60 .imagesViewRecall36 , .images60 .imagesViewRecall51 { left: 386px; } .images60 .imagesViewRecall7 , .images60 .imagesViewRecall22 , .images60 .imagesViewRecall37 , .images60 .imagesViewRecall52 { left: 448px; } .images60 .imagesViewRecall8 , .images60 .imagesViewRecall23 , .images60 .imagesViewRecall38 , .images60 .imagesViewRecall53 { left: 510px; } .images60 .imagesViewRecall9 , .images60 .imagesViewRecall24 , .images60 .imagesViewRecall39 , .images60 .imagesViewRecall54 { left: 572px; } .images60 .imagesViewRecall10 , .images60 .imagesViewRecall25 , .images60 .imagesViewRecall40 , .images60 .imagesViewRecall55 { left: 634px; } .images60 .imagesViewRecall11 , .images60 .imagesViewRecall26 , .images60 .imagesViewRecall41 , .images60 .imagesViewRecall56 { left: 696px; } .images60 .imagesViewRecall12 , .images60 .imagesViewRecall27 , .images60 .imagesViewRecall42 , .images60 .imagesViewRecall57 { left: 758px; } .images60 .imagesViewRecall13 , .images60 .imagesViewRecall28 , .images60 .imagesViewRecall43 , .images60 .imagesViewRecall58 { left: 820px; } .images60 .imagesViewRecall14 , .images60 .imagesViewRecall29 , .images60 .imagesViewRecall44 , .images60 .imagesViewRecall59 { left: 882px; } .imagesViewRecall1 , .imagesViewRecall11 , .imagesViewRecall21 { left: 225.7857143px; } .imagesViewRecall2 , .imagesViewRecall12 , .imagesViewRecall22 { left: 300.5714286px; } .imagesViewRecall3 , .imagesViewRecall13 , .imagesViewRecall23 { left: 375.3571429px; } .imagesViewRecall4 , .imagesViewRecall14 , .imagesViewRecall24 { left: 450.1428571px; } .imagesViewRecall5 , .imagesViewRecall15 , .imagesViewRecall25 { left: 524.9285714px; } .imagesViewRecall6 , .imagesViewRecall16 , .imagesViewRecall26 { left: 599.7142857px; } .imagesViewRecall7 , .imagesViewRecall17 , .imagesViewRecall27 { left: 674.5px; } .imagesViewRecall8 , .imagesViewRecall18 , .imagesViewRecall28 { left: 749.2857143px; } .imagesViewRecall9 , .imagesViewRecall19 , .imagesViewRecall29 { left: 824.0714286px; } .imagesViewRecall0 , .imagesViewRecall1 , .imagesViewRecall2 , .imagesViewRecall3 , .imagesViewRecall4 , .imagesViewRecall5 , .imagesViewRecall6 , .imagesViewRecall7 , .imagesViewRecall8 , .imagesViewRecall9 { top: 20px; } .imagesViewRecall10 , .imagesViewRecall11 , .imagesViewRecall12 , .imagesViewRecall13 , .imagesViewRecall14 , .imagesViewRecall15 , .imagesViewRecall16 , .imagesViewRecall17 , .imagesViewRecall18 , .imagesViewRecall19 { top: 184px; } .babyCompetitors .imagesViewRecall0 , .babyCompetitors .imagesViewRecall1 , .babyCompetitors .imagesViewRecall2 , .babyCompetitors .imagesViewRecall3 , .babyCompetitors .imagesViewRecall4 , .babyCompetitors .imagesViewRecall5 , .babyCompetitors .imagesViewRecall6 , .babyCompetitors .imagesViewRecall7 , .babyCompetitors .imagesViewRecall8 , .babyCompetitors .imagesViewRecall9 , .babyCompetitors .imagesViewRecall10 , .babyCompetitors .imagesViewRecall11 , .babyCompetitors .imagesViewRecall12 , .babyCompetitors .imagesViewRecall13 , .babyCompetitors .imagesViewRecall14 , .babyCompetitors .imagesViewRecall15 , .babyCompetitors .imagesViewRecall16 , .babyCompetitors .imagesViewRecall17 , .babyCompetitors .imagesViewRecall18 , .babyCompetitors .imagesViewRecall19 { margin-top: 3rem; } .imagesViewRecall20 , .imagesViewRecall21 , .imagesViewRecall22 , .imagesViewRecall23 , .imagesViewRecall24 , .imagesViewRecall25 , .imagesViewRecall26 , .imagesViewRecall27 , .imagesViewRecall28 , .imagesViewRecall29 { top: 348px; } .imagesViewRecall30 , .imagesViewRecall31 , .imagesViewRecall32 , .imagesViewRecall33 , .imagesViewRecall34 , .imagesViewRecall35 , .imagesViewRecall36 , .imagesViewRecall37 , .imagesViewRecall38 , .imagesViewRecall39 , .imagesViewRecall40 , .imagesViewRecall41 , .imagesViewRecall42 , .imagesViewRecall43 , .imagesViewRecall44 , .imagesViewRecall45 , .imagesViewRecall46 , .imagesViewRecall47 , .imagesViewRecall48 , .imagesViewRecall49 , .imagesViewRecall50 , .imagesViewRecall51 , .imagesViewRecall52 , .imagesViewRecall53 , .imagesViewRecall54 , .imagesViewRecall55 , .imagesViewRecall56 , .imagesViewRecall57 , .imagesViewRecall58 , .imagesViewRecall59 { top: 446px; } .images60 .imagesViewRecall0 , .images60 .imagesViewRecall1 , .images60 .imagesViewRecall2 , .images60 .imagesViewRecall3 , .images60 .imagesViewRecall4 , .images60 .imagesViewRecall5 , .images60 .imagesViewRecall6 , .images60 .imagesViewRecall7 , .images60 .imagesViewRecall8 , .images60 .imagesViewRecall9 , .images60 .imagesViewRecall10 , .images60 .imagesViewRecall11 , .images60 .imagesViewRecall12 , .images60 .imagesViewRecall13 , .images60 .imagesViewRecall14 { top: 10px; } .images60 .imagesViewRecall15 , .images60 .imagesViewRecall16 , .images60 .imagesViewRecall17 , .images60 .imagesViewRecall18 , .images60 .imagesViewRecall19 , .images60 .imagesViewRecall20 , .images60 .imagesViewRecall21 , .images60 .imagesViewRecall22 , .images60 .imagesViewRecall23 , .images60 .imagesViewRecall24 , .images60 .imagesViewRecall25 , .images60 .imagesViewRecall26 , .images60 .imagesViewRecall27 , .images60 .imagesViewRecall28 , .images60 .imagesViewRecall29 { top: 144px; } .images60 .imagesViewRecall30 , .images60 .imagesViewRecall31 , .images60 .imagesViewRecall32 , .images60 .imagesViewRecall33 , .images60 .imagesViewRecall34 , .images60 .imagesViewRecall35 , .images60 .imagesViewRecall36 , .images60 .imagesViewRecall37 , .images60 .imagesViewRecall38 , .images60 .imagesViewRecall39 , .images60 .imagesViewRecall40 , .images60 .imagesViewRecall41 , .images60 .imagesViewRecall42 , .images60 .imagesViewRecall43 , .images60 .imagesViewRecall44 { top: 278px; } .images60 .imagesViewRecall45 , .images60 .imagesViewRecall46 , .images60 .imagesViewRecall47 , .images60 .imagesViewRecall48 , .images60 .imagesViewRecall49 , .images60 .imagesViewRecall50 , .images60 .imagesViewRecall51 , .images60 .imagesViewRecall52 , .images60 .imagesViewRecall53 , .images60 .imagesViewRecall54 , .images60 .imagesViewRecall55 , .images60 .imagesViewRecall56 , .images60 .imagesViewRecall57 , .images60 .imagesViewRecall58 , .images60 .imagesViewRecall59 { top: 412px; } .imagesViewRecall30 {left: 2px; z-index: 2;} .imagesViewRecall31 {left: 32.414px; z-index: 32;} .imagesViewRecall32 {left: 62.828px; z-index: 63;} .imagesViewRecall33 {left: 93.241px; z-index: 93;} .imagesViewRecall34 {left: 123.655px; z-index: 124;} .imagesViewRecall35 {left: 154.069px; z-index: 154;} .imagesViewRecall36 {left: 184.483px; z-index: 184;} .imagesViewRecall37 {left: 214.897px; z-index: 215;} .imagesViewRecall38 {left: 245.31px; z-index: 245;} .imagesViewRecall39 {left: 275.724px; z-index: 276;} .imagesViewRecall40 {left: 306.138px; z-index: 306;} .imagesViewRecall41 {left: 336.552px; z-index: 337;} .imagesViewRecall42 {left: 366.966px; z-index: 367;} .imagesViewRecall43 {left: 397.379px; z-index: 397;} .imagesViewRecall44 {left: 427.793px; z-index: 428;} .imagesViewRecall45 {left: 458.207px; z-index: 458;} .imagesViewRecall46 {left: 488.621px; z-index: 489;} .imagesViewRecall47 {left: 519.034px; z-index: 519;} .imagesViewRecall48 {left: 549.448px; z-index: 549;} .imagesViewRecall49 {left: 579.862px; z-index: 580;} .imagesViewRecall50 {left: 610.276px; z-index: 610;} .imagesViewRecall51 {left: 640.69px; z-index: 641;} .imagesViewRecall52 {left: 671.103px; z-index: 671;} .imagesViewRecall53 {left: 701.517px; z-index: 702;} .imagesViewRecall54 {left: 731.931px; z-index: 732;} .imagesViewRecall55 {left: 762.345px; z-index: 762;} .imagesViewRecall56 {left: 792.759px; z-index: 793;} .imagesViewRecall57 {left: 823.172px; z-index: 823;} .imagesViewRecall58 {left: 853.586px; z-index: 854;} .imagesViewRecall59 {left: 884px; z-index: 884;} .images60 .imagesViewRecall60 , .images60 .imagesViewRecall61 , .images60 .imagesViewRecall62 , .images60 .imagesViewRecall63 , .images60 .imagesViewRecall64 , .images60 .imagesViewRecall65 , .images60 .imagesViewRecall66 , .images60 .imagesViewRecall67 , .images60 .imagesViewRecall68 , .images60 .imagesViewRecall69 , .images60 .imagesViewRecall70 , .images60 .imagesViewRecall71 , .images60 .imagesViewRecall72 , .images60 .imagesViewRecall73 , .images60 .imagesViewRecall74 , .images60 .imagesViewRecall75 , .images60 .imagesViewRecall76 , .images60 .imagesViewRecall77 , .images60 .imagesViewRecall78 , .images60 .imagesViewRecall79 , .images60 .imagesViewRecall80 , .images60 .imagesViewRecall81 , .images60 .imagesViewRecall82 , .images60 .imagesViewRecall83 , .images60 .imagesViewRecall84 , .images60 .imagesViewRecall85 , .images60 .imagesViewRecall86 , .images60 .imagesViewRecall87 , .images60 .imagesViewRecall88 , .images60 .imagesViewRecall89 , .images60 .imagesViewRecall90 , .images60 .imagesViewRecall91 , .images60 .imagesViewRecall92 , .images60 .imagesViewRecall93 , .images60 .imagesViewRecall94 , .images60 .imagesViewRecall95 , .images60 .imagesViewRecall96 , .images60 .imagesViewRecall97 , .images60 .imagesViewRecall98 , .images60 .imagesViewRecall99 , .images60 .imagesViewRecall100 , .images60 .imagesViewRecall101 , .images60 .imagesViewRecall102 , .images60 .imagesViewRecall103 , .images60 .imagesViewRecall104 , .images60 .imagesViewRecall105 , .images60 .imagesViewRecall106 , .images60 .imagesViewRecall107 , .images60 .imagesViewRecall108 , .images60 .imagesViewRecall109 , .images60 .imagesViewRecall110 , .images60 .imagesViewRecall111 , .images60 .imagesViewRecall112 , .images60 .imagesViewRecall113 , .images60 .imagesViewRecall114 , .images60 .imagesViewRecall115 , .images60 .imagesViewRecall116 , .images60 .imagesViewRecall117 , .images60 .imagesViewRecall118 , .images60 .imagesViewRecall119 { top: 478px; } .images60 .imagesViewRecall60 {left: 2px; z-index: 2;} .images60 .imagesViewRecall61 {left: 17.136px; z-index: 17;} .images60 .imagesViewRecall62 {left: 32.271px; z-index: 32;} .images60 .imagesViewRecall63 {left: 47.407px; z-index: 47;} .images60 .imagesViewRecall64 {left: 62.542px; z-index: 63;} .images60 .imagesViewRecall65 {left: 77.678px; z-index: 78;} .images60 .imagesViewRecall66 {left: 92.814px; z-index: 93;} .images60 .imagesViewRecall67 {left: 107.949px; z-index: 108;} .images60 .imagesViewRecall68 {left: 123.085px; z-index: 123;} .images60 .imagesViewRecall69 {left: 138.22px; z-index: 138;} .images60 .imagesViewRecall70 {left: 153.356px; z-index: 153;} .images60 .imagesViewRecall71 {left: 168.492px; z-index: 168;} .images60 .imagesViewRecall72 {left: 183.627px; z-index: 184;} .images60 .imagesViewRecall73 {left: 198.763px; z-index: 199;} .images60 .imagesViewRecall74 {left: 213.898px; z-index: 214;} .images60 .imagesViewRecall75 {left: 229.034px; z-index: 229;} .images60 .imagesViewRecall76 {left: 244.169px; z-index: 244;} .images60 .imagesViewRecall77 {left: 259.305px; z-index: 259;} .images60 .imagesViewRecall78 {left: 274.441px; z-index: 274;} .images60 .imagesViewRecall79 {left: 289.576px; z-index: 290;} .images60 .imagesViewRecall80 {left: 304.712px; z-index: 305;} .images60 .imagesViewRecall81 {left: 319.847px; z-index: 320;} .images60 .imagesViewRecall82 {left: 334.983px; z-index: 335;} .images60 .imagesViewRecall83 {left: 350.119px; z-index: 350;} .images60 .imagesViewRecall84 {left: 365.254px; z-index: 365;} .images60 .imagesViewRecall85 {left: 380.39px; z-index: 380;} .images60 .imagesViewRecall86 {left: 395.525px; z-index: 396;} .images60 .imagesViewRecall87 {left: 410.661px; z-index: 411;} .images60 .imagesViewRecall88 {left: 425.797px; z-index: 426;} .images60 .imagesViewRecall89 {left: 440.932px; z-index: 441;} .images60 .imagesViewRecall90 {left: 456.068px; z-index: 456;} .images60 .imagesViewRecall91 {left: 471.203px; z-index: 471;} .images60 .imagesViewRecall92 {left: 486.339px; z-index: 486;} .images60 .imagesViewRecall93 {left: 501.475px; z-index: 501;} .images60 .imagesViewRecall94 {left: 516.61px; z-index: 517;} .images60 .imagesViewRecall95 {left: 531.746px; z-index: 532;} .images60 .imagesViewRecall96 {left: 546.881px; z-index: 547;} .images60 .imagesViewRecall97 {left: 562.017px; z-index: 562;} .images60 .imagesViewRecall98 {left: 577.153px; z-index: 577;} .images60 .imagesViewRecall99 {left: 592.288px; z-index: 592;} .images60 .imagesViewRecall100 {left: 607.424px; z-index: 607;} .images60 .imagesViewRecall101 {left: 622.559px; z-index: 623;} .images60 .imagesViewRecall102 {left: 637.695px; z-index: 638;} .images60 .imagesViewRecall103 {left: 652.831px; z-index: 653;} .images60 .imagesViewRecall104 {left: 667.966px; z-index: 668;} .images60 .imagesViewRecall105 {left: 683.102px; z-index: 683;} .images60 .imagesViewRecall106 {left: 698.237px; z-index: 698;} .images60 .imagesViewRecall107 {left: 713.373px; z-index: 713;} .images60 .imagesViewRecall108 {left: 728.508px; z-index: 729;} .images60 .imagesViewRecall109 {left: 743.644px; z-index: 744;} .images60 .imagesViewRecall110 {left: 758.78px; z-index: 759;} .images60 .imagesViewRecall111 {left: 773.915px; z-index: 774;} .images60 .imagesViewRecall112 {left: 789.051px; z-index: 789;} .images60 .imagesViewRecall113 {left: 804.186px; z-index: 804;} .images60 .imagesViewRecall114 {left: 819.322px; z-index: 819;} .images60 .imagesViewRecall115 {left: 834.458px; z-index: 834;} .images60 .imagesViewRecall116 {left: 849.593px; z-index: 850;} .images60 .imagesViewRecall117 {left: 864.729px; z-index: 865;} .images60 .imagesViewRecall118 {left: 879.864px; z-index: 880;} .images60 .imagesViewRecall119 {left: 895px; z-index: 895;} .imagesViewRecallCursor { background-color: yellow; border: 1px solid black; height: 71px; position: absolute; width: 71px; } .images60 .imagesViewRecallCursor { height: 60px; width: 60px; } .imagesCorrect { border: 4px solid lime; } .imagesIncorrect { background-color: mistyrose; border: 4px dashed #f33; } .highContrast .imagesMemo, .highContrast .imagesRecall, .highContrast .imagesFullSize, .highContrast .imagesViewMemo, .highContrast .imagesViewRecall { filter: contrast(100); } /* NAMES */ .namesMemo { position: absolute; } .namesMemoPhoto { border: 1px solid white; height: 40px; } .namesMemoLeft0 , .namesMemoLeft1 , .namesMemoLeft2 , .namesMemoLeft3 , .namesMemoLeft4 , .namesMemoLeft5 , .namesMemoLeft6 , .namesMemoLeft7 { left: 16px; } .namesMemoLeft8 , .namesMemoLeft9 , .namesMemoLeft10 , .namesMemoLeft11 , .namesMemoLeft12 , .namesMemoLeft13 , .namesMemoLeft14 , .namesMemoLeft15 { left: 76px; } .namesMemoLeft16 , .namesMemoLeft17 , .namesMemoLeft18 , .namesMemoLeft19 , .namesMemoLeft20 , .namesMemoLeft21 , .namesMemoLeft22 , .namesMemoLeft23 { left: 136px; } .namesMemoLeft24 , .namesMemoLeft25 , .namesMemoLeft26 , .namesMemoLeft27 , .namesMemoLeft28 , .namesMemoLeft29 { left: 196px; } .namesMemoRight0 , .namesMemoRight1 , .namesMemoRight2 , .namesMemoRight3 , .namesMemoRight4 , .namesMemoRight5 , .namesMemoRight6 , .namesMemoRight7 { left: 720px; } .namesMemoRight8 , .namesMemoRight9 , .namesMemoRight10 , .namesMemoRight11 , .namesMemoRight12 , .namesMemoRight13 , .namesMemoRight14 , .namesMemoRight15 { left: 780px; } .namesMemoRight16 , .namesMemoRight17 , .namesMemoRight18 , .namesMemoRight19 , .namesMemoRight20 , .namesMemoRight21 , .namesMemoRight22 , .namesMemoRight23 { left: 840px; } .namesMemoRight24 , .namesMemoRight25 , .namesMemoRight26 , .namesMemoRight27 , .namesMemoRight28 , .namesMemoRight29 { left: 900px; } .namesMemoLeft0 , .namesMemoLeft8 , .namesMemoLeft16 , .namesMemoLeft24 , .namesMemoRight0 , .namesMemoRight8 , .namesMemoRight16 , .namesMemoRight24 { top: 20px; } .namesMemoLeft1 , .namesMemoLeft9 , .namesMemoLeft17 , .namesMemoLeft25 , .namesMemoRight1 , .namesMemoRight9 , .namesMemoRight17 , .namesMemoRight25 { top: 85px; } .namesMemoLeft2 , .namesMemoLeft10 , .namesMemoLeft18 , .namesMemoLeft26 , .namesMemoRight2 , .namesMemoRight10 , .namesMemoRight18 , .namesMemoRight26 { top: 150px; } .namesMemoLeft3 , .namesMemoLeft11 , .namesMemoLeft19 , .namesMemoLeft27 , .namesMemoRight3 , .namesMemoRight11 , .namesMemoRight19 , .namesMemoRight27 { top: 215px; } .namesMemoLeft4 , .namesMemoLeft12 , .namesMemoLeft20 , .namesMemoLeft28 , .namesMemoRight4 , .namesMemoRight12 , .namesMemoRight20 , .namesMemoRight28 { top: 280px; } .namesMemoLeft5 , .namesMemoLeft13 , .namesMemoLeft21 , .namesMemoLeft29 , .namesMemoRight5 , .namesMemoRight13 , .namesMemoRight21 , .namesMemoRight29 { top: 345px; } .namesMemoLeft6 , .namesMemoLeft14 , .namesMemoLeft22 , .namesMemoRight6 , .namesMemoRight14 , .namesMemoRight22 { top: 410px; } .namesMemoLeft7 , .namesMemoLeft15 , .namesMemoLeft23 , .namesMemoRight7 , .namesMemoRight15 , .namesMemoRight23 { top: 475px; } .poker .namesMemoLeft0 { left: 26px; top: 18px; } .poker .namesMemoLeft1 { left: 26px; top: 118px; } .poker .namesMemoLeft2 { left: 26px; top: 218px; } .poker .namesMemoLeft3 { left: 26px; top: 318px; } .poker .namesMemoLeft4 { left: 26px; top: 418px; } .poker .namesMemoRight0 { left: 888px; top: 18px; } .poker .namesMemoRight1 { left: 888px; top: 118px; } .poker .namesMemoRight2 { left: 888px; top: 218px; } .poker .namesMemoRight3 { left: 888px; top: 318px; } .poker .namesMemoRight4 { left: 888px; top: 418px; } .namesMemoPhotoMid { border: 5px solid white; height: 300px; left: 329px; top: 40px; } .poker .namesMemoPhotoMid { border: 4px solid white; height: 240px; left: 329px; top: 40px; } .namesMemoName { background-color: white; border-radius: 3px; color: rgba(0,0,0,0.87); cursor: pointer; font-size: 42%; margin-top: 42px; text-align: center; width: 40px; } .namesMemoNameMid { background-color: white; border-radius: 15px; font-size: 300%; margin-top: 315px; left: 329px; text-align: center; top: 40px; width: 300px; } .poker .namesMemoNameMid { background-color: white; border-radius: 12px; font-size: 240%; margin-top: 250px; left: 329px; text-align: center; top: 40px; width: 240px; } .namesViewMemo { transition: all 0.12s cubic-bezier(0.250, 0.460, 0.450, 0.940); } .namesViewMemoNameMid { height: 64px; padding-top: 21px; } .poker .namesViewMemoNameMid { height: 51px; padding-top: 17px; } .namesViewMemoNonMid { height: 13px; line-height: 1rem; } .poker .namesViewMemoNonMid { height: 12px; } .namesFullSize { border: 4px solid white; height: 270px; left: 664px; position: absolute; top: 2px; } .namesRecallPhoto { border: 2px solid white; cursor: pointer; height: 104px; position: absolute; user-select: none; } .namesRecall0, .namesRecall6, .namesRecall12, .namesRecall21 {left: 3px;} .namesRecall1, .namesRecall7, .namesRecall13, .namesRecall22 {left: 108.777777777778px;} .namesRecall2, .namesRecall8, .namesRecall14, .namesRecall23 {left: 214.555555555556px;} .namesRecall3, .namesRecall9, .namesRecall15, .namesRecall24 {left: 320.333333333333px;} .namesRecall4, .namesRecall10, .namesRecall16, .namesRecall25 {left: 426.111111111111px;} .namesRecall5, .namesRecall11, .namesRecall17, .namesRecall26 {left: 531.888888888889px;} .namesRecall18, .namesRecall27 {left: 637.666666666667px;} .namesRecall19, .namesRecall28 {left: 743.444444444445px;} .namesRecall20, .namesRecall29 {left: 849.222222222222px;} .namesRecall0 , .namesRecall1 , .namesRecall2 , .namesRecall3 , .namesRecall4 , .namesRecall5 { top: 6px; } .namesRecall6 , .namesRecall7 , .namesRecall8 , .namesRecall9 , .namesRecall10 , .namesRecall11 { top: 142px; } .namesRecall12 , .namesRecall13 , .namesRecall14 , .namesRecall15 , .namesRecall16 , .namesRecall17 , .namesRecall18 , .namesRecall19 , .namesRecall20 { top: 278px; } .namesRecall21 , .namesRecall22 , .namesRecall23 , .namesRecall24 , .namesRecall25 , .namesRecall26 , .namesRecall27 , .namesRecall28 , .namesRecall29 { top: 414px; } .poker .namesRecall0 { left: 147px; top: 30px; } .poker .namesRecall1 { left: 427px; top: 30px; } .poker .namesRecall2 { left: 707px; top: 30px; } .poker .namesRecall3 { left: 147px; top: 270px; } .poker .namesRecall4 { left: 427px; top: 270px; } .poker .namesRecall5 { left: 707px; top: 270px; } .namesRecallName { background-color: white; border-radius: 6px; color: rgba(0, 0, 0, 0.87); margin-left: 2px; margin-top: 106px; padding: 0.2em; position: absolute; text-align: center; width: 101.5px; } .namesRecallInput { background-color: transparent; border: 0; color: rgba(0, 0, 0, 0.87); font-size: 100%; outline: none; padding: 0; text-align: center; width: 95.5px; } .namesResultsPhoto { border: 2px solid white; height: 94px; position: absolute; } .namesResults0, .namesResults10, .namesResults20 {left: 3px;} .namesResults1, .namesResults11, .namesResults21 {left: 98.2px;} .namesResults2, .namesResults12, .namesResults22 {left: 193.4px;} .namesResults3, .namesResults13, .namesResults23 {left: 288.6px;} .namesResults4, .namesResults14, .namesResults24 {left: 383.8px;} .namesResults5, .namesResults15, .namesResults25 {left: 479px;} .namesResults6, .namesResults16, .namesResults26 {left: 574.2px;} .namesResults7, .namesResults17, .namesResults27 {left: 669.4px;} .namesResults8, .namesResults18, .namesResults28 {left: 764.6px;} .namesResults9, .namesResults19, .namesResults29 {left: 859.8px;} .namesResults0 , .namesResults1 , .namesResults2 , .namesResults3 , .namesResults4 , .namesResults5 , .namesResults6 , .namesResults7 , .namesResults8 , .namesResults9 { top: 22px; } .namesResults10 , .namesResults11 , .namesResults12 , .namesResults13 , .namesResults14 , .namesResults15 , .namesResults16 , .namesResults17 , .namesResults18 , .namesResults19 { top: 202px; } .namesResults20 , .namesResults21 , .namesResults22 , .namesResults23 , .namesResults24 , .namesResults25 , .namesResults26 , .namesResults27 , .namesResults28 , .namesResults29 { top: 382px; } .poker .namesResults0 { left: 147px; top: 30px; } .poker .namesResults1 { left: 427px; top: 30px; } .poker .namesResults2 { left: 707px; top: 30px; } .poker .namesResults3 { left: 147px; top: 270px; } .poker .namesResults4 { left: 427px; top: 270px; } .poker .namesResults5 { left: 707px; top: 270px; } .namesResultsName { background-color: white; border-radius: 6px; color: rgba(0,0,0,.87); font-size: 100%; margin-left: 2px; margin-top: 100px; position: absolute; text-align: center; width: 91px; } .namesResultsRecall { margin-top: 122px; min-height: 20px; } .namesCorrect { background-color: lime; box-shadow: 0 0 10px 6px lime inset; } .namesIncorrect { background-color: #f99; /* light red */ box-shadow: 0 0 10px 6px #f33 inset; } .namesViewCorrect { background-color: lime; box-shadow: 0 0 10px 2px lime inset; } .namesViewIncorrect { background-color: #f99; /* light red */ box-shadow: 0 0 10px 3px #f33 inset; } /* Note - keep this after namesViewIncorrect/namesViewCorrect */ .namesViewRecallCursor { background-color: #ff0; /* yellow */ } /* NUMBERS */ .numbersMemo { background-color: white; border-radius: 3px; color: rgba(0, 0, 0, 0.87); font-size: 90%; padding: 0.2em; position: absolute; width: 9em; text-align: center; } .moreNumbers .numbersMemo { outline: 1px solid gray; } .numbersMemoLeft0 , .numbersMemoLeft1 , .numbersMemoLeft2 , .numbersMemoLeft3 , .numbersMemoLeft4 , .numbersMemoLeft5 , .numbersMemoLeft6 , .numbersMemoLeft7 , .numbersMemoLeft8 , .numbersMemoLeft9 , .numbersMemoLeft10 , .numbersMemoLeft11 , .numbersMemoLeft12 , .numbersMemoLeft13 , .numbersMemoLeft14 , .numbersMemoLeft15 , .numbersMemoLeft16 , .numbersMemoLeft17 , .numbersMemoLeft18 , .numbersMemoLeft19 { left: 6px; } .numbersMemoLeft20 , .numbersMemoLeft21 , .numbersMemoLeft22 , .numbersMemoLeft23 , .numbersMemoLeft24 , .numbersMemoLeft25 , .numbersMemoLeft26 , .numbersMemoLeft27 , .numbersMemoLeft28 , .numbersMemoLeft29 , .numbersMemoLeft30 , .numbersMemoLeft31 , .numbersMemoLeft32 , .numbersMemoLeft33 , .numbersMemoLeft34 , .numbersMemoLeft35 , .numbersMemoLeft36 , .numbersMemoLeft37 , .numbersMemoLeft38 , .numbersMemoLeft39 { left: 128px; } .numbersMemoRight0 , .numbersMemoRight1 , .numbersMemoRight2 , .numbersMemoRight3 , .numbersMemoRight4 , .numbersMemoRight5 , .numbersMemoRight6 , .numbersMemoRight7 , .numbersMemoRight8 , .numbersMemoRight9 , .numbersMemoRight10 , .numbersMemoRight11 , .numbersMemoRight12 , .numbersMemoRight13 , .numbersMemoRight14 , .numbersMemoRight15 , .numbersMemoRight16 , .numbersMemoRight17 , .numbersMemoRight18 , .numbersMemoRight19 { left: 715px; } .numbersMemoRight20 , .numbersMemoRight21 , .numbersMemoRight22 , .numbersMemoRight23 , .numbersMemoRight24 , .numbersMemoRight25 , .numbersMemoRight26 , .numbersMemoRight27 , .numbersMemoRight28 , .numbersMemoRight29 , .numbersMemoRight30 , .numbersMemoRight31 , .numbersMemoRight32 , .numbersMemoRight33 , .numbersMemoRight34 , .numbersMemoRight35 , .numbersMemoRight36 , .numbersMemoRight37 , .numbersMemoRight38 , .numbersMemoRight39 { left: 837px; } .numbersMemoLeft0, .numbersMemoRight0, .numbersMemoLeft20, .numbersMemoRight20 {top: 18px} .numbersMemoLeft1, .numbersMemoRight1, .numbersMemoLeft21, .numbersMemoRight21 {top: 44px} .numbersMemoLeft2, .numbersMemoRight2, .numbersMemoLeft22, .numbersMemoRight22 {top: 70px} .numbersMemoLeft3, .numbersMemoRight3, .numbersMemoLeft23, .numbersMemoRight23 {top: 96px} .numbersMemoLeft4, .numbersMemoRight4, .numbersMemoLeft24, .numbersMemoRight24 {top: 122px} .numbersMemoLeft5, .numbersMemoRight5, .numbersMemoLeft25, .numbersMemoRight25 {top: 148px} .numbersMemoLeft6, .numbersMemoRight6, .numbersMemoLeft26, .numbersMemoRight26 {top: 174px} .numbersMemoLeft7, .numbersMemoRight7, .numbersMemoLeft27, .numbersMemoRight27 {top: 200px} .numbersMemoLeft8, .numbersMemoRight8, .numbersMemoLeft28, .numbersMemoRight28 {top: 226px} .numbersMemoLeft9, .numbersMemoRight9, .numbersMemoLeft29, .numbersMemoRight29 {top: 252px} .numbersMemoLeft10, .numbersMemoRight10, .numbersMemoLeft30, .numbersMemoRight30 {top: 278px} .numbersMemoLeft11, .numbersMemoRight11, .numbersMemoLeft31, .numbersMemoRight31 {top: 304px} .numbersMemoLeft12, .numbersMemoRight12, .numbersMemoLeft32, .numbersMemoRight32 {top: 330px} .numbersMemoLeft13, .numbersMemoRight13, .numbersMemoLeft33, .numbersMemoRight33 {top: 356px} .numbersMemoLeft14, .numbersMemoRight14, .numbersMemoLeft34, .numbersMemoRight34 {top: 382px} .numbersMemoLeft15, .numbersMemoRight15, .numbersMemoLeft35, .numbersMemoRight35 {top: 408px} .numbersMemoLeft16, .numbersMemoRight16, .numbersMemoLeft36, .numbersMemoRight36 {top: 434px} .numbersMemoLeft17, .numbersMemoRight17, .numbersMemoLeft37, .numbersMemoRight37 {top: 460px} .numbersMemoLeft18, .numbersMemoRight18, .numbersMemoLeft38, .numbersMemoRight38 {top: 486px} .numbersMemoLeft19, .numbersMemoRight19, .numbersMemoLeft39, .numbersMemoRight39 {top: 512px} .moreNumbers .numbersMemoLeft20 , .moreNumbers .numbersMemoLeft21 , .moreNumbers .numbersMemoLeft22 , .moreNumbers .numbersMemoLeft23 , .moreNumbers .numbersMemoLeft24 { left: 6px; } .moreNumbers .numbersMemoLeft40 , .moreNumbers .numbersMemoLeft41 , .moreNumbers .numbersMemoLeft42 , .moreNumbers .numbersMemoLeft43 , .moreNumbers .numbersMemoLeft44 , .moreNumbers .numbersMemoLeft45 , .moreNumbers .numbersMemoLeft46 , .moreNumbers .numbersMemoLeft47 , .moreNumbers .numbersMemoLeft48 , .moreNumbers .numbersMemoLeft49 { left: 128px; } .moreNumbers .numbersMemoRight20 , .moreNumbers .numbersMemoRight21 , .moreNumbers .numbersMemoRight22 , .moreNumbers .numbersMemoRight23 , .moreNumbers .numbersMemoRight24 { left: 715px; } .moreNumbers .numbersMemoRight40 , .moreNumbers .numbersMemoRight41 , .moreNumbers .numbersMemoRight42 , .moreNumbers .numbersMemoRight43 , .moreNumbers .numbersMemoRight44 , .moreNumbers .numbersMemoRight45 , .moreNumbers .numbersMemoRight46 , .moreNumbers .numbersMemoRight47 , .moreNumbers .numbersMemoRight48 , .moreNumbers .numbersMemoRight49 { left: 837px; } .moreNumbers .numbersMemoLeft0, .moreNumbers .numbersMemoRight0, .moreNumbers .numbersMemoLeft25, .moreNumbers .numbersMemoRight25 {top: 0px} .moreNumbers .numbersMemoLeft1, .moreNumbers .numbersMemoRight1, .moreNumbers .numbersMemoLeft26, .moreNumbers .numbersMemoRight26 {top: 22px} .moreNumbers .numbersMemoLeft2, .moreNumbers .numbersMemoRight2, .moreNumbers .numbersMemoLeft27, .moreNumbers .numbersMemoRight27 {top: 44px} .moreNumbers .numbersMemoLeft3, .moreNumbers .numbersMemoRight3, .moreNumbers .numbersMemoLeft28, .moreNumbers .numbersMemoRight28 {top: 66px} .moreNumbers .numbersMemoLeft4, .moreNumbers .numbersMemoRight4, .moreNumbers .numbersMemoLeft29, .moreNumbers .numbersMemoRight29 {top: 88px} .moreNumbers .numbersMemoLeft5, .moreNumbers .numbersMemoRight5, .moreNumbers .numbersMemoLeft30, .moreNumbers .numbersMemoRight30 {top: 110px} .moreNumbers .numbersMemoLeft6, .moreNumbers .numbersMemoRight6, .moreNumbers .numbersMemoLeft31, .moreNumbers .numbersMemoRight31 {top: 132px} .moreNumbers .numbersMemoLeft7, .moreNumbers .numbersMemoRight7, .moreNumbers .numbersMemoLeft32, .moreNumbers .numbersMemoRight32 {top: 154px} .moreNumbers .numbersMemoLeft8, .moreNumbers .numbersMemoRight8, .moreNumbers .numbersMemoLeft33, .moreNumbers .numbersMemoRight33 {top: 176px} .moreNumbers .numbersMemoLeft9, .moreNumbers .numbersMemoRight9, .moreNumbers .numbersMemoLeft34, .moreNumbers .numbersMemoRight34 {top: 198px} .moreNumbers .numbersMemoLeft10, .moreNumbers .numbersMemoRight10, .moreNumbers .numbersMemoLeft35, .moreNumbers .numbersMemoRight35 {top: 220px} .moreNumbers .numbersMemoLeft11, .moreNumbers .numbersMemoRight11, .moreNumbers .numbersMemoLeft36, .moreNumbers .numbersMemoRight36 {top: 242px} .moreNumbers .numbersMemoLeft12, .moreNumbers .numbersMemoRight12, .moreNumbers .numbersMemoLeft37, .moreNumbers .numbersMemoRight37 {top: 264px} .moreNumbers .numbersMemoLeft13, .moreNumbers .numbersMemoRight13, .moreNumbers .numbersMemoLeft38, .moreNumbers .numbersMemoRight38 {top: 286px} .moreNumbers .numbersMemoLeft14, .moreNumbers .numbersMemoRight14, .moreNumbers .numbersMemoLeft39, .moreNumbers .numbersMemoRight39 {top: 308px} .moreNumbers .numbersMemoLeft15, .moreNumbers .numbersMemoRight15, .moreNumbers .numbersMemoLeft40, .moreNumbers .numbersMemoRight40 {top: 330px} .moreNumbers .numbersMemoLeft16, .moreNumbers .numbersMemoRight16, .moreNumbers .numbersMemoLeft41, .moreNumbers .numbersMemoRight41 {top: 352px} .moreNumbers .numbersMemoLeft17, .moreNumbers .numbersMemoRight17, .moreNumbers .numbersMemoLeft42, .moreNumbers .numbersMemoRight42 {top: 374px} .moreNumbers .numbersMemoLeft18, .moreNumbers .numbersMemoRight18, .moreNumbers .numbersMemoLeft43, .moreNumbers .numbersMemoRight43 {top: 396px} .moreNumbers .numbersMemoLeft19, .moreNumbers .numbersMemoRight19, .moreNumbers .numbersMemoLeft44, .moreNumbers .numbersMemoRight44 {top: 418px} .moreNumbers .numbersMemoLeft20, .moreNumbers .numbersMemoRight20, .moreNumbers .numbersMemoLeft45, .moreNumbers .numbersMemoRight45 {top: 440px} .moreNumbers .numbersMemoLeft21, .moreNumbers .numbersMemoRight21, .moreNumbers .numbersMemoLeft46, .moreNumbers .numbersMemoRight46 {top: 462px} .moreNumbers .numbersMemoLeft22, .moreNumbers .numbersMemoRight22, .moreNumbers .numbersMemoLeft47, .moreNumbers .numbersMemoRight47 {top: 484px} .moreNumbers .numbersMemoLeft23, .moreNumbers .numbersMemoRight23, .moreNumbers .numbersMemoLeft48, .moreNumbers .numbersMemoRight48 {top: 506px} .moreNumbers .numbersMemoLeft24, .moreNumbers .numbersMemoRight24, .moreNumbers .numbersMemoLeft49, .moreNumbers .numbersMemoRight49 {top: 528px} .numbersMemoMid { font-size: 300%; left: 289px; top: 210px; } .numbersViewMemo { transition: all 0.12s cubic-bezier(0.250, 0.460, 0.450, 0.940); } .numbersViewMemoMid { height: 60px; padding-top: 21px; } .numbersGroup { margin-left: 0.2em; margin-right: 0.2em; } .numbersRecallTable { margin-top: 2em; width: auto; } .moreNumbers .numbersRecallTable { margin-top: 3px; } .numbersSudokuImage { margin: 3rem auto auto auto; } .numbersViewSudokuImage { margin: 1.3rem auto auto 18rem; } .numbersRecallTableSudoku { margin: 4.5rem auto auto auto; } .numbersViewRecallTableSudoku { margin: 1.5rem auto auto auto; pointer-events: none; } .numbersRecallSudoku { border: 1px solid gray; } .numbersRecallSudokuBorderBottom { border-bottom: 2px solid black; } .numbersRecallSudokuBorderLeft { border-left: 2px solid black; } .numbersRecallSudokuBorderRight { border-right: 2px solid black; } .numbersRecallSudokuBorderTop { border-top: 2px solid black; } .numbersRecallSudoku { cursor: pointer; height: 2em; text-align: center; width: 2em; } .numbersViewSudokuOriginal { color: green; font-size: 70%; margin: -4px; position: absolute; } .numbersRecallIndexRow { color: gainsboro; } .moreNumbers .numbersRecallIndex { font-size: 85%; } .numbersRecallIndexTiny { font-size: 80%; } .numbersRecallRow { background-color: white; font-size: 170%; line-height: 1rem; /* prevent numbers from increasing cell height */ } .moreNumbers .numbersRecallRow { font-size: 126%; } .numbersRecall { border-left: 2px solid gray; border-right: 2px solid gray; color: rgba(0, 0, 0, 0.87); cursor: pointer; height: 1.8em; text-align: center; width: 1.8em; } .numbersRecallRandomAccess { cursor: inherit; } .numbersRecall:not(.numbersRecallRandomAccess):hover { background-color: lemonchiffon; } .numbersRecallSelected, .numbersRecallSelected:hover { background-color: #ff0; cursor: default; } .numbersRecallButton { font-size: 180% !important; padding: 0.46em !important; position: absolute; top: 450px; width: 4rem; } .numbersRecallButtonRow1 { top: 390px; } .numbersRecallButtonRow2 { top: 450px; } .numbersShiftLeftButton { left: 724px; } .numbersShiftRightButton { left: 790px; } .cardsShiftButton { font-size: 180% !important; padding: 0.46em !important; position: absolute; top: 445px; width: 4rem; } .cardsShiftLeftButton { left: 824px; } .cardsShiftRightButton { left: 890px; } .numbersResultsMini { font-size: 48.49%; } .numbersResultsTable { background-color: white; font-size: 170%; margin-top: 1.5em; line-height: 1em; width: auto; } .moreNumbers .numbersResultsTable { font-size: 131%; margin-top: 0; } .numbersResults { border: 2px solid gray; color: rgba(0,0,0,.87); height: 1.8em; text-align: center; width: 1.8em; } .numbersCorrect { background-color: lime; box-shadow: 0 0 10px 6px lime inset; } .numbersIncorrect { background-color: #f99; /* light red */ box-shadow: 0 0 10px 6px #f33 inset; } .numbersViewTd { border: 1px solid gray; height: 1.8em; text-align: center; width: 1.8em; } .moreNumbers .numbersViewTd { width: 1.3em; } .numbersViewCorrect { background-color: lime; box-shadow: 0 0 0 1px lime inset; } .numbersViewIncorrect { background-color: #f99; /* light red */ box-shadow: 0 0 0 1px #f33 inset; } /* Note - keep this after numbersCorrect/numbersIncorrect */ .numbersViewRecallCursor { background-color: yellow; } .wordsMemo { background-color: white; border-radius: 3px; color: rgba(0, 0, 0, 0.87); font-size: 70%; min-height: 1.85em; padding: 0.2em; position: absolute; width: 6.5em; text-align: center; } .longWords .wordsMemo { font-size: 65%; width: 8em; } .wordsMemoNum { color: rgba(0, 0, 0, 0.87); font-size: 70%; margin-left: -1.7em; padding-top: 0.2em; position: absolute; } .outOfOrder .wordsMemoNum { background-color: white; border-radius: 0.15rem; margin-left: -2.2em; padding-bottom: 0.2em; padding-left: 0.3em; padding-right: 0.2em; width: 1.9em; } .wordsMemoLeft0 , .wordsMemoLeft1 , .wordsMemoLeft2 , .wordsMemoLeft3 , .wordsMemoLeft4 , .wordsMemoLeft5 , .wordsMemoLeft6 , .wordsMemoLeft7 , .wordsMemoLeft8 , .wordsMemoLeft9 , .wordsMemoLeft10 , .wordsMemoLeft11 , .wordsMemoLeft12 , .wordsMemoLeft13 , .wordsMemoLeft14 , .wordsMemoLeft15 , .wordsMemoLeft16 { left: 18px; } .wordsMemoLeft17 , .wordsMemoLeft18 , .wordsMemoLeft19 , .wordsMemoLeft20 , .wordsMemoLeft21 , .wordsMemoLeft22 , .wordsMemoLeft23 , .wordsMemoLeft24 , .wordsMemoLeft25 , .wordsMemoLeft26 , .wordsMemoLeft27 , .wordsMemoLeft28 , .wordsMemoLeft29 , .wordsMemoLeft30 , .wordsMemoLeft31 , .wordsMemoLeft32 , .wordsMemoLeft33 { left: 108px; } .wordsMemoLeft34 , .wordsMemoLeft35 , .wordsMemoLeft36 , .wordsMemoLeft37 , .wordsMemoLeft38 , .wordsMemoLeft39 , .wordsMemoLeft40 , .wordsMemoLeft41 , .wordsMemoLeft42 , .wordsMemoLeft43 , .wordsMemoLeft44 , .wordsMemoLeft45 , .wordsMemoLeft46 , .wordsMemoLeft47 , .wordsMemoLeft48 , .wordsMemoLeft49 { left: 198px; } .wordsMemoRight0 , .wordsMemoRight1 , .wordsMemoRight2 , .wordsMemoRight3 , .wordsMemoRight4 , .wordsMemoRight5 , .wordsMemoRight6 , .wordsMemoRight7 , .wordsMemoRight8 , .wordsMemoRight9 , .wordsMemoRight10 , .wordsMemoRight11 , .wordsMemoRight12 , .wordsMemoRight13 , .wordsMemoRight14 , .wordsMemoRight15 , .wordsMemoRight16 { left: 706px; } .wordsMemoRight17 , .wordsMemoRight18 , .wordsMemoRight19 , .wordsMemoRight20 , .wordsMemoRight21 , .wordsMemoRight22 , .wordsMemoRight23 , .wordsMemoRight24 , .wordsMemoRight25 , .wordsMemoRight26 , .wordsMemoRight27 , .wordsMemoRight28 , .wordsMemoRight29 , .wordsMemoRight30 , .wordsMemoRight31 , .wordsMemoRight32 , .wordsMemoRight33 { left: 796px; } .wordsMemoRight34 , .wordsMemoRight35 , .wordsMemoRight36 , .wordsMemoRight37 , .wordsMemoRight38 , .wordsMemoRight39 , .wordsMemoRight40 , .wordsMemoRight41 , .wordsMemoRight42 , .wordsMemoRight43 , .wordsMemoRight44 , .wordsMemoRight45 , .wordsMemoRight46 , .wordsMemoRight47 , .wordsMemoRight48 , .wordsMemoRight49 { left: 886px; } .wordsMemoLeft0, .wordsMemoRight0 {top: 30px} .wordsMemoLeft1, .wordsMemoRight1 {top: 60px} .wordsMemoLeft2, .wordsMemoRight2 {top: 90px} .wordsMemoLeft3, .wordsMemoRight3 {top: 120px} .wordsMemoLeft4, .wordsMemoRight4 {top: 150px} .wordsMemoLeft5, .wordsMemoRight5 {top: 180px} .wordsMemoLeft6, .wordsMemoRight6 {top: 210px} .wordsMemoLeft7, .wordsMemoRight7 {top: 240px} .wordsMemoLeft8, .wordsMemoRight8 {top: 270px} .wordsMemoLeft9, .wordsMemoRight9 {top: 300px} .wordsMemoLeft10, .wordsMemoRight10 {top: 330px} .wordsMemoLeft11, .wordsMemoRight11 {top: 360px} .wordsMemoLeft12, .wordsMemoRight12 {top: 390px} .wordsMemoLeft13, .wordsMemoRight13 {top: 420px} .wordsMemoLeft14, .wordsMemoRight14 {top: 450px} .wordsMemoLeft15, .wordsMemoRight15 {top: 480px} .wordsMemoLeft16, .wordsMemoRight16 {top: 510px} .wordsMemoLeft17, .wordsMemoRight17 {top: 30px} .wordsMemoLeft18, .wordsMemoRight18 {top: 60px} .wordsMemoLeft19, .wordsMemoRight19 {top: 90px} .wordsMemoLeft20, .wordsMemoRight20 {top: 120px} .wordsMemoLeft21, .wordsMemoRight21 {top: 150px} .wordsMemoLeft22, .wordsMemoRight22 {top: 180px} .wordsMemoLeft23, .wordsMemoRight23 {top: 210px} .wordsMemoLeft24, .wordsMemoRight24 {top: 240px} .wordsMemoLeft25, .wordsMemoRight25 {top: 270px} .wordsMemoLeft26, .wordsMemoRight26 {top: 300px} .wordsMemoLeft27, .wordsMemoRight27 {top: 330px} .wordsMemoLeft28, .wordsMemoRight28 {top: 360px} .wordsMemoLeft29, .wordsMemoRight29 {top: 390px} .wordsMemoLeft30, .wordsMemoRight30 {top: 420px} .wordsMemoLeft31, .wordsMemoRight31 {top: 450px} .wordsMemoLeft32, .wordsMemoRight32 {top: 480px} .wordsMemoLeft33, .wordsMemoRight33 {top: 510px} .wordsMemoLeft34, .wordsMemoRight34 {top: 30px} .wordsMemoLeft35, .wordsMemoRight35 {top: 60px} .wordsMemoLeft36, .wordsMemoRight36 {top: 90px} .wordsMemoLeft37, .wordsMemoRight37 {top: 120px} .wordsMemoLeft38, .wordsMemoRight38 {top: 150px} .wordsMemoLeft39, .wordsMemoRight39 {top: 180px} .wordsMemoLeft40, .wordsMemoRight40 {top: 210px} .wordsMemoLeft41, .wordsMemoRight41 {top: 240px} .wordsMemoLeft42, .wordsMemoRight42 {top: 270px} .wordsMemoLeft43, .wordsMemoRight43 {top: 300px} .wordsMemoLeft44, .wordsMemoRight44 {top: 330px} .wordsMemoLeft45, .wordsMemoRight45 {top: 360px} .wordsMemoLeft46, .wordsMemoRight46 {top: 390px} .wordsMemoLeft47, .wordsMemoRight47 {top: 420px} .wordsMemoLeft48, .wordsMemoRight48 {top: 450px} .wordsMemoLeft49, .wordsMemoRight49 {top: 480px} .wordsMemoMid1Of1 , .wordsMemoMid1Of2 , .wordsMemoMid2Of2 , .wordsMemoMid1Of3 , .wordsMemoMid2Of3 , .wordsMemoMid3Of3 , .wordsMemoMid1Of4 , .wordsMemoMid2Of4 , .wordsMemoMid3Of4 , .wordsMemoMid4Of4 , .wordsMemoMid1Of5 , .wordsMemoMid2Of5 , .wordsMemoMid3Of5 , .wordsMemoMid4Of5 , .wordsMemoMid5Of5 { font-size: 300%; left: 380px; } .longWords .wordsMemoMid1Of1 , .longWords .wordsMemoMid1Of2 , .longWords .wordsMemoMid2Of2 , .longWords .wordsMemoMid1Of3 , .longWords .wordsMemoMid2Of3 , .longWords .wordsMemoMid3Of3 , .longWords .wordsMemoMid1Of4 , .longWords .wordsMemoMid2Of4 , .longWords .wordsMemoMid3Of4 , .longWords .wordsMemoMid4Of4 , .longWords .wordsMemoMid1Of5 , .longWords .wordsMemoMid2Of5 , .longWords .wordsMemoMid3Of5 , .longWords .wordsMemoMid4Of5 , .longWords .wordsMemoMid5Of5 { font-size: 270%; } .wordsMemoMid1Of1 {top: 210px} .wordsMemoMid1Of2 {top: 160px} .wordsMemoMid2Of2 {top: 260px} .wordsMemoMid1Of3 {top: 120px} .wordsMemoMid2Of3 {top: 220px} .wordsMemoMid3Of3 {top: 320px} .wordsMemoMid1Of4 {top: 40px} .wordsMemoMid2Of4 {top: 140px} .wordsMemoMid3Of4 {top: 240px} .wordsMemoMid4Of4 {top: 340px} .wordsMemoMid1Of5 {top: 10px} .wordsMemoMid2Of5 {top: 95px} .wordsMemoMid3Of5 {top: 180px} .wordsMemoMid4Of5 {top: 265px} .wordsMemoMid5Of5 {top: 350px} .wordsViewMemoMid { height: 76px; padding-top: 26px; } .wordsViewMemoNonMid { height: 21px; } .wordsViewMemo { transition: all 0.12s cubic-bezier(0.250, 0.460, 0.450, 0.940); } .wordsRecallNum { color: #555; font-size: 140%; margin-left: -1.7em; padding-top: 0.32em; position: absolute; } .outOfOrder .wordsRecallNum { color: #333; } .wordsRecall0 , .wordsRecall1 , .wordsRecall2 , .wordsRecall3 , .wordsRecall4 , .wordsRecall5 , .wordsRecall6 , .wordsRecall7 , .wordsRecall8 , .wordsRecall9 { left: 36px; } .wordsRecall10 , .wordsRecall11 , .wordsRecall12 , .wordsRecall13 , .wordsRecall14 , .wordsRecall15 , .wordsRecall16 , .wordsRecall17 , .wordsRecall18 , .wordsRecall19 { left: 228px; } .wordsRecall20 , .wordsRecall21 , .wordsRecall22 , .wordsRecall23 , .wordsRecall24 , .wordsRecall25 , .wordsRecall26 , .wordsRecall27 , .wordsRecall28 , .wordsRecall29 { left: 422px; } .wordsRecall30 , .wordsRecall31 , .wordsRecall32 , .wordsRecall33 , .wordsRecall34 , .wordsRecall35 , .wordsRecall36 , .wordsRecall37 , .wordsRecall38 , .wordsRecall39 { left: 612px; } .wordsRecall40 , .wordsRecall41 , .wordsRecall42 , .wordsRecall43 , .wordsRecall44 , .wordsRecall45 , .wordsRecall46 , .wordsRecall47 , .wordsRecall48 , .wordsRecall49 { left: 804px; } .wordsRecall0 , .wordsRecall10 , .wordsRecall20 , .wordsRecall30 , .wordsRecall40 { top: 40px; } .wordsRecall1 , .wordsRecall11 , .wordsRecall21 , .wordsRecall31 , .wordsRecall41 { top: 90px; } .wordsRecall2 , .wordsRecall12 , .wordsRecall22 , .wordsRecall32 , .wordsRecall42 { top: 140px; } .wordsRecall3 , .wordsRecall13 , .wordsRecall23 , .wordsRecall33 , .wordsRecall43 { top: 190px; } .wordsRecall4 , .wordsRecall14 , .wordsRecall24 , .wordsRecall34 , .wordsRecall44 { top: 240px; } .wordsRecall5 , .wordsRecall15 , .wordsRecall25 , .wordsRecall35 , .wordsRecall45 { top: 290px; } .wordsRecall6 , .wordsRecall16 , .wordsRecall26 , .wordsRecall36 , .wordsRecall46 { top: 340px; } .wordsRecall7 , .wordsRecall17 , .wordsRecall27 , .wordsRecall37 , .wordsRecall47 { top: 390px; } .wordsRecall8 , .wordsRecall18 , .wordsRecall28 , .wordsRecall38 , .wordsRecall48 { top: 440px; } .wordsRecall9 , .wordsRecall19 , .wordsRecall29 , .wordsRecall39 , .wordsRecall49 { top: 490px; } .wordsRecall { background-color: white; color: rgba(0, 0, 0, 0.87); position: absolute; width: 6.9em; border-radius: 3px; font-size: 150%; padding: 0.2em; } .longWords .wordsRecall { font-size: 135%; width: 8em; } .wordsRecallInput { background-color: transparent; border: 0; outline: none; text-align: center; width: 6.8em; } .longWords .wordsRecallInput { width: 7.7em; } .wordsFlightsRecallInput { background-color: white; border: 1px solid silver; border-radius: 4px; color: rgba(0,0,0,0.87); outline: none; padding: 4px 10px; width: 6em; } .wordsMemocoinsRecallInput { background-color: white; border: 1px solid silver; border-radius: 4px; color: rgba(0,0,0,0.87); outline: none; padding: 4px 10px; text-align: right; width: 7em; } .wordsResultNum { font-size: 90%; margin-left: -2em; padding-top: 0.2em; position: absolute; } .wordsResultMemo { background-color: white; border-radius: 3px; color: rgba(0,0,0,.87); font-size: 90%; min-height: 1.85em; padding: 0.2em; position: absolute; text-align: center; width: 7em; } .longWords .wordsResultMemo { font-size: 80%; width: 8em; } .wordsResultMemo0 , .wordsResultMemo1 , .wordsResultMemo2 , .wordsResultMemo3 , .wordsResultMemo4 , .wordsResultMemo5 , .wordsResultMemo6 , .wordsResultMemo7 , .wordsResultMemo8 , .wordsResultMemo9 , .wordsResultMemo10 , .wordsResultMemo11 , .wordsResultMemo12 , .wordsResultMemo13 , .wordsResultMemo14 , .wordsResultMemo15 , .wordsResultMemo16 { left: 80px; } .wordsResultMemo17 , .wordsResultMemo18 , .wordsResultMemo19 , .wordsResultMemo20 , .wordsResultMemo21 , .wordsResultMemo22 , .wordsResultMemo23 , .wordsResultMemo24 , .wordsResultMemo25 , .wordsResultMemo26 , .wordsResultMemo27 , .wordsResultMemo28 , .wordsResultMemo29 , .wordsResultMemo30 , .wordsResultMemo31 , .wordsResultMemo32 , .wordsResultMemo33 { left: 395px; } .wordsResultMemo34 , .wordsResultMemo35 , .wordsResultMemo36 , .wordsResultMemo37 , .wordsResultMemo38 , .wordsResultMemo39 , .wordsResultMemo40 , .wordsResultMemo41 , .wordsResultMemo42 , .wordsResultMemo43 , .wordsResultMemo44 , .wordsResultMemo45 , .wordsResultMemo46 , .wordsResultMemo47 , .wordsResultMemo48 , .wordsResultMemo49 { left: 710px; } .wordsResultMemo0 , .wordsResultMemo17 , .wordsResultMemo34 , .wordsResultRecall0 , .wordsResultRecall17 , .wordsResultRecall34 { top: 30px; } .wordsResultMemo1 , .wordsResultMemo18 , .wordsResultMemo35 , .wordsResultRecall1 , .wordsResultRecall18 , .wordsResultRecall35 { top: 59px; } .wordsResultMemo2 , .wordsResultMemo19 , .wordsResultMemo36 , .wordsResultRecall2 , .wordsResultRecall19 , .wordsResultRecall36 { top: 88px; } .wordsResultMemo3 , .wordsResultMemo20 , .wordsResultMemo37 , .wordsResultRecall3 , .wordsResultRecall20 , .wordsResultRecall37 { top: 117px; } .wordsResultMemo4 , .wordsResultMemo21 , .wordsResultMemo38 , .wordsResultRecall4 , .wordsResultRecall21 , .wordsResultRecall38 { top: 146px; } .wordsResultMemo5 , .wordsResultMemo22 , .wordsResultMemo39 , .wordsResultRecall5 , .wordsResultRecall22 , .wordsResultRecall39 { top: 175px; } .wordsResultMemo6 , .wordsResultMemo23 , .wordsResultMemo40 , .wordsResultRecall6 , .wordsResultRecall23 , .wordsResultRecall40 { top: 204px; } .wordsResultMemo7 , .wordsResultMemo24 , .wordsResultMemo41 , .wordsResultRecall7 , .wordsResultRecall24 , .wordsResultRecall41 { top: 233px; } .wordsResultMemo8 , .wordsResultMemo25 , .wordsResultMemo42 , .wordsResultRecall8 , .wordsResultRecall25 , .wordsResultRecall42 { top: 262px; } .wordsResultMemo9 , .wordsResultMemo26 , .wordsResultMemo43 , .wordsResultRecall9 , .wordsResultRecall26 , .wordsResultRecall43 { top: 291px; } .wordsResultMemo10 , .wordsResultMemo27 , .wordsResultMemo44 , .wordsResultRecall10 , .wordsResultRecall27 , .wordsResultRecall44 { top: 320px; } .wordsResultMemo11 , .wordsResultMemo28 , .wordsResultMemo45 , .wordsResultRecall11 , .wordsResultRecall28 , .wordsResultRecall45 { top: 349px; } .wordsResultMemo12 , .wordsResultMemo29 , .wordsResultMemo46 , .wordsResultRecall12 , .wordsResultRecall29 , .wordsResultRecall46 { top: 378px; } .wordsResultMemo13 , .wordsResultMemo30 , .wordsResultMemo47 , .wordsResultRecall13 , .wordsResultRecall30 , .wordsResultRecall47 { top: 407px; } .wordsResultMemo14 , .wordsResultMemo31 , .wordsResultMemo48 , .wordsResultRecall14 , .wordsResultRecall31 , .wordsResultRecall48 { top: 436px; } .wordsResultMemo15 , .wordsResultMemo32 , .wordsResultMemo49 , .wordsResultRecall15 , .wordsResultRecall32 , .wordsResultRecall49 { top: 465px; } .wordsResultMemo16 , .wordsResultMemo33 , .wordsResultRecall16 , .wordsResultRecall33 { top: 494px; } .wordsResultRecall { background-color: white; border-radius: 3px; color: rgba(0,0,0,.87); font-size: 85%; min-height: 1.85em; padding: 0.2em; position: absolute; text-align: center; width: 7em; } .longWords .wordsResultRecall { font-size: 80%; width: 8em; } .wordsResultRecall0 , .wordsResultRecall1 , .wordsResultRecall2 , .wordsResultRecall3 , .wordsResultRecall4 , .wordsResultRecall5 , .wordsResultRecall6 , .wordsResultRecall7 , .wordsResultRecall8 , .wordsResultRecall9 , .wordsResultRecall10 , .wordsResultRecall11 , .wordsResultRecall12 , .wordsResultRecall13 , .wordsResultRecall14 , .wordsResultRecall15 , .wordsResultRecall16 { left: 180px; } .wordsResultRecall17 , .wordsResultRecall18 , .wordsResultRecall19 , .wordsResultRecall20 , .wordsResultRecall21 , .wordsResultRecall22 , .wordsResultRecall23 , .wordsResultRecall24 , .wordsResultRecall25 , .wordsResultRecall26 , .wordsResultRecall27 , .wordsResultRecall28 , .wordsResultRecall29 , .wordsResultRecall30 , .wordsResultRecall31 , .wordsResultRecall32 , .wordsResultRecall33 { left: 495px; } .wordsResultRecall34 , .wordsResultRecall35 , .wordsResultRecall36 , .wordsResultRecall37 , .wordsResultRecall38 , .wordsResultRecall39 , .wordsResultRecall40 , .wordsResultRecall41 , .wordsResultRecall42 , .wordsResultRecall43 , .wordsResultRecall44 , .wordsResultRecall45 , .wordsResultRecall46 , .wordsResultRecall47 , .wordsResultRecall48 , .wordsResultRecall49 { left: 810px; } .wordsViewFlightItem { background-color: white; border: 1px solid silver; border-radius: 4px; color: rgba(0,0,0,.87); display: inline-block; height: 30px; margin-right: 1rem; padding: 4px 10px; vertical-align: top; width: 6em; } .wordsViewMemocoinsItem { background-color: white; border: 1px solid silver; border-radius: 4px; color: rgba(0,0,0,.87); display: inline-block; height: 30px; margin-right: 1rem; padding: 4px 10px; text-align: right; vertical-align: top; width: 7em; } .wordsViewMemocoinsOrig { color: rgba(0,0,0,.87); display: inline-block; padding-top: 5px; text-align: right; width: 7em; } .wordsCorrect { background-color: lightgreen; } .wordsIncorrect { background-color: #fcc; /* light red */ box-shadow: 0 0 10px 6px #f55 inset; } .wordsViewCorrect { background-color: lime; box-shadow: 0 0 10px 2px lime inset; } .wordsViewIncorrect { background-color: #f99; /* light red */ box-shadow: 0 0 10px 3px #f33 inset; } /* Note - keep this after wordsViewCorrect/wordsViewIncorrect */ .wordsViewRecallCursor { background-color: yellow; } .wordsBadTrans { color: whitesmoke; cursor: pointer; position: absolute; left: 715px; text-decoration: underline; top: 498px; } .matchTypeCard { background-color: #e0e1e2 !important; color: rgba(0,0,0,0.87); border: 1px solid gray !important; min-height: 100px !important; } .friendlyAgreed, .dark .friendlyAgreed { background-color: rgba(144,238,144,1) !important; } .ratingAgreed, .dark .ratingAgreed { background-color: rgba(245,176,49,1) !important; } .leagueAgreed, .dark .leagueAgreed { background-color: lightskyblue !important; } .aeoAgreed, .dark .aeoAgreed { background-color: #9cccfa !important; } .aooAgreed, .dark .aooAgreed { background-color: #bceac7 !important; } .paoAgreed, .dark .paoAgreed { background-color: #f4bebe !important; } .worldAgreed, .dark .worldAgreed { background-color: #d8a5f7 !important; } .matchTypeCompetitor { font-weight: bold; } .bold { font-weight: bold; } .setScoresTable { background-color: rgba(33, 133, 208, 0.15) !important; float: right; margin-top: -5px !important; } .readyBase { transition: all cubic-bezier(.64,.21,.3,.89) 0.8s !important; margin-left: 0; } .readyHide { margin-left: -6000px !important; } .ui.dimmer { z-index: 100000; /* Increase z-index on Semantic UI dimmer to cover cards */ } .eventNameCards { color: #db2828 !important; } .eventNameImages { color: #fbbd08 !important; } .eventNameInternationalNames { color: #b5cc18 !important; } .eventNameNames { color: #21ba45 !important; } .eventNameNumbers { color: #2185d0 !important; } .eventNameWords { color: #a333c8 !important; } .eventNameSurprise { color: #f2711c !important; } .negativePoints { color: red; } .positivePoints { color: green; } .resultsCompetitorBox { border: 2px solid black; background-color: blanchedalmond; background: linear-gradient(to bottom, #fff4e3, blanchedalmond); border-radius: 3px; color: #000; height: 104px; } .resultsCompetitorBoxWinner { background-color: lemonchiffon !important; background: linear-gradient(to bottom, #fefcea, lemonchiffon); } .resultsCompetitorBoxLoser { background-color: #f2dede !important; background: linear-gradient(to bottom, #f2e4e4, #f2dede); } .resultsCompetitorName { font-size: 28px; font-weight: bold; margin-left: 1.4rem; margin-top: 0.5em; } .resultsScoreRow { margin-left: 1.4rem; margin-top: 2em; } .resultsLabel { font-size: 20px; } .resultsScore { display: inline-block; font-size: 26px; margin-left: 0.2em; width: 4rem; } .resultsTime { display: inline-block; font-size: 26px; margin-left: 0.2em; width: 4em; } .resultsPercent { display: inline-block; font-size: 26px; margin-left: 0.2em; } .resultsContainer { background-color: gray; border: 2px solid black; height: 268px; overflow: hidden; } .resultsMini { transform: scale(0.4849); transform-origin: top left; } .resultsMessage { font-size: 18px; } .viewScoreRow { margin-top: 1.5rem; } .viewLabel { font-size: 15px; } .viewScore { display: inline-block; font-size: 21px; margin-left: 0.2em; width: 3rem; } .viewTime { display: inline-block; font-size: 21px; margin-left: 0.2em; width: 4em; } .viewPercent { display: inline-block; font-size: 21px; margin-left: 0.2em; } .viewContainer { background-color: gray !important; border-radius: 0 !important; cursor: zoom-in; height: 209px; padding: 0 !important; overflow: hidden; } .zoomoutCursor { cursor: zoom-out; } .viewMini { color: rgba(0,0,0,0.87); transform: scale(0.3776); transform-origin: top left; transition: all cubic-bezier(.64,.21,.3,.89) 0.5s; /* Prevent viewMini from limiting sudoku image size */ height: 200%; width: 200%; } .viewNumbersMini { color: rgba(0,0,0,0.87); font-size: 37.76%; transform-origin: top left; transition: all cubic-bezier(.64,.21,.3,.89) 0.5s; } .viewMessage { font-size: 16px; line-height: 1.6rem; padding-top: 0 !important; padding-bottom: 0.4rem !important; } .won { color: limegreen; } .lost { color: red; } .drew { color: orange; } a[ng-click] { cursor: pointer; } .greenGlow { background-color: green !important; border-color: darkgreen; border-radius: 3px; color: lightgray !important; -webkit-animation: greenGlow 1s ease-in-out infinite; animation: greenGlow 1s ease-in-out infinite; } .greenGlow:hover { color: white !important; } @keyframes greenGlow { 0% { box-shadow: 0 0 0px rgba(0,0,0,0); } 50% { box-shadow: 0 0 20px #aaf; } 100% { box-shadow: 0 0 0px rgba(0,0,0,0); } } .homeGlow { background-color: rgba(0,181,173,0.5) !important; border-color: #2e8282; border-radius: 3px; color: lightgray !important; animation: homeGlow 1s ease-in-out infinite; } .homeGlow:hover { color: white !important; } @keyframes homeGlow { 0% { box-shadow: 0 0 0px rgba(0,0,0,0); } 50% { box-shadow: 0 0 20px rgba(0,181,173,0.5); } 100% { box-shadow: 0 0 0px rgba(0,0,0,0); } } .orangeGlow { background-color: rgba(255,140,0,0.5) !important; border-color: orange; border-radius: 3px; color: lightgray !important; -webkit-animation: orangeGlow 1s ease-in-out infinite; animation: orangeGlow 1s ease-in-out infinite; } .orangeGlow:hover { color: white !important; } @keyframes orangeGlow { 0% { box-shadow: 0 0 0px rgba(0,0,0,0); } 50% { box-shadow: 0 0 20px rgba(255,140,0,0.5); } 100% { box-shadow: 0 0 0px rgba(0,0,0,0); } } /* highlightGlow animation is similar to Semantic's glow */ .transition.highlightGlow { animation-duration: 2s; animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1); } .transition.highlightGlow { animation-name: highlightGlow; } @keyframes highlightGlow { 0%{background-color: yellow} 100%{background-color: #fcfcfd} } .badWordSelect { outline: none; padding: 5px 8px; } .badWordComments { border: 1px solid silver; border-radius: 3px; outline: none; padding: 5px 8px; width: 24em; } .prefNotes { color: gray; margin-left: 2rem; } .memoReturn { left: 355px; position: absolute; top: 460px; } .memoPrev { left: 440px; position: absolute; top: 460px; } .memoNext { left: 525px; position: absolute; top: 460px; } .continue { margin-left: 0.4rem !important; } .ui.statistics .statistic>.value { font-size: 1.4rem!important; } .ui.top.attached.label.perfLabel { font-size: 100% !important; } .ui.top.attached.label.perfLabel:first-child+:not(.attached) { margin-top: 2.2rem !important; } .ui.statistics .statistic>.label { padding-bottom: 0.4rem; text-transform: none; } .groupHeading { margin-top: 1.4rem !important; } .groupHeading>a:hover { text-decoration: underline; } .groupsPhoto { cursor: pointer; max-height: 33px; } .finalist { background-color: rgba(144, 238, 144, 0.25); } .maybeFinalist { background-color: rgba(255, 255, 0, 0.1); } .numeric { text-align: right !important; padding-right: 3em !important; } .numeric2em { text-align: right !important; padding-right: 2em !important; } .center { text-align: center !important; } .seed { color: chocolate; } .finalsOverlay { opacity: 0; } .finalsOverlay:hover { cursor: pointer; opacity: 0.2; } .noLeftBorder { border-left: 0 !important; } .noRightBorder { border-right: 0 !important; } .noPadding { padding: 0 !important; } .noTopPadding { padding-top: 0 !important; } .noVerticalPadding { padding-bottom: 0 !important; padding-top: 0 !important; } .matchWinner { background-color: rgba(255, 250, 205, 0.5) !important; } .matchDrawer { background-color: blanchedalmond !important; } .bestScoresWRDiv { background-color: #dff0d8; color: rgba(0,0,0,.87); margin-top: -0.8rem; padding: 5px 0 5px 10px; width: 70%; } .bestScoresWR { color: green; font-weight: bold; padding-left: 0.5em; } .bestScoresWRNotes { color: gray; padding-left: 0.5em; } .bestScoresTable { width: 70% !important; } .mlLink { color: #4183C4; cursor: pointer; } .mlLinkDark { color: #23527c; cursor: pointer; } .mlLink:hover, .mlLinkDark:hover { color: #23527c; text-decoration: underline; } .svgLink { fill: rgba(0,0,0,0.87); cursor: pointer; } .svgLink:hover { fill: #23527c; text-decoration: underline; } .svgSeed { fill: chocolate; font-size: 8px; } .competitorBox { border: 1px solid gray; background-color: rgba(242, 113, 28, 0.9) !important; border-radius: 3px; box-shadow: 0 1px 2px 0 rgba(34,36,38,.15); color: #000; height: 104px; transition: all cubic-bezier(.64,.21,.3,.89) 0.5s; } .competitorBoxWinner { background-color: rgba(251, 189, 8, 0.9) !important; margin-bottom: 0.6em !important; margin-top: -0.6em !important; } .competitorBoxLoser { background-color: #f2dede !important; background-color: rgba(219, 40, 40, 0.9) !important; margin-bottom: -0.6em !important; margin-top: 0.6em !important; } .competitorBoxNoMove { margin-bottom: 0 !important; margin-top: 0 !important; } .competitorBox > h2 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .wideContainer { margin-left: 11px !important; margin-right: 11px !important; width: 978px !important; } .viewComments { border: 1px solid gray; box-shadow: 0 1px 2px 0 rgba(34,36,38,.15); } .commentsHeader { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; margin: 0 !important; } .ui.blue.label.homeCommentsHeader { background-color: rgba(33,133,208,0.8) !important; margin-top: 0.6rem !important; } .homeSend { background-color: rgba(33,133,208,0.8) !important; } .commentsDiv { background-color: rgba(33, 133, 208, 0.15) !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; font-size: 90% !important; height: 256px; margin-bottom: 8px !important; margin-top: 0 !important; overflow-y: auto; } .commentsDivExtended { height: 301px; } .publicMatchLink:hover { background-color: rgba(255, 165, 0, 0.38) !important; cursor: pointer; } .ratingWord { margin-left: 0.6rem; margin-right: 0.4rem; } .ratingArrow { margin-left: 0.6rem; margin-right: 0.6rem; } .warnOnHover:hover { background-color: #d01919 !important; color: white !important; } .adminPhoto { max-height: 33px; } .championshipMatchInfo { background-color: rgba(33, 133, 208, 0.15); border: 1px solid silver; border-radius: 6px; float: right; padding: 0.4rem 1rem; } .eventBackgroundCards { background: linear-gradient(to bottom, #fbe9e9, #f4bebe) !important; } .eventBackgroundImages { background: linear-gradient(to bottom, #fef8e6, #fdebb4) !important; } .eventBackgroundInternationalNames { background: linear-gradient(to bottom, #f5f7eb, #f4fcc2) !important; } .eventBackgroundNames { background: linear-gradient(to bottom, #e8f8ec, #bceac7) !important; } .eventBackgroundNumbers { background: linear-gradient(to bottom, #e8f2fa, #bcdaf0) !important; } .eventBackgroundWords { background: linear-gradient(to bottom, #f5eaf9, #e3c1ee) !important; } .championshipLiveIn { margin-left: 0.4rem; margin-right: 0.4rem; } .championshipLiveName { font-weight: bold; } .championshipLivePhoto { max-height: 32px; margin-right: 0.2rem; } .championshipLiveSpacer { margin-top: 1rem !important; } .championshipLiveVs { margin-left: 1rem; margin-right: 1rem; } .ui.secondary.pointing.menu .item.currentRound { color: #21BA45 !important; } .leagueNameLeft { padding-left: 1em !important; } .leagueNameRight { padding-right: 1em !important; text-align: right !important; } .unscheduledWidth { width: 600px !important; } .leagueColorTop { background-color: rgba(28,169,28,0.3) !important; } .availabilityTick { background-color: rgba(28,169,28,0.3) !important; } .leagueColorAlmostTop { background-color: rgba(255,165,0,0.33) !important; } .leagueColorAlmostBottom { background-color: rgba(255,165,0,0.33) !important; } .leagueColorBottom { background-color: rgba(219,40,40,0.25) !important; } .notInWeek { background-color: silver !important; } .availabilityPast:not(.notInWeek) { background-color: whitesmoke; opacity: 0.8; } /* Workaround for Firefox no height on empty contenteditable elements */ [contenteditable] { min-height: 1em; } .noBorder:not(.imagesCorrect):not(.imagesIncorrect) { border: none !important; } .commentTime { color: rgba(0,0,0,.4); float: right; font-size: 90%; } .competitorLink { cursor: pointer; } .competitorLink:hover { text-decoration: underline; } .tournamentLink { color: inherit !important; } .tournamentLink:hover { color: inherit; text-decoration: underline; } .competitorModal { min-height: 380px !important; width: 800px; } .competitorModal .horizontal.label { margin-right: 0; margin-top: 0.8rem; } .competitorModal h5 { margin-bottom: 0.6rem; margin-top: 1.2rem; } .competitorModalRecentBest { height: 8.3rem; } .leftAligned { text-align: left !important; } .competitorModalRecentBestNumber { color: silver; margin-right: 0.4rem; } /* Remove display: inline-block from loader to force it left even if within div.center */ .leftLoader { display: inherit !important; } /* Make loader visible inside modal */ .ui.dimmer .ui.modal .ui.loader:after { border-color: #767676 transparent transparent; } /* Prevent long display names overflowing */ h2.ui.heading { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .initialHide { display: none !important; } .showMenu { display: inherit !important; } .splashCards { background: linear-gradient(to bottom, #fbe9e9, #f4bebe); border: 1px solid gray; padding-bottom: 2em; } .splashImages { background: linear-gradient(to bottom, #fef8e6, #fdebb4); border: 1px solid gray; padding-bottom: 2em; } .splashInternationalNames { background: linear-gradient(to bottom, #f5f7eb, #f4fcc2); border: 1px solid gray; padding-bottom: 2em; } .splashNames { background: linear-gradient(to bottom, #e8f8ec, #bceac7); border: 1px solid gray; padding-bottom: 2em; } .splashNumbers { background: linear-gradient(to bottom, #e8f2fa, #bcdaf0); border: 1px solid gray; padding-bottom: 2em; } .splashWords { background: linear-gradient(to bottom, #f5eaf9, #e3c1ee); border: 1px solid gray; padding-bottom: 2em; } .splashSurprise { background: linear-gradient(to bottom, #faf4e8, #f0debc); border: 1px solid gray; padding-bottom: 2em; } .availabilitySelectable:hover { background-color: lemonchiffon !important; cursor: pointer; } .competitorFlag { margin-right: 0.2rem !important; } .competitorModalFlag { margin-left: 0.6rem !important; margin-top: 0.4rem !important; transform: scale(1.3); vertical-align: top !important; } .viewCompetitorFlag { margin-left: 0.8rem !important; margin-top: 0.3rem !important; transform: scale(1.5); vertical-align: top !important; } .highlight { background-color: rgba(255, 255, 0, 0.2); } .seasonScore { cursor: pointer; } .seasonScore:hover { text-decoration: underline; } .trophiesWrapper { margin-left: 0.3rem; } .trophiesWrapper span { white-space: nowrap; } .trophiesWrapper i { transition: color cubic-bezier(.64,.21,.3,.89) 0.5s; } .currentChampionshipTitleSpacing { padding-top: 0.7rem; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .spin2-6 { animation: spin 2.6s infinite linear; } .spin3 { animation: spin 3s infinite linear; } .spin3-3 { animation: spin 3.3s infinite linear; } .spin3-6 { animation: spin 3.6s infinite linear; } .spin4 { animation: spin 4s infinite linear; } .spin4-3 { animation: spin 4.3s infinite linear; } .spin4-6 { animation: spin 4.6s infinite linear; } .spin5 { animation: spin 5s infinite linear; } .spin5-3 { animation: spin 5.3s infinite linear; } .spin5-6 { animation: spin 5.6s infinite linear; } .spin6 { animation: spin 6s infinite linear; } .spin6-3 { animation: spin 6.3s infinite linear; } .spin6-6 { animation: spin 6.6s infinite linear; } .spin7 { animation: spin 7s infinite linear; } .spin7-6 { animation: spin 7.3s infinite linear; } .spinanti2-6 { animation: spin 2.6s reverse infinite linear; } .spinanti3 { animation: spin 3s reverse infinite linear; } .spinanti3-3 { animation: spin 3.3s reverse infinite linear; } .spinanti3-6 { animation: spin 3.6s reverse infinite linear; } .spinanti4 { animation: spin 4s reverse infinite linear; } .spinanti4-3 { animation: spin 4.3s reverse infinite linear; } .spinanti4-6 { animation: spin 4.6s reverse infinite linear; } .spinanti5 { animation: spin 5s reverse infinite linear; } .spinanti5-3 { animation: spin 5.3s reverse infinite linear; } .spinanti5-6 { animation: spin 5.6s reverse infinite linear; } .spinanti6 { animation: spin 6s reverse infinite linear; } .spinanti6-3 { animation: spin 6.3s reverse infinite linear; } .spinanti6-6 { animation: spin 6.6s reverse infinite linear; } .spinanti7 { animation: spin 7s reverse infinite linear; } .spinanti7-6 { animation: spin 7.3s reverse infinite linear; } i.flag { display: none !important; } .trophy2, .trophy3, .trophy4, .trophy5, .trophy6, .trophy7, .trophy8, .trophy9 { margin-left: -0.2em !important; margin-right: 0.4em !important; } .trophy10 { margin-left: -0.2em !important; margin-right: 0.4em !important; } .trophy2::after, .trophy3::after, .trophy4::after, .trophy5::after, .trophy6::after, .trophy7::after, .trophy8::after, .trophy9::after { color:white; font-size: 55%; margin-left: -1.25em; } .trophy10::after { color:white; font-size: 55%; margin-left: -1.55em; vertical-align: middle !important; } .trophy2::after { content: '2'; } .trophy3::after { content: '3'; } .trophy4::after { content: '4'; } .trophy5::after { content: '5'; } .trophy6::after { content: '6'; } .trophy7::after { content: '7'; } .trophy8::after { content: '8'; } .trophy9::after { content: '9'; } .trophy10::after { content: '10'; } .crownTrophy2, .crownTrophy3, .crownTrophy4, .crownTrophy5 { margin-left: -0.45em !important; margin-right: 0.65em !important; } .crownTrophy2::after, .crownTrophy3::after, .crownTrophy4::after, .crownTrophy5::after { color:white; font-family: "Icon"; font-size: 55%; font-weight: 400; margin-left: -1.3em; vertical-align: baseline; } .competitorModal .crownTrophy2::after, .competitorModal .crownTrophy3::after, .competitorModal .crownTrophy4::after, .competitorModal .crownTrophy5::after { vertical-align: baseline; margin-left: -1em; } .competitorBox .crownTrophy2::after, .competitorBox .crownTrophy3::after, .competitorBox .crownTrophy4::after, .competitorBox .crownTrophy5::after { vertical-align: baseline; margin-left: -0.9em; } .crownTrophy2::after { content: '2'; } .crownTrophy3::after { content: '3'; } .crownTrophy4::after { content: '4'; } .crownTrophy5::after { content: '5'; } .trophyStar::after { vertical-align: middle; } .trophyCup::after { vertical-align: super; } .trophiesWrapper img { height: 1.2rem !important; margin-right: 5px; margin-top: -2px; } .competitorModal .trophiesWrapper img { height: 1.7rem !important; margin-top: -0.2rem; } .competitorBox .trophiesWrapper img { height: 2rem !important; } @keyframes cardsRing { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .cardsRing { animation: cardsRing 50s infinite linear; transform-origin: 479px 276px; } .cardsRing .cardsIndex0 { transform: translate(422.9px, 197.5px) rotate(0deg) translateY(-180px); } .cardsRing .cardsIndex1 { transform: translate(422.9px, 197.5px) rotate(14.4deg) translateY(-180px); } .cardsRing .cardsIndex2 { transform: translate(422.9px, 197.5px) rotate(28.8deg) translateY(-180px); } .cardsRing .cardsIndex3 { transform: translate(422.9px, 197.5px) rotate(43.2deg) translateY(-180px); } .cardsRing .cardsIndex4 { transform: translate(422.9px, 197.5px) rotate(57.6deg) translateY(-180px); } .cardsRing .cardsIndex5 { transform: translate(422.9px, 197.5px) rotate(72deg) translateY(-180px); } .cardsRing .cardsIndex6 { transform: translate(422.9px, 197.5px) rotate(86.4deg) translateY(-180px); } .cardsRing .cardsIndex7 { transform: translate(422.9px, 197.5px) rotate(100.8deg) translateY(-180px); } .cardsRing .cardsIndex8 { transform: translate(422.9px, 197.5px) rotate(115.2deg) translateY(-180px); } .cardsRing .cardsIndex9 { transform: translate(422.9px, 197.5px) rotate(129.6deg) translateY(-180px); } .cardsRing .cardsIndex10 { transform: translate(422.9px, 197.5px) rotate(144deg) translateY(-180px); } .cardsRing .cardsIndex11 { transform: translate(422.9px, 197.5px) rotate(158.4deg) translateY(-180px); } .cardsRing .cardsIndex12 { transform: translate(422.9px, 197.5px) rotate(172.8deg) translateY(-180px); } .cardsRing .cardsIndex13 { transform: translate(422.9px, 197.5px) rotate(187.2deg) translateY(-180px); } .cardsRing .cardsIndex14 { transform: translate(422.9px, 197.5px) rotate(201.6deg) translateY(-180px); } .cardsRing .cardsIndex15 { transform: translate(422.9px, 197.5px) rotate(216deg) translateY(-180px); } .cardsRing .cardsIndex16 { transform: translate(422.9px, 197.5px) rotate(230.4deg) translateY(-180px); } .cardsRing .cardsIndex17 { transform: translate(422.9px, 197.5px) rotate(244.8deg) translateY(-180px); } .cardsRing .cardsIndex18 { transform: translate(422.9px, 197.5px) rotate(259.2deg) translateY(-180px); } .cardsRing .cardsIndex19 { transform: translate(422.9px, 197.5px) rotate(273.6deg) translateY(-180px); } .cardsRing .cardsIndex20 { transform: translate(422.9px, 197.5px) rotate(288deg) translateY(-180px); } .cardsRing .cardsIndex21 { transform: translate(422.9px, 197.5px) rotate(302.4deg) translateY(-180px); } .cardsRing .cardsIndex22 { transform: translate(422.9px, 197.5px) rotate(316.8deg) translateY(-180px); } .cardsRing .cardsIndex23 { transform: translate(422.9px, 197.5px) rotate(331.2deg) translateY(-180px); } .cardsRing .cardsIndex24 { transform: translate(422.9px, 197.5px) rotate(345.6deg) translateY(-180px); } .cardsRing .cardsIndex0, .cardsRing .cardsIndex1, .cardsRing .cardsIndex2, .cardsRing .cardsIndex3, .cardsRing .cardsIndex4, .cardsRing .cardsIndex5, .cardsRing .cardsIndex6, .cardsRing .cardsIndex7, .cardsRing .cardsIndex8, .cardsRing .cardsIndex9, .cardsRing .cardsIndex10, .cardsRing .cardsIndex11, .cardsRing .cardsIndex12, .cardsRing .cardsIndex13, .cardsRing .cardsIndex14, .cardsRing .cardsIndex15, .cardsRing .cardsIndex16, .cardsRing .cardsIndex17, .cardsRing .cardsIndex18, .cardsRing .cardsIndex19, .cardsRing .cardsIndex20, .cardsRing .cardsIndex21, .cardsRing .cardsIndex22, .cardsRing .cardsIndex23, .cardsRing .cardsIndex24 { clip-path: path('M 0 0 L 0,155 L 66,157 L 30,146 L 28,142 L 28,142 L 64,0 L 112,0 L111,6 L89,0 L113,0 z'); transform-origin: 56.1px 78.5px; } .cardsPile .cardsIndex0 { transform: translate(196px,290px) rotate(335deg); } .cardsPile .cardsIndex1 { transform: translate(282px,178px) rotate(-18deg); } .cardsPile .cardsIndex2 { transform: translate(673px,282px) rotate(388deg); } .cardsPile .cardsIndex3 { transform: translate(335px,59px) rotate(27deg); } .cardsPile .cardsIndex4 { transform: translate(635px,192px) rotate(-17deg); } .cardsPile .cardsIndex5 { transform: translate(551px,62px) rotate(107deg); } .cardsPile .cardsIndex6 { transform: translate(649px,206px) rotate(219deg); } .cardsPile .cardsIndex7 { transform: translate(446px,194px) rotate(332deg); } .cardsPile .cardsIndex8 { transform: translate(521px,250px) rotate(113deg); } .cardsPile .cardsIndex9 { transform: translate(765px,108px) rotate(102deg); } .cardsPile .cardsIndex10 { transform: translate(150px,18px) rotate(25deg); } .cardsPile .cardsIndex11 { transform: translate(755px,228px) rotate(52deg); } .cardsPile .cardsIndex12 { transform: translate(332px,26px) rotate(311deg); } .cardsPile .cardsIndex13 { transform: translate(153px,230px) rotate(63deg); } .cardsPile .cardsIndex14 { transform: translate(578px,44px) rotate(180deg); } .cardsPile .cardsIndex15 { transform: translate(27px,139px) rotate(23deg); } .cardsPile .cardsIndex16 { transform: translate(102px,210px) rotate(11deg); } .cardsPile .cardsIndex17 { transform: translate(91px,285px) rotate(252deg); } .cardsPile .cardsIndex18 { transform: translate(683px,24px) rotate(199deg); } .cardsPile .cardsIndex19 { transform: translate(371px,301px) rotate(124deg); } .cardsPile .cardsIndex0, .cardsPile .cardsIndex1, .cardsPile .cardsIndex2, .cardsPile .cardsIndex3, .cardsPile .cardsIndex4, .cardsPile .cardsIndex5, .cardsPile .cardsIndex6, .cardsPile .cardsIndex7, .cardsPile .cardsIndex8, .cardsPile .cardsIndex9, .cardsPile .cardsIndex10, .cardsPile .cardsIndex11, .cardsPile .cardsIndex12, .cardsPile .cardsIndex13, .cardsPile .cardsIndex14, .cardsPile .cardsIndex15, .cardsPile .cardsIndex16, .cardsPile .cardsIndex17, .cardsPile .cardsIndex18, .cardsPile .cardsIndex19, .cardsPile .cardsIndex20, .cardsPile .cardsIndex21, .cardsPile .cardsIndex22, .cardsPile .cardsIndex23 { transform-origin: 56.1px 78.5px; } .cardsRecallPile .cardsIndex0, .cardsRecallPile .cardsIndex1, .cardsRecallPile .cardsIndex2, .cardsRecallPile .cardsIndex3, .cardsRecallPile .cardsIndex4, .cardsRecallPile .cardsIndex5, .cardsRecallPile .cardsIndex6, .cardsRecallPile .cardsIndex7, .cardsRecallPile .cardsIndex8, .cardsRecallPile .cardsIndex9, .cardsRecallPile .cardsIndex10, .cardsRecallPile .cardsIndex11, .cardsRecallPile .cardsIndex12, .cardsRecallPile .cardsIndex13, .cardsRecallPile .cardsIndex14, .cardsRecallPile .cardsIndex15, .cardsRecallPile .cardsIndex16, .cardsRecallPile .cardsIndex17, .cardsRecallPile .cardsIndex18, .cardsRecallPile .cardsIndex19 { left: 0; top: 0; } .cardsRecallPile .cardsIndex0 { transform: translate(196px,290px) rotate(335deg); } .cardsRecallPile .cardsIndex1 { transform: translate(282px,178px) rotate(-18deg); } .cardsRecallPile .cardsIndex2 { transform: translate(673px,282px) rotate(388deg); } .cardsRecallPile .cardsIndex3 { transform: translate(335px,59px) rotate(27deg); } .cardsRecallPile .cardsIndex4 { transform: translate(635px,192px) rotate(-17deg); } .cardsRecallPile .cardsIndex5 { transform: translate(551px,62px) rotate(107deg); } .cardsRecallPile .cardsIndex6 { transform: translate(649px,206px) rotate(219deg); } .cardsRecallPile .cardsIndex7 { transform: translate(446px,194px) rotate(332deg); } .cardsRecallPile .cardsIndex8 { transform: translate(521px,250px) rotate(113deg); } .cardsRecallPile .cardsIndex9 { transform: translate(765px,108px) rotate(102deg); } .cardsRecallPile .cardsIndex10 { transform: translate(150px,18px) rotate(25deg); } .cardsRecallPile .cardsIndex11 { transform: translate(755px,228px) rotate(52deg); } .cardsRecallPile .cardsIndex12 { transform: translate(332px,26px) rotate(311deg); } .cardsRecallPile .cardsIndex13 { transform: translate(153px,230px) rotate(63deg); } .cardsRecallPile .cardsIndex14 { transform: translate(578px,44px) rotate(180deg); } .cardsRecallPile .cardsIndex15 { transform: translate(27px,139px) rotate(23deg); } .cardsRecallPile .cardsIndex16 { transform: translate(102px,210px) rotate(11deg); } .cardsRecallPile .cardsIndex17 { transform: translate(91px,285px) rotate(252deg); } .cardsRecallPile .cardsIndex18 { transform: translate(683px,24px) rotate(199deg); } .cardsRecallPile .cardsIndex19 { transform: translate(371px,301px) rotate(124deg); } .cardsViewRecallPile .cardsIndex0, .cardsViewRecallPile .cardsIndex1, .cardsViewRecallPile .cardsIndex2, .cardsViewRecallPile .cardsIndex3, .cardsViewRecallPile .cardsIndex4, .cardsViewRecallPile .cardsIndex5, .cardsViewRecallPile .cardsIndex6, .cardsViewRecallPile .cardsIndex7, .cardsViewRecallPile .cardsIndex8, .cardsViewRecallPile .cardsIndex9, .cardsViewRecallPile .cardsIndex10, .cardsViewRecallPile .cardsIndex11, .cardsViewRecallPile .cardsIndex12, .cardsViewRecallPile .cardsIndex13, .cardsViewRecallPile .cardsIndex14, .cardsViewRecallPile .cardsIndex15, .cardsViewRecallPile .cardsIndex16, .cardsViewRecallPile .cardsIndex17, .cardsViewRecallPile .cardsIndex18, .cardsViewRecallPile .cardsIndex19 { left: 0; top: 0; } .cardsViewRecallPile .cardsIndex0 { transform: translate(196px,290px) rotate(335deg); } .cardsViewRecallPile .cardsIndex1 { transform: translate(282px,178px) rotate(-18deg); } .cardsViewRecallPile .cardsIndex2 { transform: translate(673px,282px) rotate(388deg); } .cardsViewRecallPile .cardsIndex3 { transform: translate(335px,59px) rotate(27deg); } .cardsViewRecallPile .cardsIndex4 { transform: translate(635px,192px) rotate(-17deg); } .cardsViewRecallPile .cardsIndex5 { transform: translate(551px,62px) rotate(107deg); } .cardsViewRecallPile .cardsIndex6 { transform: translate(649px,206px) rotate(219deg); } .cardsViewRecallPile .cardsIndex7 { transform: translate(446px,194px) rotate(332deg); } .cardsViewRecallPile .cardsIndex8 { transform: translate(521px,250px) rotate(113deg); } .cardsViewRecallPile .cardsIndex9 { transform: translate(765px,108px) rotate(102deg); } .cardsViewRecallPile .cardsIndex10 { transform: translate(150px,18px) rotate(25deg); } .cardsViewRecallPile .cardsIndex11 { transform: translate(755px,228px) rotate(52deg); } .cardsViewRecallPile .cardsIndex12 { transform: translate(332px,26px) rotate(311deg); } .cardsViewRecallPile .cardsIndex13 { transform: translate(153px,230px) rotate(63deg); } .cardsViewRecallPile .cardsIndex14 { transform: translate(578px,44px) rotate(180deg); } .cardsViewRecallPile .cardsIndex15 { transform: translate(27px,139px) rotate(23deg); } .cardsViewRecallPile .cardsIndex16 { transform: translate(102px,210px) rotate(11deg); } .cardsViewRecallPile .cardsIndex17 { transform: translate(91px,285px) rotate(252deg); } .cardsViewRecallPile .cardsIndex18 { transform: translate(683px,24px) rotate(199deg); } .cardsViewRecallPile .cardsIndex19 { transform: translate(371px,301px) rotate(124deg); } .cardsViewMemoPile .cardsIndex0, .cardsViewMemoPile .cardsIndex1, .cardsViewMemoPile .cardsIndex2, .cardsViewMemoPile .cardsIndex3, .cardsViewMemoPile .cardsIndex4, .cardsViewMemoPile .cardsIndex5, .cardsViewMemoPile .cardsIndex6, .cardsViewMemoPile .cardsIndex7, .cardsViewMemoPile .cardsIndex8, .cardsViewMemoPile .cardsIndex9, .cardsViewMemoPile .cardsIndex10, .cardsViewMemoPile .cardsIndex11, .cardsViewMemoPile .cardsIndex12, .cardsViewMemoPile .cardsIndex13, .cardsViewMemoPile .cardsIndex14, .cardsViewMemoPile .cardsIndex15, .cardsViewMemoPile .cardsIndex16, .cardsViewMemoPile .cardsIndex17, .cardsViewMemoPile .cardsIndex18, .cardsViewMemoPile .cardsIndex19 { transform-origin: 56.1px 78.5px; } .cardsViewMemoPile .cardsIndex0 { transform: translate(196px,290px) rotate(335deg); } .cardsViewMemoPile .cardsIndex1 { transform: translate(282px,178px) rotate(-18deg); } .cardsViewMemoPile .cardsIndex2 { transform: translate(673px,282px) rotate(388deg); } .cardsViewMemoPile .cardsIndex3 { transform: translate(335px,59px) rotate(27deg); } .cardsViewMemoPile .cardsIndex4 { transform: translate(635px,192px) rotate(-17deg); } .cardsViewMemoPile .cardsIndex5 { transform: translate(551px,62px) rotate(107deg); } .cardsViewMemoPile .cardsIndex6 { transform: translate(649px,206px) rotate(219deg); } .cardsViewMemoPile .cardsIndex7 { transform: translate(446px,194px) rotate(332deg); } .cardsViewMemoPile .cardsIndex8 { transform: translate(521px,250px) rotate(113deg); } .cardsViewMemoPile .cardsIndex9 { transform: translate(765px,108px) rotate(102deg); } .cardsViewMemoPile .cardsIndex10 { transform: translate(150px,18px) rotate(25deg); } .cardsViewMemoPile .cardsIndex11 { transform: translate(755px,228px) rotate(52deg); } .cardsViewMemoPile .cardsIndex12 { transform: translate(332px,26px) rotate(311deg); } .cardsViewMemoPile .cardsIndex13 { transform: translate(153px,230px) rotate(63deg); } .cardsViewMemoPile .cardsIndex14 { transform: translate(578px,44px) rotate(180deg); } .cardsViewMemoPile .cardsIndex15 { transform: translate(27px,139px) rotate(23deg); } .cardsViewMemoPile .cardsIndex16 { transform: translate(102px,210px) rotate(11deg); } .cardsViewMemoPile .cardsIndex17 { transform: translate(91px,285px) rotate(252deg); } .cardsViewMemoPile .cardsIndex18 { transform: translate(683px,24px) rotate(199deg); } .cardsViewMemoPile .cardsIndex19 { transform: translate(371px,301px) rotate(124deg); } /* Pile2 */ .cardsPile2 .cardsIndex0 { transform: translate(776px,134px) rotate(-82deg); z-index: 16; } .cardsPile2 .cardsIndex1 { transform: translate(372px,65px) rotate(4deg); z-index: 7; } .cardsPile2 .cardsIndex2 { transform: translate(82px,268px) rotate(-27deg); z-index: 4; } .cardsPile2 .cardsIndex3 { transform: translate(509px,302px) rotate(78deg); z-index: 9; } .cardsPile2 .cardsIndex4 { transform: translate(409px,180px) rotate(-20deg); z-index: 8; } .cardsPile2 .cardsIndex5 { transform: translate(777px,281px) rotate(3deg); z-index: 14; } .cardsPile2 .cardsIndex6 { transform: translate(176px,215px) rotate(14deg); z-index: 5; } .cardsPile2 .cardsIndex7 { transform: translate(785px,60px) rotate(19deg); z-index: 15; } .cardsPile2 .cardsIndex8 { transform: translate(321px,298px) rotate(-41deg); z-index: 6; } .cardsPile2 .cardsIndex9 { transform: translate(227px,13px) rotate(87deg); z-index: 2; } .cardsPile2 .cardsIndex10 { transform: translate(45px,39px) rotate(-59deg); z-index: 1; } .cardsPile2 .cardsIndex11 { transform: translate(698px,285px) rotate(-15deg); z-index: 11; } .cardsPile2 .cardsIndex12 { transform: translate(535px,135px) rotate(21deg); z-index: 13; } .cardsPile2 .cardsIndex13 { transform: translate(561px,18px) rotate(35deg); z-index: 10; } .cardsPile2 .cardsIndex14 { transform: translate(227px,104px) rotate(78deg); z-index: 3; } .cardsPile2 .cardsIndex15 { transform: translate(633px,122px) rotate(70deg); z-index: 12; } .cardsPile2 .cardsIndex0, .cardsPile2 .cardsIndex1, .cardsPile2 .cardsIndex2, .cardsPile2 .cardsIndex3, .cardsPile2 .cardsIndex4, .cardsPile2 .cardsIndex5, .cardsPile2 .cardsIndex6, .cardsPile2 .cardsIndex7, .cardsPile2 .cardsIndex8, .cardsPile2 .cardsIndex9, .cardsPile2 .cardsIndex10, .cardsPile2 .cardsIndex11, .cardsPile2 .cardsIndex12, .cardsPile2 .cardsIndex13, .cardsPile2 .cardsIndex14, .cardsPile2 .cardsIndex15 { transform-origin: 56.1px 78.5px; } .cardsRecallPile2 .cardsIndex0, .cardsRecallPile2 .cardsIndex1, .cardsRecallPile2 .cardsIndex2, .cardsRecallPile2 .cardsIndex3, .cardsRecallPile2 .cardsIndex4, .cardsRecallPile2 .cardsIndex5, .cardsRecallPile2 .cardsIndex6, .cardsRecallPile2 .cardsIndex7, .cardsRecallPile2 .cardsIndex8, .cardsRecallPile2 .cardsIndex9, .cardsRecallPile2 .cardsIndex10, .cardsRecallPile2 .cardsIndex11, .cardsRecallPile2 .cardsIndex12, .cardsRecallPile2 .cardsIndex13, .cardsRecallPile2 .cardsIndex14, .cardsRecallPile2 .cardsIndex15 { left: 0; top: 0; } .cardsRecallPile2 .cardsIndex0 { transform: translate(776px,134px) rotate(-82deg); z-index: 16; } .cardsRecallPile2 .cardsIndex1 { transform: translate(372px,65px) rotate(4deg); z-index: 7; } .cardsRecallPile2 .cardsIndex2 { transform: translate(82px,268px) rotate(-27deg); z-index: 4; } .cardsRecallPile2 .cardsIndex3 { transform: translate(509px,302px) rotate(78deg); z-index: 9; } .cardsRecallPile2 .cardsIndex4 { transform: translate(409px,180px) rotate(-20deg); z-index: 8; } .cardsRecallPile2 .cardsIndex5 { transform: translate(777px,281px) rotate(3deg); z-index: 14; } .cardsRecallPile2 .cardsIndex6 { transform: translate(176px,215px) rotate(14deg); z-index: 5; } .cardsRecallPile2 .cardsIndex7 { transform: translate(785px,60px) rotate(19deg); z-index: 15; } .cardsRecallPile2 .cardsIndex8 { transform: translate(321px,298px) rotate(-41deg); z-index: 6; } .cardsRecallPile2 .cardsIndex9 { transform: translate(227px,13px) rotate(87deg); z-index: 2; } .cardsRecallPile2 .cardsIndex10 { transform: translate(45px,39px) rotate(-59deg); z-index: 1; } .cardsRecallPile2 .cardsIndex11 { transform: translate(698px,285px) rotate(-15deg); z-index: 11; } .cardsRecallPile2 .cardsIndex12 { transform: translate(535px,135px) rotate(21deg); z-index: 13; } .cardsRecallPile2 .cardsIndex13 { transform: translate(561px,18px) rotate(35deg); z-index: 10; } .cardsRecallPile2 .cardsIndex14 { transform: translate(227px,104px) rotate(78deg); z-index: 3; } .cardsRecallPile2 .cardsIndex15 { transform: translate(633px,122px) rotate(70deg); z-index: 12; } .cardsRecallPile2 .cardsRecallPos55, .cardsViewRecallPile2 .cardsRecallPos55 { left: 0; top: 0; transform: translate(58.6px,500px) rotate(0deg); } .cardsRecallPile2 .cardsRecallPos58, .cardsViewRecallPile2 .cardsRecallPos58 { left: 0; top: 0; transform: translate(107.2px,500px) rotate(0deg); } .cardsRecallPile2 .cardsRecallPos61, .cardsViewRecallPile2 .cardsRecallPos61 { left: 0; top: 0; transform: translate(155.7px,500px) rotate(0deg); } .cardsRecallPile2 .cardsRecallPos64, .cardsViewRecallPile2 .cardsRecallPos64 { left: 0; top: 0; transform: translate(204.3px,500px) rotate(0deg); } .cardsRecallPile2 .cardsRecallPos67, .cardsViewRecallPile2 .cardsRecallPos67 { left: 0; top: 0; transform: translate(252.9px,500px) rotate(0deg); } .cardsRecallPile2 .cardsRecallPos70, .cardsViewRecallPile2 .cardsRecallPos70 { left: 0; top: 0; transform: translate(301.5px,500px) rotate(0deg); } .cardsRecallPile2 .cardsRecallPos73, .cardsViewRecallPile2 .cardsRecallPos73 { left: 0; top: 0; transform: translate(350px,500px) rotate(0deg); } .cardsRecallPile2 .cardsRecallPos76, .cardsViewRecallPile2 .cardsRecallPos76 { left: 0; top: 0; transform: translate(398.6px,500px) rotate(0deg); } .cardsRecallPile2 .cardsRecallPos79, .cardsViewRecallPile2 .cardsRecallPos79 { left: 0; top: 0; transform: translate(447.2px,500px) rotate(0deg); } .cardsRecallPile2 .cardsRecallPos82, .cardsViewRecallPile2 .cardsRecallPos82 { left: 0; top: 0; transform: translate(495.8px,500px) rotate(0deg); } .cardsRecallPile2 .cardsRecallPos85, .cardsViewRecallPile2 .cardsRecallPos85 { left: 0; top: 0; transform: translate(544.3px,500px) rotate(0deg); } .cardsRecallPile2 .cardsRecallPos88, .cardsViewRecallPile2 .cardsRecallPos88 { left: 0; top: 0; transform: translate(592.9px,500px) rotate(0deg); } .cardsRecallPile2 .cardsRecallPos91, .cardsViewRecallPile2 .cardsRecallPos91 { left: 0; top: 0; transform: translate(641.5px,500px) rotate(0deg); } .cardsRecallPile2 .cardsRecallPos94, .cardsViewRecallPile2 .cardsRecallPos94 { left: 0; top: 0; transform: translate(690.1px,500px) rotate(0deg); } .cardsRecallPile2 .cardsRecallPos97, .cardsViewRecallPile2 .cardsRecallPos97 { left: 0; top: 0; transform: translate(738.6px,500px) rotate(0deg); } .cardsRecallPile2 .cardsRecallPos100, .cardsViewRecallPile2 .cardsRecallPos100 { left: 0; top: 0; transform: translate(787.2px,500px) rotate(0deg); } .cardsViewRecallPile2 .cardsIndex0, .cardsViewRecallPile2 .cardsIndex1, .cardsViewRecallPile2 .cardsIndex2, .cardsViewRecallPile2 .cardsIndex3, .cardsViewRecallPile2 .cardsIndex4, .cardsViewRecallPile2 .cardsIndex5, .cardsViewRecallPile2 .cardsIndex6, .cardsViewRecallPile2 .cardsIndex7, .cardsViewRecallPile2 .cardsIndex8, .cardsViewRecallPile2 .cardsIndex9, .cardsViewRecallPile2 .cardsIndex10, .cardsViewRecallPile2 .cardsIndex11, .cardsViewRecallPile2 .cardsIndex12, .cardsViewRecallPile2 .cardsIndex13, .cardsViewRecallPile2 .cardsIndex14, .cardsViewRecallPile2 .cardsIndex15 { left: 0; top: 0; } .cardsViewRecallPile2 .cardsIndex0 { transform: translate(776px,134px) rotate(-82deg); z-index: 16; } .cardsViewRecallPile2 .cardsIndex1 { transform: translate(372px,65px) rotate(4deg); z-index: 7; } .cardsViewRecallPile2 .cardsIndex2 { transform: translate(82px,268px) rotate(-27deg); z-index: 4; } .cardsViewRecallPile2 .cardsIndex3 { transform: translate(509px,302px) rotate(78deg); z-index: 9; } .cardsViewRecallPile2 .cardsIndex4 { transform: translate(409px,180px) rotate(-20deg); z-index: 8; } .cardsViewRecallPile2 .cardsIndex5 { transform: translate(777px,281px) rotate(3deg); z-index: 14; } .cardsViewRecallPile2 .cardsIndex6 { transform: translate(176px,215px) rotate(14deg); z-index: 5; } .cardsViewRecallPile2 .cardsIndex7 { transform: translate(785px,60px) rotate(19deg); z-index: 15; } .cardsViewRecallPile2 .cardsIndex8 { transform: translate(321px,298px) rotate(-41deg); z-index: 6; } .cardsViewRecallPile2 .cardsIndex9 { transform: translate(227px,13px) rotate(87deg); z-index: 2; } .cardsViewRecallPile2 .cardsIndex10 { transform: translate(45px,39px) rotate(-59deg); z-index: 1; } .cardsViewRecallPile2 .cardsIndex11 { transform: translate(698px,285px) rotate(-15deg); z-index: 11; } .cardsViewRecallPile2 .cardsIndex12 { transform: translate(535px,135px) rotate(21deg); z-index: 13; } .cardsViewRecallPile2 .cardsIndex13 { transform: translate(561px,18px) rotate(35deg); z-index: 10; } .cardsViewRecallPile2 .cardsIndex14 { transform: translate(227px,104px) rotate(78deg); z-index: 3; } .cardsViewRecallPile2 .cardsIndex15 { transform: translate(633px,122px) rotate(70deg); z-index: 12; } .cardsViewMemoPile2 .cardsIndex0, .cardsViewMemoPile2 .cardsIndex1, .cardsViewMemoPile2 .cardsIndex2, .cardsViewMemoPile2 .cardsIndex3, .cardsViewMemoPile2 .cardsIndex4, .cardsViewMemoPile2 .cardsIndex5, .cardsViewMemoPile2 .cardsIndex6, .cardsViewMemoPile2 .cardsIndex7, .cardsViewMemoPile2 .cardsIndex8, .cardsViewMemoPile2 .cardsIndex9, .cardsViewMemoPile2 .cardsIndex10, .cardsViewMemoPile2 .cardsIndex11, .cardsViewMemoPile2 .cardsIndex12, .cardsViewMemoPile2 .cardsIndex13, .cardsViewMemoPile2 .cardsIndex14, .cardsViewMemoPile2 .cardsIndex15 { transform-origin: 56.1px 78.5px; } .cardsViewMemoPile2 .cardsIndex0 { transform: translate(776px,134px) rotate(-82deg); z-index: 16; } .cardsViewMemoPile2 .cardsIndex1 { transform: translate(372px,65px) rotate(4deg); z-index: 7; } .cardsViewMemoPile2 .cardsIndex2 { transform: translate(82px,268px) rotate(-27deg); z-index: 4; } .cardsViewMemoPile2 .cardsIndex3 { transform: translate(509px,302px) rotate(78deg); z-index: 9; } .cardsViewMemoPile2 .cardsIndex4 { transform: translate(409px,180px) rotate(-20deg); z-index: 8; } .cardsViewMemoPile2 .cardsIndex5 { transform: translate(777px,281px) rotate(3deg); z-index: 14; } .cardsViewMemoPile2 .cardsIndex6 { transform: translate(176px,215px) rotate(14deg); z-index: 5; } .cardsViewMemoPile2 .cardsIndex7 { transform: translate(785px,60px) rotate(19deg); z-index: 15; } .cardsViewMemoPile2 .cardsIndex8 { transform: translate(321px,298px) rotate(-41deg); z-index: 6; } .cardsViewMemoPile2 .cardsIndex9 { transform: translate(227px,13px) rotate(87deg); z-index: 2; } .cardsViewMemoPile2 .cardsIndex10 { transform: translate(45px,39px) rotate(-59deg); z-index: 1; } .cardsViewMemoPile2 .cardsIndex11 { transform: translate(698px,285px) rotate(-15deg); z-index: 11; } .cardsViewMemoPile2 .cardsIndex12 { transform: translate(535px,135px) rotate(21deg); z-index: 13; } .cardsViewMemoPile2 .cardsIndex13 { transform: translate(561px,18px) rotate(35deg); z-index: 10; } .cardsViewMemoPile2 .cardsIndex14 { transform: translate(227px,104px) rotate(78deg); z-index: 3; } .cardsViewMemoPile2 .cardsIndex15 { transform: translate(633px,122px) rotate(70deg); z-index: 12; } .noPointerEvents { cursor: default; pointer-events: none; } .penalty { color: red; } .competitorBoxLoser .penalty { color: darkred; } .visibilityHidden { visibility: hidden; } .variableNumbers3Rows { margin-top: 176px !important; } .variableNumbers4Rows { margin-top: 151px !important; } .variableNumbers5Rows { margin-top: 126px !important; } .variableNumbers6Rows { margin-top: 101px !important; } .variableNumbers7Rows { margin-top: 76px !important; } .variableNumbers8Rows { margin-top: 51px !important; } .variableNumbers9Rows { margin-top: 26px !important; } .variableNumbers10Rows { margin-top: 1px !important; } /* Note - reverse order */ .viewVariableNumbers7Rows { margin-top: 1px !important; } .viewVariableNumbers6Rows { margin-top: 14px !important; } .viewVariableNumbers5Rows { margin-top: 27px !important; } .viewVariableNumbers4Rows { margin-top: 40px !important; } .viewVariableNumbers3Rows { margin-top: 53px !important; } .strongLeftBorder { border-left: 1px solid silver !important; } @keyframes bouncingTravel { from { left: 0; } to { left: 810px; } } @keyframes bouncingBounce { from, to { bottom: 0; animation-timing-function: ease-out; } 50% { bottom: 370px; animation-timing-function: ease-in; } } @keyframes bouncingSpin { from { transform: rotate(0); animation-timing-function: cubic-bezier(0, 0, 0.85, 1); } 25% { transform: rotate(360deg); animation-timing-function: cubic-bezier(0, 0, 0.85, 1); } 50% { transform: rotate(0deg); animation-timing-function: cubic-bezier(0, 0, 0.85, 1); } 75% { transform: rotate(-360deg); animation-timing-function: cubic-bezier(0, 0, 0.85, 1); } to { transform: rotate(0deg); animation-timing-function: cubic-bezier(0, 0, 0.85, 1); } } .bouncingTraveler { position: absolute; width: 150px; height: 600px; animation-name: bouncingTravel; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; animation-duration: 1.8s; } .bouncingBouncer { position: absolute; width: 150px; height: 150px; animation-name: bouncingBounce; animation-iteration-count: infinite; animation-duration: 2.2s; } .bouncingSpinner { position: absolute; width: 150px; height: 150px; z-index: 1000; animation-name: bouncingSpin; animation-iteration-count: infinite; animation-duration: 8.8s; } .babyCompetitorsBox { border-radius: 0.3em; height: 406px; position: absolute; top: 30px; width: 73px; } .babyCompetitorsLabel { border-radius: 0.15em; color: white; font-size: 110%; font-weight: bold; padding-bottom: 5px; padding-top: 5px; position: absolute; text-align: center; top: 390px; width: 68px; } .numbersNavigationWrapper { float: right; margin-left: 2.5rem; margin-top: 2rem; } .numbersViewNavigationWrapper { float: right; margin-left: 2.5rem; margin-top: 0.8rem; } .pi3point { font-size: 250%; margin-left: 1.2rem; margin-top: 3rem; position: absolute; } .viewPi3point { font-size: 250%; margin-left: 0.5rem; margin-top: 2rem; position: absolute; } .overrideSilentChat:hover { box-shadow: 0 0 0 1px #db2828 !important; } .searchGames { background-color: #fffbed; } .scheduledMatchesNote { color: #666; font-weight: normal; font-size: 90%; margin-left: 0.4rem; } body.dark { background-color: #121212; color: rgba(255,255,255,.87); } .dark .wrapper { background-color: #222; } .siteFooter { flex-shrink: 0; text-align: center; font-size: 85%; color: rgba(0,0,0,.5); padding: 2rem 1rem 1rem; } .siteFooter.showMenu { display: block !important; } .dark .siteFooter { color: rgba(255,255,255,.5); } .dark .homeText { color: rgba(255,255,255,.87) !important; } .dark .ui.message { background-color: #0C0C0E; box-shadow: 0 0 0 1px #242b30 inset,0 0 0 0 transparent; color: rgba(255,255,255,.87); } .dark .ui.blue.message { background-color: rgba(0,62,116,0.7); box-shadow: 0 0 0 1px rgba(34,36,38,.22) inset,0 0 0 0 transparent; } .dark .ui.brown.message { background-color: rgba(89,59,28,0.7); box-shadow: 0 0 0 1px #553520 inset,0 0 0 0 transparent; } .dark .ui.green.message { background-color: rgba(28,169,28,0.3); box-shadow: 0 0 0 1px #0A3E10 inset,0 0 0 0 transparent; } .dark .ui.orange.message { background-color: rgba(162,73,0,0.7); box-shadow: 0 0 0 1px #431D04 inset,0 0 0 0 transparent; } .dark .ui.yellow.message { background-color: rgba(255,165,0,0.33); box-shadow: 0 0 0 1px #463102 inset,0 0 0 0 transparent; } .dark .ui.purple.message { background-color: rgba(114,25,169,0.5); box-shadow: 0 0 0 1px #40035e inset,0 0 0 0 transparent; } .dark .ui.feed>.event>.content .summary { color: rgba(255,255,255,.87) !important; } .dark .ui.feed>.event>.content .summary>.date { color: rgba(255,255,255,.4); } .dark .ui.feed>.event>.label .icon { color: rgba(255,255,255,.6); } .dark .ui.statistic>.label, .dark .ui.statistics .statistic>.label { color: rgba(255,255,255,.87); } .dark a { color: #82ADD9; } .dark .scheduledMatchesNote { color: #999; } .dark .searchGames { background-color: #765D00 !important; background-color: rgba(0,0,0,0.1) !important; } .dark .ui.selection.dropdown { background: #333; } .dark .ui.dropdown .menu .selected.item, .dark .ui.dropdown.selected { background: #333; color: rgba(255,255,255,.95); } .dark .ui.dropdown .menu>.item { background: #333; color: rgba(255,255,255,.95); } .dark .ui.selection.dropdown .menu>.item { border-top: 1px solid #333; } .dark .ui.form input:not([type]), .dark .ui.form input[type=date], .dark .ui.form input[type=datetime-local], .dark .ui.form input[type=email], .dark .ui.form input[type=file], .dark .ui.form input[type=number], .dark .ui.form input[type=password], .dark .ui.form input[type=search], .dark .ui.form input[type=tel], .dark .ui.form input[type=text], .dark .ui.form input[type=time], .dark .ui.form input[type=url] { background: #333; color: rgba(255,255,255,.87); } .dark .ui.form .field>label { color: rgba(255,255,255,.87); } .dark .ui.selection.dropdown { color: rgba(255,255,255,.87); } .dark .ui.checkbox label, .dark .ui.checkbox+label { color: rgba(255,255,255,.87); } .dark .ui.selection.visible.dropdown>.text:not(.default) { color: rgba(255,255,255,.87); } .dark .ui.secondary.pointing.menu .header.item { color: rgba(255,255,255,.85)!important; } .dark .ui.secondary.pointing.menu .active.item { border-color: #DADBDD; } .dark .ui.comments .comment .author { color: rgba(255,255,255,.87); } .dark .ui.comments .comment .text { color: rgba(255,255,255,.87); } .dark .ui.secondary.segment { background: #333; color: rgba(255,255,255,0.87) !important; } .dark .ui.input>input { background: #333; color: rgba(255,255,255,0.87); } .dark input::selection, .dark textarea::selection { background-color: #555; color: rgba(255,255,255,0.87); } .dark .ui.modal { background: #111; } .dark .ui.modal>.header { background: #272727; color: rgba(255,255,255,0.85); } .dark .ui.modal>.content { background: #222; } .dark .ui.modal>.actions { background: #1c1c1c; } .dark .ui.button:not(.primary):not(.green):not(.red) { background-color: #555; color: rgba(255,255,255,0.87); } .dark .ui.button:not(.primary):not(.green):not(.red):hover { background-color: #666; color: whitesmoke; } .dark .ui.form select { background: #333; color: rgba(255,255,255,0.87); } .dark .ui.checkbox .box:before, .dark .ui.checkbox label:before { background: #333; border-color: #444; } .dark .ui.checkbox input:checked~.box:after, .dark .ui.checkbox input:checked~label:after { color: rgba(255,255,255,0.87); } .dark .ui.checkbox input:checked~.box:before, .dark .ui.checkbox input:checked~label:before { background: #333; border-color: #444; } .dark .ui.card, .dark .ui.cards>.card { background: #151515; } .dark .ui.cards a.card:hover, .dark .ui.link.card:hover, .dark .ui.link.cards .card:hover, .dark a.ui.card:hover { background: #151515; } .dark .ui.card:not(.matchTypeCard)>.content>.description, .dark .ui.cards>.card:not(.matchTypeCard)>.content>.description { color: rgba(255,255,255,.68); } .dark .ui.items>.item>.content>.header { color: rgba(255,255,255,0.85); } .dark .ui.table { background: #333; border: 1px solid #666; color: rgba(255,255,255,0.87); } .dark .key { background-color: #666; } .dark .prefNotes { color: #999; } .dark .ui.table thead th { background: #3a3a3a; color: rgba(255,255,255,0.87); } .dark .ui.table tr td { border-top: 1px solid #666; } .dark .ui.celled.table tr td, .dark .ui.celled.table tr th { border-left: 1px solid #666; } .dark .eventContainer { background: linear-gradient(to bottom, #999, #888) } .dark .ui.basic.button:not(:hover), .dark .ui.basic.buttons .button:not(:hover) { color: rgba(255,255,255,0.87) !important; } .dark .highlight { background-color: #A08000; } .dark .ui.table td.warning, .dark .ui.table tr.warning { background: #A08000 !important; color: rgba(255,255,255,0.87) !important; } .dark .ui.table td.warning:hover, .dark .ui.table tr.warning:hover { background: #a98c19 !important; color: rgba(255,255,255,0.87) !important; } .dark .ui.pagination.menu { background-color: #333; } .dark .ui.pagination.menu .active.item { background-color: #444; } .dark .ui.pagination.menu .item { background-color: #333; color: rgba(255,255,255,0.87); } .dark .ui.pagination.menu .item.disabled, .dark .ui.pagination.menu .item.disabled:hover { color: rgba(255,255,255,0.87) !important; } .dark .ui.selectable.table tbody tr:not(.warning):hover, .dark .ui.table tbody tr td.selectable:not(.warning):hover { background: #444 !important; color: rgba(255,255,255,0.87) !important; } .dark .ui.header { color: rgba(255,255,255,0.87); } .dark .availabilityPast:not(.notInWeek) { background-color: inherit; } .dark .notInWeek { background-color: #222 !important; } .dark .ui.form textarea { background: #333; color: rgba(255,255,255,.87); } .bold { font-weight: bold; } .dark .availabilityTick { background-color: rgba(28,169,28,1) !important; } .dark .ui.menu .ui.dropdown .menu>.item { background-color: #333 !important; color: rgba(255,255,255,0.87) !important; } .dark .ui.menu .ui.dropdown .menu>.item:hover { background-color: #444 !important; } .dark .ui.dropdown .menu { border: 1px solid rgba(0,0,0,.7); } .dark .ui.menu .dropdown.item .menu { background-color: #333; } .dark .ui.dropdown .menu>.divider { border-top: 1px solid #999; } .dark .ui.success.message { background-color: rgba(48,77,48,0.3); border: 1px solid green; border-radius: 4px; } .dark .ui.success.message .header { color: #306431; } .dark .splashCards { background: linear-gradient(to bottom, #f4bebe, #da8181); } .dark .splashImages { background: linear-gradient(to bottom, #FEF8E6, #FDECB9 20%, #F9BC06); } .dark .splashInternationalNames { background: linear-gradient(to bottom, #f5f7eb 30%, #8d9b36); } .dark .splashNames { background: linear-gradient(to bottom, #bceac7 30%, #327141); } .dark .splashNumbers { background: linear-gradient(to bottom, #e8f2fa, #55A1D8); } .dark .splashWords { background: linear-gradient(to bottom, #e3c1ee, #9B49B6); } .dark .splashSurprise { background: linear-gradient(to bottom, #f0debc, #F69F65); } .dark .matchTypeCard:not(.friendlyAgreed):not(.ratingAgreed):not(.leagueAgreed):not(.aeoAgreed):not(.aooAgreed):not(.paoAgreed):not(.worldAgreed) { background-color: silver !important; } .finalsHeading { font-size: 16px; fill: rgba(0,0,0,.87); } .dark .finalsHeading { fill: rgba(255,255,255,.87); } .bracketLine { fill:none; stroke:#333; stroke-width:2; } .dark .bracketLine { stroke:#ccc; } .finalsMatchNumber { fill:rgba(0,0,0,.87); font-size:12px; } .dark .finalsMatchNumber { fill:rgba(255,255,255,.87); } .bracketHeading { fill:rgba(0,0,0,.87); font-size:16px; font-weight: bold; } .dark .bracketHeading { fill:rgba(255,255,255,.87); } .roundHeading { fill:rgba(0,0,0,.87); font-size:16px; } .dark .roundHeading { fill:rgba(255,255,255,.87); } .dark .mlLink { color: #82ADD9; } .dark .matchWinner { background-color: darkolivegreen !important; } .dark .commentTime { color: rgba(255,255,255,.7); } .tournamentBox { fill:#acd7f0; stroke:#666; } .dark .tournamentBox { fill: #142733; stroke:#aaa; } .dark .svgLink { fill: rgba(255,255,255,0.87); } .dark .svgLink:hover { fill: #82ADD9; } .tournamentGamesWon { fill:#333; font-size:12px; } .dark .tournamentGamesWon { fill: rgba(255,255,255,0.75);; } .dark .themedSelect { background-color: #333; } .namesResultsWordPairs1 { background-color: white; border-radius: 6px; color: rgba(0,0,0,.87); font-size: 100%; margin-left: 2px; margin-top: 2.7rem; position: absolute; text-align: center; width: 91px; } .namesWordPairsArrow { background-color: transparent; height: 0.6em; margin-left: 1.3em; margin-top: 2.15em; position: absolute; width: auto; } .namesViewWordPairsArrow { background-color: transparent; height: 0.5em; margin-left: 1.3em; margin-top: 2.35em; position: absolute; width: auto; } .namesMemoNameMid.namesWordPairsArrow { background-color: transparent; height: 2em; margin-left: 3em; margin-top: 5em; position: absolute; width: auto; } .namesMemoNameMid.namesViewWordPairsArrow { background-color: transparent; height: 2em; margin-left: 3.2em; margin-top: 4.8em; position: absolute; width: auto; } .namesRecallViewWordPairsArrow { background-color: transparent; height: 1.5em; margin-left: 3em; margin-top: 4.8em; position: absolute; width: auto; } .namesMemoWordPairs1 { margin-top: 3em; } .namesWordPairs .namesMemoNameMid { top: 0; } .namesCompeteRecallWordPairsArrow { background-color: transparent; height: 1.2em; margin-left: 3.3em; margin-top: 5.8em; position: absolute; width: auto; } .namesRecallWordPairs1 { margin-top: 3.4em; } .namesWordPairs .namesRecall0, .namesWordPairs .namesRecall1, .namesWordPairs .namesRecall2, .namesWordPairs .namesRecall3, .namesWordPairs .namesRecall4, .namesWordPairs .namesRecall5, .namesWordPairs .namesRecall6, .namesWordPairs .namesRecall7 { top: -20px; } .namesWordPairs .namesRecall8, .namesWordPairs .namesRecall9, .namesWordPairs .namesRecall10, .namesWordPairs .namesRecall11, .namesWordPairs .namesRecall12, .namesWordPairs .namesRecall13, .namesWordPairs .namesRecall14, .namesWordPairs .namesRecall15 { top: 122px; } .namesWordPairs .namesRecall16, .namesWordPairs .namesRecall17, .namesWordPairs .namesRecall18, .namesWordPairs .namesRecall19, .namesWordPairs .namesRecall20, .namesWordPairs .namesRecall21, .namesWordPairs .namesRecall22, .namesWordPairs .namesRecall23 { top: 264px; } .namesWordPairs .namesRecall24, .namesWordPairs .namesRecall25, .namesWordPairs .namesRecall26, .namesWordPairs .namesRecall27, .namesWordPairs .namesRecall28, .namesWordPairs .namesRecall29 { top: 406px; } .namesWordPairs .namesRecall0, .namesWordPairs .namesRecall8, .namesWordPairs .namesRecall16, .namesWordPairs .namesRecall24 { left: 20px; } .namesWordPairs .namesRecall1, .namesWordPairs .namesRecall9, .namesWordPairs .namesRecall17, .namesWordPairs .namesRecall25 { left: 135px; } .namesWordPairs .namesRecall2, .namesWordPairs .namesRecall10, .namesWordPairs .namesRecall18, .namesWordPairs .namesRecall26 { left: 250px; } .namesWordPairs .namesRecall3, .namesWordPairs .namesRecall11, .namesWordPairs .namesRecall19, .namesWordPairs .namesRecall27 { left: 365px; } .namesWordPairs .namesRecall4, .namesWordPairs .namesRecall12, .namesWordPairs .namesRecall20, .namesWordPairs .namesRecall28 { left: 480px; } .namesWordPairs .namesRecall5, .namesWordPairs .namesRecall13, .namesWordPairs .namesRecall21, .namesWordPairs .namesRecall29 { left: 595px; } .namesWordPairs .namesRecall6, .namesWordPairs .namesRecall14, .namesWordPairs .namesRecall22 { left: 720px; } .namesWordPairs .namesRecall7, .namesWordPairs .namesRecall15, .namesWordPairs .namesRecall23 { left: 835px; } .dark .ui.secondary.pointing.menu .item.currentRound { color: #21BA45 !important; } .tournamentCompetitorName { fill: rgba(0,0,0,0.87); font-size: 10px; } .dark .tournamentCompetitorName { fill: rgba(255,255,255,0.87); } .schedulingAvailabilityHeader { background-color: whitesmoke; left: 0; min-width: 200px; position: sticky; width: 200px; } .dark .schedulingAvailabilityHeader { background-color: #3a3a3a; } .schedulingAvailabilityRow { background-color: white; left: 0; position: sticky; } .dark .schedulingAvailabilityRow { background-color: #333; } .dark .ui.segment { background-color: #222; } .dark .ui.top.attached.label.perfLabel { background-color: #333; color: rgba(255,255,255,0.87); } .dark .ui.statistic>.value, .dark .ui.statistics .statistic>.value { color: rgba(255,255,255,0.87); } .dark .splashCards, .dark .splashImages, .dark .splashInternationalNames, .dark .splashNames, .dark .splashNumbers, .dark .splashSurprise, .dark .splashWords { color: rgba(0,0,0,0.87); } .dark .splashCards .ui.header, .dark .splashImages .ui.header, .dark .splashInternationalNames .ui.header, .dark .splashNames .ui.header, .dark .splashNumbers .ui.header, .dark .splashSurprise .ui.header, .dark .splashWords .ui.header { color: rgba(0,0,0,0.87); } .dark .ui.red.statistic>.value, .dark .ui.red.statistics .statistic>.value, .dark .ui.statistics .red.statistic>.value { color: #db2828; } .dark .ui.yellow.statistic>.value, .dark .ui.yellow.statistics .statistic>.value, .dark .ui.statistics .yellow.statistic>.value { color: #fbbd08; } .dark .ui.olive.statistic>.value, .dark .ui.olive.statistics .statistic>.value, .dark .ui.statistics .olive.statistic>.value { color: #b5cc18; } .dark .ui.green.statistic>.value, .dark .ui.green.statistics .statistic>.value, .dark .ui.statistics .green.statistic>.value { color: #21ba45; } .dark .ui.blue.statistic>.value, .dark .ui.blue.statistics .statistic>.value, .dark .ui.statistics .blue.statistic>.value { color: #2185d0; } .dark .ui.purple.statistic>.value, .dark .ui.purple.statistics .statistic>.value, .dark .ui.statistics .purple.statistic>.value { color: #a333c8; } .noScrollbar { overflow: hidden; } dialog { border-radius: 10px; } .dark dialog { background-color: #222; border-color: #bbb; color: rgba(255,255,255,0.87); } .dark dialog input { background-color: #333; border: 1px solid #666; border-radius: 3px; padding: 4px 8px; } .ui.table thead th { background: #efefef; } .spaceForAvailability { width: 820px; } .dark .ui.secondary.pointing.menu { border-bottom: 2px solid rgba(221,219,217,.15); } .dailyChallengeTable td.center { padding-left: 2px !important; padding-right: 2px !important; } .trophyEllipses { margin-left: -3px; margin-right: 4px; } .dailyChallengeRank { width: 5%; } .dailyChallengeCompetitor { width: 20%; } .dailyChallengeEvent { width: 10%; } .dailyChallengePoints { width: 8%; }