/*
 * DagikEarth on the Web 用CSS
 */

/* DagikEarth の表示領域全体 */
.dow_main { margin: 0; background-color: #000000; }

/* DOWのボタン類を表示するレイヤ */
#dow_ui {}
#dow_ui .dow_button {}
#dow_ui .dow_button:active { opacity: 0.7; }
#dow_ui .dow_button--disable { opacity: 0.4; }

/* ロード中やエラー等の表示レイヤ */
#dow_console { position: absolute; top: 0; left: 0; width: 25%; max-width: 250px; font-size: small; }
#dow_console .progress { color: #fff; background-color: rgba(70, 70, 70, 0.8); padding: 5px; min-height: 60px; }
#dow_console .progress canvas { display: block; float: left; width: 40px; height: 40px; margin-right: 20px; }
#dow_console .progress .message { display: block; padding-bottom: 25px; position: relative; }
#dow_console .progress .message p { text-align: right; display: block; position: absolute; right: 0; bottom: 0; margin: 0; }
#dow_console .error { color: #f00; background-color: rgba(100, 20, 20, 0.8); padding: 5px; min-height: 60px; }
#dow_console .error p { text-align: right; }
#dow_console .details { color: #aaa; background-color: rgba(70, 70, 70, 0.8); padding: 5px; overflow: scroll; list-style: none; padding: 0; }
#dow_console .details ul { list-style: none; padding: 0; }
#dow_console .details li { padding-left: 35px; margin: 0.7em 0; line-height: 1.4; padding-top: 0.2em; min-height: 24px; }
#dow_console .details .detail_E { background: url("icons/console-error.png") no-repeat 0 0px; }
#dow_console .details .detail_W { background: url("icons/console-warning.png") no-repeat 0 0px; }
#dow_console .details .detail_I { background: url("icons/console-info.png") no-repeat 0 0px; }