The buttonbar at the top of each page is now a fixed 'div' element
[gnucomo.git] / src / web / gnucomo.css
1
2 body
3 {
4    background-color : rgb(120, 180, 150);
5 }
6
7 h1
8 {
9    font-family : sans-serif ;
10    text-align : center ;
11 }
12
13 h2
14 {
15    font-family : sans-serif ;
16 }
17
18 h2.error
19 {
20    font-family : sans-serif ;
21    color       : red;
22 }
23
24 div.login
25 {
26    background : rgb(80, 120, 150) ;
27    border: solid;
28    border-width: thick;
29    border-color : cyan ;
30    padding : 1em;
31    margin : 10% ;
32    width: 80%;
33    text-align : center ;
34 }
35
36 table
37 {
38    width : 90% ;
39    border-width : medium ;
40    border-style : solid ;
41    border-collapse : collapse;
42    padding : 1px ;
43 }
44
45 table.form
46 {
47    border-style : none ;
48    border-collapse : collapse;
49    padding : 1px ;
50 }
51
52 td
53 {
54    font-family : sans-serif ;
55    text-align  : left ;
56    border-width : thin ;
57    border-style : solid ;
58    vertical-align : top ;
59    padding : 2px ;
60 }
61
62 td.form
63 {
64    font-family : sans-serif ;
65    text-align  : left ;
66    border-style : none ;
67    vertical-align : top ;
68    padding : 2px ;
69 }
70
71 td.number
72 {
73    text-align  : right ;
74 }
75
76 td.time
77 {
78    width : 18em ;
79 }
80
81 th
82 {
83    border-width : thin ;
84    border-style : solid ;
85 }
86
87
88 /*  Table styles for diff-like views */
89
90 td.left
91 {
92    color : blue ;
93    font-family : sans-serif ;
94 }
95
96 td.right
97 {
98    color : lightgreen ;
99    font-family : sans-serif ;
100 }
101
102 td.both
103 {
104    color : red ;
105    font-family : sans-serif ;
106 }
107
108 td.shaded
109 {
110    color : lightgray ;
111    font-family : sans-serif ;
112 }
113
114 textarea
115 {
116    width : 60em ;
117    height : 10em ;
118 }
119
120 img
121 {
122    border-style : none ;
123 }
124
125 #header {
126   position      : fixed;
127   width         : 100%;
128   height        : 60px;
129   top           : 13px;
130   right         : 0px;
131   bottom        : auto;
132   left          : 3px;
133   border-bottom : 1px solid #cccccc;
134 }
135
136 #menu_title {
137   position      : fixed;
138   width         : auto;
139   height        : 80px;
140   top           : 0px;
141   right         : auto;
142   bottom        : auto;
143   left          : 380px;
144   border-bottom : 0px solid #cccccc;
145 }
146
147 #content {
148   position      : fixed;
149   top           : 73px;
150   bottom        : 20px;
151   margin        : 0px 0px 0px 5px;
152   width         : auto;
153   height        : auto;
154   padding-left  : 5px;
155   padding-right : 12px;
156   color         : #000000;
157   border-left   : 0px solid #cccccc;
158   overflow      : auto;
159 }
160
161 #footer {
162   position    : fixed;
163   width       : 100%;
164   height      : 20px;
165   top         : auto;
166   right       : 0;
167   bottom      : 0;
168   margin-left : 10px;
169   border-top  : 1px solid #cccccc;
170   text-align  : center;
171 }
172
173 #log_date {
174   font-family : sans-serif;
175   font-size   : 20px;
176 }