body { margin: 0; padding: 0; font-family: Open Sans, Everson Mono, Helvetica; } .grade1 { font-size: 200%; margin-bottom: 0; margin-top: 0; display: block; color: #00bcd4; text-align: center; } .grade2 { font-size: 150%; margin-bottom: 0; margin-top: 20px; display: block; color: #00bcd4; text-align: center; } .grade3 { font-size: 120%; margin-bottom: 0; margin-top: 20px; display: block; color: #00bcd4; text-align: center; } .ircclient { position: absolute; width: 100%; height: 100%; background: #fff; background: -moz-linear-gradient(top, #fff 0%, #e5e5e5 100%); background: -webkit-linear-gradient(top, #fff 0%, #e5e5e5 100%); background: linear-gradient(to bottom, #fff 0%, #e5e5e5 100%); } .ircclient .coverwindow { position: absolute; width: 100%; height: 100%; } .ircclient .coverwindow .wrapper { width: 320px; margin: auto; margin-top: 5%; padding: 15px; background-color: #f7f7f7; border: 1px solid #dadada; box-shadow: 4px 4px 18px #d6d6d6; } .ircclient .coverwindow .wrapper .msg.error { color: #f00; } .ircclient .coverwindow .wrapper label { display: block; font-size: 80%; margin-top: 5px; color: #2196f3; } .ircclient .coverwindow .wrapper input[type=text], .ircclient .coverwindow .wrapper input[type=number] { padding: 8px; width: 300px; border-radius: 5px; border: 1px solid #d2d2d2; box-shadow: inset 2px 2px 4px #dcdcdc; } .ircclient .coverwindow .wrapper input[type="submit"] { width: 318px; padding: 12px; margin-top: 20px; display: block; background: #87e0fd; background: -moz-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%); background: -webkit-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%); background: linear-gradient(to bottom, #87e0fd 0%, #53cbf1 40%, #05abe0 100%); border: 1px solid #2196f3; border-radius: 4px; color: #fff; font-size: 120%; font-weight: bold; text-transform: uppercase; cursor: pointer; } .ircclient .coverwindow .wrapper input[type="submit"]:hover { background: #c4effc; background: -moz-linear-gradient(top, #c4effc 0%, #7fd5ef 40%, #39b7dd 100%); background: -webkit-linear-gradient(top, #c4effc 0%, #7fd5ef 40%, #39b7dd 100%); background: linear-gradient(to bottom, #c4effc 0%, #7fd5ef 40%, #39b7dd 100%); }