img { max-width:100%; max-height:100%; } .header { position: fixed; top: 0; left: 0; width: 100%; list-style-type: none; margin: 0; padding: 0; background-color: #dddddd; } .header li { display: inline; } #headerHidden { width: auto; } #questContainer { display: flex; overflow: auto; } #questPane { padding-left: 10px; padding-right: 32%; min-width: 0; } .questPost { display: flex; } .questPostMeta { white-space: nowrap; padding-right: 15px; } .questPostData { word-wrap: break-word; min-width: 0; } #QMPostPane { display: flex; } #QMPostTabs { display: inline-block; list-style-type: none; padding: 0; margin: 0; background-color: #f1f1f1; height: 200px; } .QMPostTab { display: block; padding: 8px 16px; text-decoration: none; } .QMPostTab:hover { background-color: #555; color: white; } .QMPostTab.active { background-color: #555; color: white; } .QMPostTabContent { flex: auto; padding: 0px 12px; border: 1px solid #ccc; border-left: none; width: 100px; } #postTextArea { max-width: 100%; } #chatPane { height: 100%; width: 30%; right: 0; position: fixed; display: flex; flex-direction: column; } #chatWindow { border: 1px solid #ccc; overflow: auto; flex: 1; } .message { width: 100%; word-wrap: break-word; } #messageTextDiv { padding-bottom: 10px; width: 100%; display: flex; flex-direction: column; } #messageTextArea { resize: none; box-sizing: border-box; } .greenText { color: green; }