lettertycoon.css

/**
 *------
 * BGA framework: © Gregory Isabelli <gisabelli@boardgamearena.com> & Emmanuel Colin <ecolin@boardgamearena.com>
 * LetterTycoon implementation : © Jeff Raymakers <jephly@gmail.com>
 *
 * This code has been produced on the BGA studio platform for use on http://boardgamearena.com.
 * See http://en.boardgamearena.com/#!doc/Studio for more information.
 * -----
 */



.action-button.disabled {
    opacity: 0.5;
}

.stockitem_selected {
    border: 0 !important;
    box-shadow: 0 2px 5px 3px rgba(26,26,26,0.8);
    margin-top: -2px;
}



.lettertycoon_player_board_info {
    display: flex;
    align-items: center;
    margin: 5px;
}

.lettertycoon_player_board_info_item {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.lettertycoon_player_board_counter {
    padding-right: 5px;
    width: 20px;
    text-align: right;
}

.lettertycoon_player_board_patent_list {
    display: flex;
    margin: 5px;
    font-size: 14px;
}

.lettertycoon_player_board_patent_list_label {
    margin-right: 5px;
}

.lettertycoon_coin_icon {
    display: inline-block;
    background-image: url('img/coin_large.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 24px 25px;
    width: 24px;
    height: 25px;
}

.lettertycoon_stock_icon {
    display: inline-block;
    background-image: url('img/stock_large.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 18px 25px;
    width: 18px;
    height: 25px;
}

.lettertycoon_patents_icon {
    display: inline-block;
    background-image: url('img/patents_icon_large.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 39px 25px;
    width: 39px;
    height: 25px;
}

.lettertycoon_zeppelin_icon {
    display: inline-block;
    background-image: url('img/zeppelin_large.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 37px 25px;
    width: 37px;
    height: 25px;
}



.lettertycoon_area {
    background-color: rgba(26,26,26,0.1);
    border: 2px solid rgba(26,26,26,0.8);
    padding: 5px 10px;
    margin: 5px;
    border-radius: 8px;
}

.lettertycoon_area_header {
    display: flex;
    align-items: center;
}

.lettertycoon_area_label {
    font-weight: bold;
    color: rgba(26,26,26,0.8);
    padding: 5px 0;
}

.lettertycoon_deck_info {
    flex: 1;
    text-align: right;
    color: rgba(26,26,26,0.8);
    padding: 5px 0;
}

#lettertycoon_round_info {
    flex: 1;
    text-align: right;
    font-style: italic;
    color: red;
    padding: 5px 0;
    display: none;
}
#lettertycoon_round_info.show {
    display: block;
}



.spectatorMode #lettertycoon_current_player_hand_area {
    display: none;
}

.lettertycoon_player_area_name {
    font-weight: bold;
    padding: 5px 0;
}

#lettertycoon_player_area_message {
    margin-left: 10px;
    font-style: italic;
    font-size: 14px;
}



#lettertycoon_second_word {
    display: none;
}
#lettertycoon_second_word.show {
    display: block;
}



#lettertycoon_community_pool_and_game_cards_area {
    display: flex;
}

#lettertycoon_community_pool_area {
    flex: 1;
    min-width: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
}

#lettertycoon_game_cards_area {
    flex: 1;
    min-width: 0;
    margin-top: 0;
    margin-bottom: 0;
}

#lettertycoon_game_cards {
    display: flex;
    flex-wrap: wrap;
}

.lettertycoon_game_card {
    width: 120px;
    height: 165px;
    margin-right: 5px;
    margin-bottom: 5px;
}

#lettertycoon_scoring_card {
    background-image: url('img/scoring.jpg');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 120px 165px;
}

#lettertycoon_frequencies_card {
    background-image: url('img/frequencies.jpg');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 120px 165px;
}

.lettertycoon_goal2_card {
    background-image: url('img/goal2.jpg');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 120px 165px !important; 
}

.lettertycoon_goal3_card {
    background-image: url('img/goal3.jpg');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 120px 165px !important;
}

.lettertycoon_goal4_card {
    background-image: url('img/goal4.jpg');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 120px 165px !important;
}

