|
robert@4
|
1 /* RESETS */
|
|
robert@4
|
2 body,html{overflow:hidden;}
|
|
robert@4
|
3 body,html,ul,ol,h1,h2,h3,h4,h5,h6,div,span,table,tr,td,input{margin:0;padding:0;font:12px Arial,Helvetica,Verdana,sans-serif}
|
|
robert@4
|
4 ul{list-style-type:none;}
|
|
robert@4
|
5
|
|
robert@4
|
6 h1{font-size:170%;margin-right:1em;color:#026;display:block;margin-bottom:6px;}
|
|
robert@4
|
7 h3{font-weight:bolder;display:inline;}
|
|
robert@4
|
8
|
|
robert@4
|
9 /* MAIN BODY */
|
|
robert@4
|
10 body{padding:6px;padding-top:75px;}
|
|
robert@4
|
11
|
|
robert@4
|
12
|
|
robert@4
|
13 #footer{position:absolute;left:6px;bottom:6px;right:6px;padding:4px 0px;padding-left:6px;}
|
|
robert@4
|
14 #result{display:inline;color:#333;}
|
|
robert@4
|
15
|
|
robert@4
|
16
|
|
robert@4
|
17 #header{position:absolute;top:3px;left:6px;right:6px;
|
|
robert@4
|
18 background:#8be;
|
|
robert@4
|
19
|
|
robert@4
|
20 height:60px;
|
|
robert@4
|
21 overflow:hidden;
|
|
robert@4
|
22 padding:8px;
|
|
robert@4
|
23 padding-bottom:0px;
|
|
robert@4
|
24 padding-right:0px;
|
|
robert@4
|
25 }
|
|
robert@4
|
26 #header *{vertical-align:middle;}
|
|
robert@4
|
27
|
|
robert@4
|
28
|
|
robert@7
|
29 img { border: none; }
|
|
robert@4
|
30
|
|
robert@4
|
31 /* OUTPUT */
|
|
robert@4
|
32 #out1{
|
|
robert@4
|
33 border:1px solid #888;
|
|
robert@4
|
34 position:absolute;left:6px;top:75px;right:6px;bottom:32px;
|
|
robert@4
|
35 display:block;
|
|
robert@4
|
36 overflow-y:auto;
|
|
robert@4
|
37 overflow-x:hidden;
|
|
robert@5
|
38 text-align:center;
|
|
robert@5
|
39 vertical-align:middle;
|
|
robert@5
|
40 padding-top:16px;
|
|
robert@5
|
41 }
|
|
robert@5
|
42
|
|
robert@5
|
43 #out1 img {
|
|
robert@5
|
44 padding:2px;
|
|
robert@5
|
45 width:18%;
|
|
robert@4
|
46 }
|
|
robert@4
|
47
|
|
robert@4
|
48
|
|
robert@4
|
49 /* UI */
|
|
robert@4
|
50 #radiobuttons{display:inline;}
|
|
robert@4
|
51 #radiobuttons a{text-decoration:none;color:#000;font-size:14px;margin-left:2px;margin-right:.6em;}
|
|
robert@5
|
52 #b2{font-size:15px;padding:4px 2px;margin-left:4px;margin-top:-4px;}
|
|
robert@4
|
53
|
|
robert@4
|
54
|
|
robert@4
|
55
|
|
robert@4
|
56
|
|
robert@4
|
57 /*THEMES */
|
|
robert@4
|
58 #out1{background:#fff url("./pkb.jpg") no-repeat;background-position:bottom right;}
|
|
robert@4
|
59
|
|
robert@4
|
60
|
|
robert@6
|
61 #header,#footer,#rules{background:#e0eeff;border:1px solid #c3d9ff;}
|
|
robert@4
|
62
|
|
robert@4
|
63 /*#header,#footer{background:#f66;border:none;}
|
|
robert@4
|
64 #header{border-bottom:2px solid #000;}
|
|
robert@4
|
65 h1{color:#000}*/ |
