.rs-base { background-color: #333; color: #fafafa; border-radius: 0; font: 10px monospace; left: 5px; line-height: 1em; opacity: 0.85; overflow: hidden; padding: 10px; position: fixed; top: 5px; width: 300px; z-index: 10000; } .rs-base div.hidden { display: none; } .rs-base h1 { color: #fff; cursor: pointer; font-size: 1.4em; font-weight: 300; margin: 0 0 5px; padding: 0; } .rs-group { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; margin-bottom: 5px; } .rs-group:last-child { margin-bottom: 0; } .rs-counter-base { align-items: center; display: -webkit-box; display: -webkit-flex; display: flex; height: 10px; -webkit-justify-content: space-between; justify-content: space-between; margin: 2px 0; } .rs-counter-base.alarm { color: #b70000; text-shadow: 0 0 0 #b70000, 0 0 1px #fff, 0 0 1px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 4px #fff, 0 0 4px #fff; } .rs-counter-id { font-weight: 300; -webkit-box-ordinal-group: 0; -webkit-order: 0; order: 0; width: 54px; } .rs-counter-value { font-weight: 300; -webkit-box-ordinal-group: 1; -webkit-order: 1; order: 1; text-align: right; width: 35px; } .rs-canvas { -webkit-box-ordinal-group: 2; -webkit-order: 2; order: 2; } @media (min-width: 480px) { .rs-base { left: 20px; top: 20px; } }