#flash-container, body { width: 100%; height: 100%; margin: 0; } body { background-color: #000; } #client-ui { height: 100%; } #flash-container { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .interstitial, Rabbo-client-reload { height: 100%; position: absolute; top: 0; width: 100%; } Rabbo-client-reload { left: 0; -ms-flex-align: center; align-items: center; background: rgba(0, 0, 0, 0.9); display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; z-index: 620; } .client-reload__button { box-shadow: 0 3px 0 1px rgba(0, 0, 0, 0.3); display: inline-block; line-height: 1.2; text-align: center; background-color: #00813e; color: #fff; font-size: 16px; border-radius: 5px; margin-bottom: 4px; text-transform: uppercase; border-color: #8eda55; border-style: solid; border-width: 2px; padding: 12px 24px; } .client-reload__button:hover { background-color: #00ab54; border-color: #b9f373; } .client-reload__button:active, .client-reload__button:disabled { background-color: #006743; border-color: #5abb37; } .client-reload__button:active, .client-reload__button:hover { border-bottom-style: solid; border-bottom-width: 2px; } .client-reload__button:active { box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.3); transform: translate(0, 2px); } .client-reload__button:disabled, .client__buttons .client__close:disabled, .client__buttons button:disabled, .discussions__reply:disabled, .register-banner__button:disabled { opacity: 0.4; } .text { text-transform: uppercase; font-size: 36px; color: #fff; font-family: "Ubuntu Condensed", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; font-weight: 400; line-height: 1.2; margin: 0.6em 0; } #adsbanner120, #flash-container { position: absolute; overflow: hidden; } #adsbanner120 { color: #000; width: 173px; font-family: "Exo 2", sans-serif; font-size: 15px; z-index: 70000; top: 47px; right: 5px; display: block; min-height: 20px; background-position: 0 214px; padding: 8px; } .hb-container { max-width: 600px; background-color: #111524; border-radius: 10px; overflow: hidden; color: #96b9ee; display: block; font-family: Ubuntu, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; margin: 80px auto 0; padding: 12px 24px; } h1, h2, h3, h4, h5, h6 { font-weight: 400; line-height: 1.2; text-transform: uppercase; color: #fff; margin: 0.6em 0; } .hb-container p { font-size: 16px; margin: 0.75em 0; } .hb-container ul { list-style-type: disc; padding-left: 26px; margin: 12px 0; } a { color: #fff; cursor: pointer; outline: 0; text-decoration: none; } .frank { float: right; } .hb-button_nav { position: fixed; top: 15px; left: 15px; } .hb-button_nav .button-left { background-color: #ffb900; border: 2px solid #ffea00; font-size: 12px; border-radius: 5px 0 0 5px; display: inline-block; padding: 5px; } .hb-button_nav .button-center { background-color: #ffb900; border: 2px solid #ffea00; font-size: 12px; border-radius: 0; display: inline-block; padding: 5px; } .hb-button_nav .button-right { background-color: #ffb900; border: 2px solid #ffea00; font-size: 12px; border-radius: 0 5px 5px 0; display: inline-block; padding: 5px; } .hb-button_nav .button-left:hover, .hb-button_nav .button-center:hover, .hb-button_nav .button-right:hover { background-color: #ffd400; border: 2px solid #fffd70; } .hb-button_nav .button-left img, .hb-button_nav .button-center img, .hb-button_nav .button-right img { vertical-align: top; } .hb-button_nav .button-left a, .hb-button_nav .button-center a, .hb-button_nav .button-right a { color: #000; text-transform: uppercase; }