body { overflow: hidden; } /* #browser { background: rgba(0, 0, 0, .5); } #browser_inner { border: 10px solid red; padding: 15px; background: white; margin: 150px; min-height: 150px; } #browser, #browser_inner { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 9001; } #browser_ok { margin: 15px; position: absolute; right: 0px; bottom: 0px; } */ #menubar { position: absolute; top: 0px; left: 0px; width: 100%; height: 25px; border: 1px solid black; } #menubar_left { float: left; } #menubar_right { float: right; } #nickbox { border: 1px solid black; display: inline; padding: 5px; /* text-align: center; vertical-align: middle; */ } #canvas { /* * / display: none; /* */ height: 750px; overflow: none; position: relative; width: 100%; /* */ border: 1px solid red; /* */ } #main { position: absolute; width: 100%; top: 26px; bottom: 216px; border: 1px solid black; } #main_holder { width: 100%; height: 100%; } #game_list { height: 100%; width: 100%; overflow: auto; } .gamelist_lobby { width: 32%; height: 100px; float: left; border: 1px solid black; margin: 4px; } .gamelist_lobby_left { width: 74%; height: 100%; float: left; } .gamelist_lobby_right { border-left: 1px solid black; width: 25%; height: 100%; float: right; } .gamelist_lobby_join { width: 100%; height: 100%; } .gamelist_lobby_status { float: right; } .gamelist_lobby_status_joinable { color: green; } .gamelist_lobby_status_unjoinable { color: #c0c0c0; } #info_area { width: 50%; height: 215px; border: 0px; position: absolute; bottom: 0px; } #chat_area { width: 50%; height: 215px; border: 0px; position: absolute; bottom: 0px; right: -2px; } #log { width: 100%; height: 198px; border: 1px solid black; position: absolute; bottom: 17px; right: 0px; overflow-y: scroll; } #chat { border: 1px solid black; left: -2px; /*right: 46px;*/ bottom: -1px; height: 17px; position: absolute; padding: 0px; width: 90%; } #chat_submit { width: 50px; height: 19px; position: absolute; right: -1px; bottom: -1px; margin: 0px; padding: 0px; } span.error { color: red; } span.debug { color: blue; } .card { position: relative; width: 200px; height: 200px; border: 3px solid gray; padding: 15px; font-family: Arial, Verdana, san-serif; font-size: 15pt; float: left; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .blackcard { background: #231f20; color: white; } .whitecard { background: white; color: black; } .cah { position: absolute; bottom: 0px; left: 0px; margin: 15px; } .hide { display: none; } .game { height: 100%; width: 100%; background: #c0c0c0; position: relative; } .header { position: absolute; bottom: 0px; right: 5px; } .game_hand { position: absolute; bottom: 0px; left: 0px; right: 0px; height: 30%; border-top: 1px solid black; /* overflow-x: auto; overflow-y: visible; */ } .game_hand_cards { position: absolute; bottom: 0px; height: 100%; width: 99%; cursor: pointer; padding-left: 2px; min-width: 750px; } .game_message { font-size: 14pt; border-bottom: 2px solid black; padding: 5px; } .game_black_card_wrapper { width: 232px; float: left; } .game_black_card { width: 232px; height: 232px; margin-top: 15px; } .confirm_card { float: left; margin-top: 10px; width: 100%; } .game_left_side { float: left; width: 232px; padding-left: 10px; padding-top: 10px; } .game_right_side { position: absolute; left: 246px; width: 700px; /* overflow-x: auto; */ } .game_white_card_wrapper { height: 60%; margin: 10px; } .game_white_cards { margin-top: 15px; min-width: 600px; cursor: pointer; } .card_holder { float: left; position: relative; overflow-x: visible !important; overflow-y: visible !important; margin-right: 2px; z-index: 1; } .scoreboard { width: 150px; height: 100%; border: 1px solid black; overflow-y: scroll; } .scorecard { height: 36px; padding: 2px; border-bottom: 1px solid black; font-size: 11pt; } .scorecard_status { float: right; margin-right: 5px; } .clear { clear: both; } .selected { border: 3px solid blue; }