#adminBanner { width: 100%; position: relative; } #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: 100%; float: right; }