body { background-color: #303030; } chunk { color: #ffffff; } #topmenu { background-color: #337ab7; padding: 10px; } #menuitems { display: grid; grid-template-columns: 80% 20%; } #settingsmenu { display:none; background-color: #295071; padding: 10px; } #connectstatusdiv { display: flex; } #connectstatusdiv span { align-self: center; } #gamescreen { height: 500px; margin-top: 10px; padding: 10px; display: flex; vertical-align: bottom; overflow-y: scroll; background-color: #262626; color: #ffffff; font-size: 12pt; font-family: "Helvetica"; } #gamescreen span { align-self: flex-end; } #gametext { max-height: 100%; width: 100%; } #actionmenu { margin-top: 10px; } #actionmenuitems { } #actionmenuitems button { width: 80px; } #messagefield { margin-left: 20px; } #inputrow { margin-top: 10px; padding: 0px; width: 100%; display: grid; grid-template-columns: 90% 10%; } #inputrowleft { padding-right: 10px; } #inputrowright { position: relative; } #input_text { height: 60px; resize: none; overflow:auto; background-color: #404040; color: #ffffff; } #btnsend { width: 100%; height: 100%; } #waitanim { position:absolute; top:10px; left:5px; } .airange { width: 100px; } .chunkhov:hover { color: #c0fc51; cursor: pointer; } .colorfade { -moz-transition:color 1s ease-in; -o-transition:color 1s ease-in; -webkit-transition:color 1s ease-in; } .color_orange { color: #f7a223; } .color_green { color: #3bf723; } .color_cyan { color: #7afaff; } .color_red { color: #ff0000; } .hidden { display: none; } .justifyleft { text-align: left; } .justifyright { text-align: right; } .settingitem { width: 20%; padding-left: 10px; padding-right: 10px; display: inline-block; } .settinglabel { color: #ffffff; display: grid; grid-template-columns: 80% 20%; } .settingminmax { display: grid; grid-template-columns: 50% 50%; } .settingminmax div { font-size: 8pt; color: #ffffff; } .spacer { display: inline-block; width: 50px; }