#adminBanner { width: 100%; height: 32%; position: relative; background-size: 100vw; } #adminTabs { font-size: 120%; width: 100%; margin: 0 0 0 10%; padding: 0.1% 0 0 0; position: absolute; bottom: 0; overflow: hidden; list-style-type: none; } #adminTabs li { width: 5%; margin: 0 0.5% 0 0.5%; padding: 0.7% 0.7% 0.5% 0.7%; box-shadow: 1px 1px 5px 1px #333; border-top-left-radius: 2px; border-top-right-radius: 2px; display: block; float: left; text-align: center; cursor: pointer; -webkit-transition: background-color 0.3s ease, box-shadow 0.3s ease; -moz-transition: background-color 0.3s ease, box-shadow 0.3s ease; -ms-transition: background-color 0.3s ease, box-shadow 0.3s ease; transition: background-color 0.3s ease, box-shadow 0.3s ease; } #adminTabs li:hover { box-shadow: 1px 1px 5px 1px #333, inset 0 0 0 99999px rgba(0,0,0,0.2); } #aContainer { width: 100%; height: 100%; display: inline-block; } #adminSide { width: 10%; height: 100%; display: inline-block; } .sectionTop { font-size: 130%; margin: 0; padding: 6% 6% 6% 9%; background-color: rgba(0,0,0,0.3); box-shadow: -5px -1px 7px 3px #555; } .sectionTop p { margin-left: 10%; display: inline; } .aFilter, .aFunction { font-size: 100%; margin: 0; padding: 7% 10% 7% 5%; text-align: right; cursor: pointer; -webkit-transition: box-shadow 0.3s ease; -moz-transition: box-shadow 0.3s ease; -ms-transition: box-shadow 035s ease; transition: box-shadow 0.3s ease; } .aFilter:hover, .aFunction:hover { box-shadow: inset 0 0 0 99999px rgba(0,0,0,0.08); } .aFunction { font-size: 100%; } .aFunction i { width: 40%; margin: 0; padding: 0; -webkit-filter: none; filter: none; display: inline-block; } .aFunction p { width: 50%; margin: 0; display: inline-block; } #adminContent { width: 90%; height: 68%; float: right; overflow-y: scroll; } .classItem { width: 20%; margin: 2% 0 2% 2%; padding: 1.5%; box-shadow: 2px 2px 5px 3px #666; display: inline-block; } .classItem h2 { -webkit-filter: none; filter: none; } .basicInfo, .userInfo { width: 90%; padding: 2% 0 5% 10%; display: table; } .keyContainer { width: 100%; margin: 5% 0 0 0; display: table-row; } .key { font-weight: 400; font-size: 120%; width: 40%; padding-top: 2%; display: table-cell; } .modify { width: 60%; padding: 0; display: table-cell; } .aUserContainer { margin-left: -50%; } .aUserContainer p { margin: 0; padding: 1%; }