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: 80px; resize: none; overflow:auto; background-color: #404040; color: #ffffff; } #btnsend { width: 100%; height: 100%; } #waitanim { position:absolute; top:10px; left:5px; } #anoterowcontainer { display: none; } #anoterow { margin-top: 10px; padding: 0px; width: 100%; display: grid; grid-template-columns: 90% 10%; } #anoterowleft { padding-right: 10px; } #anoteinput { background-color: #404040; color: #ffffff; } #anoteslidelabel { color: #ffffff; display: grid; grid-template-columns: 80% 20%; } .anotelabel { font-size: 10pt; color: #ffffff; } .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; } .helpicon { display: inline-block; font-family: sans-serif; font-weight: bold; text-align: center; width: 2.2ex; height: 2.4ex; font-size: 1.4ex; line-height: 1.8ex; border-radius: 1.2ex; margin-right: 4px; padding: 1px; color: #295071; background: #ffffff; border: 1px solid white; text-decoration: none; } .helpicon:hover { cursor: pointer; } .helpicon:hover .helptext { display: inline-block; width: 250px; background-color: #1f2931; color: #ffffff; font-size: 11pt; font-weight: normal; line-height: normal; border-radius: 6px; padding: 15px; margin-left:10px; border: 1px solid #337ab7; position: absolute; z-index: 1; } .helptext { display: none; } .justifyleft { text-align: left; } .justifyright { text-align: right; } .settingitem { width: 18%; padding-left: 10px; padding-right: 10px; display: inline-block; } .settingsave { width: 10%; 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; }