/* System */ html, body { overflow-x: hidden; } /* IDs */ #masterContainer, div[id*="listZone"], .block { display: block; padding: 1em; } #masterContainer { background: radial-gradient(circle,#000000,#676767); width: 710px; height: auto; } #controls { position: fixed; z-index: 999; top: 0; background: rgba(255,255,255, 1); margin-left: 1.4em; } #tabControls, #tabControls2 { position: fixed; z-index: 555; width: 145px; height: 32px; padding: 0em 0.4em 0.4em 0.4em; background-color: rgba(9,107,120, 0.85); color: rgb(255,255,255); } #tabControls { background-color: rgba(9,107,120, 0.0); } #tabControls2 { height: 152px; width: auto; } #bottomControls { position: fixed; bottom: 0; margin-left: 25%; } #bottomControls input { font-size: 2em; background-color: rgba(79, 186, 70, 1); color: rgba(255,255,255,1); width: 1em; height: 1em; padding: 0.1em; } #bottomControls input: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); max-height: 450px; overflow: auto; scroll-snap-type: y mandatory; width: 630px; margin: 1.5em; } /* Classes */ .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; } .scroller { scrollbar-color: #00000084 #ffffff64; scrollbar-width: thin; } /* Control defaults */ .closeImg, .hiderImg, .muterImg, .dupeImg, .popoutImg { padding: 0.2em; width: 28px; height: 28px; float: left; } /* Control 2 imgs set to vertical */ .closeImg { clear: both; } .hiderImg, .muterImg, .dupeImg, .popoutImg { float: right; } .pTagTitleText { background-color: rgba(63, 63, 63, 0.64); line-height: 1.5em; margin-top: 4.5em; height: 3em; overflow: hidden; text-overflow: ellipsis; } .hiderImg:hover, .popoutImg:hover, .muterImg:hover, .dupeImg:hover { background-color: rgba(30, 129, 22, 1); } .block-focused { background-color: rgba(53, 103, 14, 0.8); } .closeImg:hover { background-color: rgba(196, 11, 11, 1); } .hiddenBGColor { background-color: rgba(152, 152, 152, 0.8); }