body { width: 800px; height: 600px; overflow: hidden; } ul, li { list-style: none; } input[type=image] { width: 2.5em; height: 2.5em; padding: 0.4em; background-color: #ffffff; color: #000000; } input[type=image]:hover { cursor: pointer; background-color: #a3b83b; color: #ffffff; } /* IDs */ #master-row { padding: 2em; } #master-left-column { background-color:grey } #master-right-column { padding: 0em 4em; } #master-left-column > li > button { width: 14em; } #master-gutter { position: absolute; width: 100%; bottom: 0.5em; max-height: 6em; overflow: auto; } #savedSessions { width: 100%; height: 450px; min-height: 450px; max-height: 450px; overflow-x: hidden; overflow-y: auto; margin: 0em auto; } #editList, #saveList, #loadList { max-height: 250px; overflow: auto; } #editSelectionContainer { width: 100%; height: auto; white-space: nowrap; display: block; overflow-x: auto; } #editSelectionContainer > ul { display: block; overflow: auto; } #editSelectionContainer > ul > li { float: left; } #inputId { display: none; } #selectAll { margin-bottom: 1.5em; } #lableTag { top: 48%; margin: 0 auto; color: rgba(255, 255, 255, 0.5); } /* Classes */ .modal { width: 650px; height: auto; } .scroller { scrollbar-color: #00000084 #ffffff64; scrollbar-width: thin; } .collection { padding-top: 1em; padding-bottom: 1em; } .download-container { width: 100%; height: 100%; background-image: url('../images/icons/import.png'); background-repeat: no-repeat; background-position: center; text-align: center; background-color: rgba(41, 95, 115, 0.85); transition: 0.6s; } .download-container:hover { transition: 0.6s; background-color: rgba(41, 95, 115, 0.65); cursor: pointer; } .sessionLI { background-color: #0a1827; color: #ffffff; margin: 1em 0em; padding: 1.5em; text-align: center; } .sessionLI:hover { background-color: #1e4573; cursor: pointer; } .selected { background-color: #a3b83b; box-shadow: 0px 5px 5px 5px #444444; } .icon { width: 25px; height: 25px; }