106 lines
1.4 KiB
CSS
106 lines
1.4 KiB
CSS
* {
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
body {
|
|
background:#000;
|
|
}
|
|
|
|
#canvas {
|
|
position:absolute;
|
|
top:50%;
|
|
left:50%;
|
|
margin-top:-202px;
|
|
margin-left:-322px;
|
|
background:#000;
|
|
border:2px solid #aaa;
|
|
}
|
|
|
|
#box {
|
|
position:absolute;
|
|
top:50%;
|
|
left:50%;
|
|
border:2px solid #ccc;
|
|
padding:5px;
|
|
background:#000;
|
|
opacity:.9;
|
|
filter:alpha(opacity=90);
|
|
-moz-opacity:.9;
|
|
color:#fff;
|
|
display:none;
|
|
z-index:2;
|
|
}
|
|
|
|
#start {
|
|
background:#000 url(start.png) no-repeat;
|
|
width:640px;
|
|
height:480px;
|
|
position:absolute;
|
|
top:50%;
|
|
left:50%;
|
|
margin-top:-242px;
|
|
margin-left:-322px;
|
|
z-index:3;
|
|
border:2px solid #fff;
|
|
}
|
|
|
|
h1 {
|
|
font:normal 26px georgia;
|
|
}
|
|
|
|
h2 {
|
|
font:normal 76px georgia;
|
|
}
|
|
|
|
h3 {
|
|
font:normal 46px arial;
|
|
}
|
|
|
|
h3 div {
|
|
display:inline;
|
|
color:#ff0000;
|
|
font:bold 50px 'trebuchet ms';
|
|
}
|
|
|
|
h4 {
|
|
width:100px;
|
|
margin:0 auto;
|
|
text-align:center;
|
|
cursor:pointer;
|
|
font:normal 60px 'lucida console';
|
|
padding:3px;
|
|
border:5px dotted #aaa;
|
|
}
|
|
|
|
h4:hover {
|
|
background:#444;
|
|
border:5px dotted #777;
|
|
}
|
|
|
|
h4:active {
|
|
background:#777;
|
|
border:5px dotted #999;
|
|
}
|
|
|
|
p {
|
|
font:18px arial;
|
|
padding:3px;
|
|
cursor:pointer;
|
|
}
|
|
|
|
p:hover {
|
|
background:#666;
|
|
}
|
|
|
|
p.green, p.red {
|
|
margin-top:10px;
|
|
font:26px 'trebuchet ms';
|
|
}
|
|
|
|
p.green {
|
|
color:#00ff00;
|
|
}
|
|
p.red {
|
|
color:#ff0000;
|
|
} |