.lettertycoon_goal5_card {
    background-image: url('img/goal5.jpg');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 120px 165px !important;
}



.lettertycoon_card {
    background-size: auto 200%;
    border-radius: 8px;
}
.lettertycoon_card.added_s {
    opacity: 0.5 !important;
}
.lettertycoon_card.duplicate {
    opacity: 0.5 !important;
}
.lettertycoon_card.consonant::after {
    position: absolute;
    top: 10px;
    left: 47px;
    width: 26px;
    height: 26px;
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    content: "C";
    font-size: 13px;
    color: rgb(240,228,182);
    background-color: rgb(22,148,110);
    box-shadow: 0 0 2px 2px rgba(26,26,26,0.8);
}
.lettertycoon_card.vowel::after {
    position: absolute;
    bottom: 10px;
    left: 47px;
    width: 26px;
    height: 26px;
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    content: "V";
    font-size: 13px;
    color: rgb(240,228,182);
    background-color: rgb(200,96,51);
    box-shadow: 0 0 2px 2px rgba(26,26,26,0.8);
}



.lettertycoon_patent {
    background-size: 200% auto;
    border-radius: 8px;
}
.lettertycoon_patent.unpurchasable {
    opacity: 0.3 !important;
}




.lettertycoon_tooltip_contents {
    display: flex;
    flex-direction: column;
    padding: 5px;
}

.lettertycoon_tooltip_body {
    display: flex;
}

.lettertycoon_tooltip_body_left {
    padding-right: 5px;
}

.lettertycoon_tooltip_body_right {
    padding-left: 5px;
    text-align: right;
    font-weight: bold;
}

.lettertycoon_tooltip_item {
    height: 18px;
}

.lettertycoon_tooltip_footer_175 {
    padding-top: 5px;
    max-width: 175px;
    font-style: italic;
}

.lettertycoon_tooltip_footer_160 {
    padding-top: 5px;
    max-width: 160px;
    font-style: italic;
}



.lettertycoon_scoring_card_tooltip_contents {
    display: flex;
    flex-direction: column;
    padding: 5px;
}

.lettertycoon_scoring_card_tooltip_header {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-bottom: 5px;
}

.lettertycoon_scoring_card_tooltip_footer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-style: italic;
    padding-top: 5px;
    max-width: 160px;
}

.lettertycoon_scoring_card_tooltip_columns {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.lettertycoon_scoring_card_tooltip_column_length {
    display: flex;
    flex-direction: column;
}

.lettertycoon_scoring_card_tooltip_column_money {
    display: flex;
    flex-direction: column;
    padding-left: 5px;
}

.lettertycoon_scoring_card_tooltip_column_stock {
    display: flex;
    flex-direction: column;
    padding-left: 5px;
}

.lettertycoon_scoring_card_tooltip_column_header {
    text-align: center;
    padding-bottom: 5px;
}

.lettertycoon_scoring_card_tooltip_item_length {
    text-align: center;
    height: 18px;
}

.lettertycoon_scoring_card_tooltip_item_money {
    text-align: left;
    font-weight: bold;
    text-align: center;
    height: 18px;
}

.lettertycoon_scoring_card_tooltip_item_stock {
    text-align: left;
    font-weight: bold;
    text-align: center;
    height: 18px;
}



.lettertycoon_frequencies_card_tooltip_contents {
    display: flex;
    flex-direction: column;
}

.lettertycoon_frequencies_card_tooltip_header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.lettertycoon_frequencies_card_tooltip_columns {
    display: flex;
    flex-direction: row;
}

.lettertycoon_frequencies_card_tooltip_column_left {
    display: flex;
    flex-direction: column;
    margin: 5px 5px 5px 10px;
}

.lettertycoon_frequencies_card_tooltip_column_right {
    display: flex;
    flex-direction: column;
    margin: 5px 10px 5px 5px;
}

.lettertycoon_frequencies_card_tooltip_letter {
    text-align: left;
}

.lettertycoon_frequencies_card_tooltip_count {
    font-weight: bold;
    text-align: right;
}



.lettertycoon_goal_card_tooltip_contents {
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 5px;
}

.lettertycoon_goal_card_tooltip_header {
    padding-bottom: 5px;
}