html, body { overflow-x: hidden; } #masterContainer, div[id*="listZone"], .block { display: block; padding: 1em; } #masterContainer { background: radial-gradient(circle,#000000,#676767); width: 710px; height: auto; } #controls { position: fixed; top: 0; background: rgba(255,255,255, 1); margin-left: 1.4em; } #udArrows { position: fixed; bottom: 0; margin-left: 25%; } #udArrows button { font-size: 2em; background-color: rgba(79, 186, 70, 1); color: rgba(255,255,255,1); } #udArrows button:hover { background-color: rgba(152, 152, 152, 1); color: rgba(0,0,0,1); cursor: pointer; border-style: none; } #searchBar, #errorZone { width: 630px; background: rgb(255,255,255); color: rgba(9,107,120, 0.85); text-align: center; border-color: rgba(0,0,0, 0.85); border-style: solid; } #searchBar { padding: 0.5em; font-size: 2em; } #errorZone { color: red; border-style: dotted; margin: 6em 0em 2em 2em; padding: 0.5em 0em 0.5em 0em; } #listZone { background-color: rgba(255,255,255, 1); float: left; width: 630px; height: auto; margin: 1.5em; } .block, .windowIdHeaders { display: block; clear: right; float: left; background-color: rgba(9,107,120, 0.85); color: rgb(255,255,255); } .block { background-repeat: no-repeat; background-size: 6em; background-position: center; width: 125px; height: 125px; overflow: hidden; margin: 1.5em; } .block:hover { cursor: pointer; background-color: rgba(110, 194, 45, 0.94); color: rgba(255, 255, 255, 0.84); } .windowIdHeaders { width: 100%; font-size: 2em; text-align: center; } .closeImg, .hiderImg { padding: 0.5em; width: 28px; height: 28px; clear: both; } .pTagTitleText { background-color: rgba(63, 63, 63, 0.64); line-height: 1.5em; margin-top: 2em; height: 3em; overflow: hidden; text-overflow: ellipsis; } .closeImg { float: right; } .block-focused { background-color: rgba(53, 103, 14, 0.8); } .closeImg:hover { background-color: rgba(196, 11, 11, 1); } .hiderImg:hover { background-color: rgba(30, 129, 22, 1); } .hiddenBGColor { background-color: rgba(152, 152, 152, 0.8); }