theme.css

@font-face { font-family: 'Fjalla One'; src: url('./fonts/fjallaone-regular-webfont.eot'); src: url('./fonts/fjallaone-regular-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/fjallaone-regular-webfont.woff') format('woff'), url('./fonts/fjallaone-regular-webfont.ttf') format('truetype'), url('./fonts/fjallaone-regular-webfont.svg#fjalla_oneregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Roboto'; src: url('./fonts/roboto-light-webfont.eot'); src: url('./fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/roboto-light-webfont.woff') format('woff'), url('./fonts/roboto-light-webfont.ttf') format('truetype'), url('./fonts/roboto-light-webfont.svg#robotolight') format('svg'); font-weight: normal; font-style: normal; }
*{ margin:0; padding:0; }
html{ height:100%; }
body{ height:100%; text-align:center; }
#wrap{ min-width:600px; height:100%; position:relative; background:-webkit-radial-gradient(#205983, #0A2742); background:radial-gradient(#205983, #0A2742); overflow:hidden; }
.box { width:270px; height:160px; position:absolute; top:50%; left:50%; margin:-80px 0 0 -135px; }
#login-box{ margin:25px 0 20px 0; }
#error, #label{ color:#fff; font-family:'Roboto'; font-size:30px; }
#ok_button{ display:none; }
.msg-title{ font-family:'Fjalla One'; color:#fff; font-size:60px; font-weight:normal; color: #fff; text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135; padding-top:50px; }
#entry{ font-family:'Fjalla One'; font-size:30px; border: 5px solid white; box-shadow: inset 0 0 8px  rgba(0,0,0,0.1), 0 0 16px rgba(0,0,0,0.1); padding:25px 10px; width:240px; text-align:center; background-color:#ccc; }
.buttons { width:175px; height:30px; position:absolute; bottom:20px; left:50%; margin-left:-87px; }