/* First, reset everything to a standard */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; margin: 0; padding: 0; outline: 0; /*font-size: 12px;*/ vertical-align: top; } body {overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select:none; user-select: none; font-size: 12px; } h1 {font-size: 36px; font-weight: normal; color: #888; margin-bottom: 20px} h2 {font-size: 18px; font-weight: normal; color: #fff} .settings {font-family: arial, verdana, helvetica, sans-serif; background-color: #1c1c19; color: #fff} .settings .infoPane {position: relative; width: 230px; height: 570px; font-size: 10px; color: #888; background-color: #fff; padding: 20px; float: left} .settings .infoPane a {color: #06c; text-decoration: none} .settings .infoPane a:hover {text-decoration: underline} .settings .logo {position: relative; margin-top: 2px; width: 100px} .settings .version {position: relative; display: block; margin-top: 5px; margin-bottom: 10px; font-size: 10px; color: #bbb} .settings .settingsColumn1 {width: 220px; height: 560px; padding: 20px; float: left} .settings .settingsColumn2 {width: 420px; height: 560px; padding: 20px 20px 20px 0; float: left} .settings input, .settings textarea {border: 1px solid #555; background-color: #444; color: #fff} .settings input:focus, .settings textarea:focus { outline: none; -webkit-box-shadow: 0 0 10px 1px rgba(0,198,255,0.7); -moz-box-shadow: 0 0 10px 1px rgba(0,198,255,0.7); box-shadow: 0 0 10px 1px rgba(0,198,255,0.7); } .settings .info {font-size: 10px; color: #bbb; cursor: help} .settings .update {position: absolute; bottom: 0; right: 20px; padding: 5px 10px; font-size: 18px; background-color: rgba(0,198,255,0.7); opacity: 0.1; cursor: pointer}