blob: e5e91ca0997cf8c30fa9c0fda268846b9676f950 (
plain)
1
|
.roomdiv{width:200px;height:100px;display:block;float:left;text-align:center;vertical-align:bottom;position:relative;font-size:30px;color:#fff;padding-top:160px;background-color:#000;cursor:pointer}.roomdiv *{cursor:pointer}.roomdiv .count{font-size:160px;color:#fff;position:absolute;left:0;top:10px;width:100%;text-align:center;vertical-align:middle;z-index:3;opacity:0.9}.roomdiv .roomname{position:absolute;left:0;top:180px;width:100%;text-align:center;vertical-align:middle;opacity:0.9;z-index:4}.roomdiv .roombg{position:absolute;background-position:center center;left:0;top:0;width:100%;height:100%;opacity:0.8;z-index:1;cursor:pointer}.roomdiv:hover .roomname{opacity:1}.roomdiv:hover .count{opacity:1}.roomdiv:hover .roombg{opacity:0.9}#roomlist{padding-top:90px}#roomlist a{text-decoration:none;cursor:pointer}body{overflow-y:scroll;background:#000}#logo{top:5px;left:10px}#logo h1#header{font-size:30px;color:#4df;top:8px;max-width:500px}#logo h2.preamblish{display:inline-block;position:relative;top:-15px;left:10px;font-size:12px;color:#fff;max-width:250px;padding-right:20px}#curtain{background:#080810;opacity:0.3;width:100%;height:100%;position:fixed;top:0;left:0;z-index:10;display:none}#login{background:#000;display:block;width:50%;top:20%;left:50%;margin-left:-25%;padding:30px;padding-bottom:60px;z-index:20;position:fixed;text-align:center;box-shadow:0 5px 10px #000}#login img{margin-bottom:20px}#login label{min-width:20%;display:inline-block;text-align:right;padding-right:10px;font-size:18px;color:#fff}#login #button-shim{width:30%;display:inline-block;text-align:left;padding:10px 10px 10px 0;margin-right:20px}#login #button-shim button{padding:2px 5px}#login #login-username,#login #login-password{width:30%;margin-right:10px;font-size:24px;border:2px solid #806;padding:10px}#login a{color:#68f;text-decoration:underline}#login button{font-size:24px}
|
