1b65280ffSSui Chenbody { 2b65280ffSSui Chen font-family: "monospace"; 3b65280ffSSui Chen font-size: 12px; 4b65280ffSSui Chen} 5b65280ffSSui Chen 6b65280ffSSui Chen#div_title, #div_group_by, #div_canvas, #div_navi_and_replay, #ipmi_replay { 7b65280ffSSui Chen text-align: center 8b65280ffSSui Chen} 9b65280ffSSui Chen 10b65280ffSSui Chen#my_canvas, #capture_info { 11b65280ffSSui Chen border: 1px grey dashed; 12b65280ffSSui Chen} 13b65280ffSSui Chen 14b65280ffSSui Chen#capture_info { 15b65280ffSSui Chen width: 1200px; 16b65280ffSSui Chen margin-left: auto; 17b65280ffSSui Chen margin-right: auto; 18b65280ffSSui Chen} 19b65280ffSSui Chen 20b65280ffSSui Chen#ipmi_replay_output { 21b65280ffSSui Chen margin: auto 22b65280ffSSui Chen} 23b65280ffSSui Chen 24b65280ffSSui Chen#title_capture, #title_open_file, #title_mode_select, #title_capture_info { 25b65280ffSSui Chen margin: auto; 26b65280ffSSui Chen text-align: center 27b65280ffSSui Chen} 28b65280ffSSui Chen 29b65280ffSSui Chen#ipmi_replay { 30b65280ffSSui Chen display: none 31b65280ffSSui Chen} 32b65280ffSSui Chen 33b65280ffSSui Chen#div_canvas { 34b65280ffSSui Chen margin-top: 2px 35b65280ffSSui Chen} 36b65280ffSSui Chen 37b65280ffSSui Chen#my_canvas_sensors, #span_group_by_sensors { 38b65280ffSSui Chen border: 1px #888 solid 39b65280ffSSui Chen} 40b65280ffSSui Chen 41b65280ffSSui Chen#my_canvas_dbus, #span_group_by_dbus { 42b65280ffSSui Chen border: 1px #008000 solid 43b65280ffSSui Chen} 44b65280ffSSui Chen 45b65280ffSSui Chen#my_canvas_ipmi, #span_group_by_ipmi { 46b65280ffSSui Chen border: 1px #00c0c0 solid 47b65280ffSSui Chen} 48b65280ffSSui Chen 49b65280ffSSui Chen#my_canvas_boost_asio_handler, #span_group_by_boost_asio_handler { 50b65280ffSSui Chen border: 1px #c03030 solid 51b65280ffSSui Chen} 52b65280ffSSui Chen 53b65280ffSSui Chen#my_canvas_dbus, #my_canvas_ipmi, #my_canvas_boost_asio_handler, #my_canvas_sensors { 54b65280ffSSui Chen margin-left: auto; 55b65280ffSSui Chen margin-right: auto; 56b65280ffSSui Chen} 57b65280ffSSui Chen 58b65280ffSSui Chen#blocker { 59b65280ffSSui Chen position: absolute; 60b65280ffSSui Chen top: 0; bottom: 0; display: block; 61b65280ffSSui Chen width: 100%; height: 100%; 62b65280ffSSui Chen background-color: rgba(128, 128, 128, 0.6); 63b65280ffSSui Chen display: none; 64*c403b037SSui Chen z-index: 10; 65b65280ffSSui Chen} 66b65280ffSSui Chen 67b65280ffSSui Chen#blocker_caption { 68b65280ffSSui Chen position: absolute; 69b65280ffSSui Chen top: 44%; 70b65280ffSSui Chen width: 100%; 71b65280ffSSui Chen color: #00F; 72b65280ffSSui Chen background-color: #CCF; 73b65280ffSSui Chen} 74b65280ffSSui Chen 75b65280ffSSui Chen#welcome_screen { 76b65280ffSSui Chen border: 1px dashed black; 77b65280ffSSui Chen height: 300px; 78b65280ffSSui Chen text-align: left; 79b65280ffSSui Chen} 80b65280ffSSui Chen 81b65280ffSSui Chen#welcome_screen_content { 82b65280ffSSui Chen margin-left: auto; 83b65280ffSSui Chen margin-right: auto; 84b65280ffSSui Chen width: 500px; 85b65280ffSSui Chen} 86b65280ffSSui Chen 87b65280ffSSui Chen#dbus_pcap_status_content { 88b65280ffSSui Chen margin-left: auto; 89b65280ffSSui Chen margin-right: auto; 90b65280ffSSui Chen width: 500px; 91b65280ffSSui Chen color: #999; 92b65280ffSSui Chen display: none; 93b65280ffSSui Chen} 94b65280ffSSui Chen 95b65280ffSSui Chen#dbus_pcap_error_content { 96b65280ffSSui Chen display: none; 97b65280ffSSui Chen margin-left: auto; 98b65280ffSSui Chen margin-right: auto; 99b65280ffSSui Chen width: 500px; 100b65280ffSSui Chen background-color: #ffc; 101b65280ffSSui Chen} 102b65280ffSSui Chen 103b65280ffSSui Chen#scapy_error_content { 104b65280ffSSui Chen display: none; 105b65280ffSSui Chen margin-left: auto; 106b65280ffSSui Chen margin-right: auto; 107b65280ffSSui Chen width: 500px; 108b65280ffSSui Chen background-color: #ffc; 109b65280ffSSui Chen} 110b65280ffSSui Chen 111b65280ffSSui Chen#span_group_by_dbus, #span_group_by_ipmi, #span_group_by_boost_asio_handler, 112b65280ffSSui Chen#div_navi_and_replay{ 113b65280ffSSui Chen display: none; 114b65280ffSSui Chen} 115*c403b037SSui Chen 116*c403b037SSui Chen.info_panel { 117*c403b037SSui Chen position: absolute; 118*c403b037SSui Chen z-index: 9; 119*c403b037SSui Chen border: 1px solid #888; 120*c403b037SSui Chen} 121*c403b037SSui Chen 122*c403b037SSui Chen.info_panel_header { 123*c403b037SSui Chen padding: 2px; 124*c403b037SSui Chen background-color: #CCC; 125*c403b037SSui Chen cursor: move; 126*c403b037SSui Chen z-index: 10; 127*c403b037SSui Chen} 128*c403b037SSui Chen 129*c403b037SSui Chen.info_panel_content { 130*c403b037SSui Chen background-color: #EEE; 131*c403b037SSui Chen max-height: 800px; 132*c403b037SSui Chen overflow-y: scroll; 133*c403b037SSui Chen max-width: 400px; 134*c403b037SSui Chen overflow-x: scroll; 135*c403b037SSui Chen} 136*c403b037SSui Chen 137*c403b037SSui Chen#highlighted_messages { 138*c403b037SSui Chen top: 10px; left: 10px; 139*c403b037SSui Chen display: none 140*c403b037SSui Chen}