Add lots of JS magic to make calendar usable
[infodrom.org/service.infodrom.org] / src / infodrom.css
1 /*
2  * General settings
3  */
4 body {
5   font-family: Verdana, Helvetica, Arial, sans-serif;
6   font-size: 13px;
7   line-height: 18px;
8   background-color: #f7f7f7;
9   color: #000000;
10 }
11
12 /*
13  * No underline for links
14  */
15 a:link {
16   text-decoration: none;
17   cursor: pointer;
18 }
19 a:visited {
20   text-decoration: none;
21   cursor: pointer;
22 }
23
24 /*
25  * General layout
26  */
27 .font {
28   font-size: 13px;
29 }
30 .smallfont {
31   font-size: 11px;
32   line-height: 14px;
33 }
34 .height {
35   line-height: 15px;
36 }
37 .none {
38   display: none;
39 }
40 .border {
41   border: 1px solid #9b9b9b;
42 }
43 h3.bar {
44   padding-left: 5px;
45   padding-bottom: 2px;
46   font-size: 14px;
47   background: #98c5e5;
48 }
49 .jsaction {
50     color: #666;
51 }
52 img.border {
53   border: 2px solid #e5e5e5;
54 }
55 div.webgraph {
56   margin-left: 20px;
57   margin-bottom: 15px;
58 }
59 table.webgraph td {
60   border: 1px solid #CCC;
61   font-size: small;
62   text-align: center;
63 }
64 table.webgraph td:hover {
65   background: #DDD;
66 }
67 td.leftcol {
68   padding-left: 2px;
69 }
70 td.rightcol {
71   padding-right: 2px;
72 }
73 tr.head {
74   background: #a7ddff;
75 }
76 tr.t0 {
77   background: #ffffff;
78 }
79 tr.t1 {
80   background: #d9e2ea;
81 }
82 tr.t2 {
83   background: #ffff00;
84 }
85 td.in {
86   color: #2f9a00;
87 }
88 td.out {
89   color: #ff0000;
90 }
91 .left {
92   text-align: left;
93 }
94 .right {
95   text-align: right;
96 }
97
98 pre {
99   border: 1pt solid #cfcfcf;
100   background-color: #F3F5F7;
101   padding: 2px;
102   padding-left: 2px;
103   font-family: courier, monospace;
104   white-space: pre;
105   /* begin css 3 or browser specific rules - do not remove!
106    * see: http://forums.techguy.org/archive/index.php/t-249849.html
107    */
108   white-space: pre-wrap;
109   word-wrap: break-word;
110   white-space: -moz-pre-wrap;
111   white-space: -pre-wrap;
112   white-space: -o-pre-wrap;
113   /* end css 3 or browser specific rules */
114 }
115
116 p.img img {
117   display: block;
118   margin-left: auto;
119   margin-right: auto;
120   border: 1px solid #cfcfcf;
121 }
122
123 /*
124  * Menu
125  */
126 p.menurule {
127   height: 3px;
128   width: 100%;
129   background-color: #999999;
130   padding: 0;
131   margin-top: 7px;
132   margin-bottom: 7px;
133 }
134
135 /*
136  * Formulare
137  */
138 input, select, textarea {
139   border: 1px solid #aaaaaa;
140   font-size: inherit;
141 }
142 input.button {
143   width: auto;
144   display: inline;
145   border: 1px solid #aaaaaa;
146 }
147 input.button:hover {
148   border: 1px solid #9b9b9b;
149   background-color: #bfbfbf;
150 }
151
152 /*
153  * Popups
154  */
155 div.popup {
156   background: white;
157   border: 1px solid #777;
158   height: auto;
159   position: absolute;
160 }
161 div.popup_title {
162   top: 0px;
163   width: 100%;
164   background: #b0e2ff;
165   margin-top: -1em;
166   margin-bottom: 0px;
167   font-weight: bold;
168   padding-top: 0px;
169   padding-bottom: 1.35ex;
170   border-bottom: 1px solid #777;
171 }
172 div.popup_title p {
173   padding-left: 3px;
174   padding-bottom: 0px;
175   margin-bottom: -0.65em;
176   cursor: move;
177 }
178 div.popup_title img {
179     position: absolute;
180     right: 5px;
181     top: 3px;
182     cursor; pointer;
183 }
184 div.popup_body {
185   padding-left: 2px;
186   padding-right: 2px;
187   padding-bottom: 2px;
188 }
189 div.popup label {
190   margin-top: 2px;
191   display: block;
192 }
193 div.popup#errorwindow div.popup_title {
194   background: #ffa54f;
195   background: #ff3030;
196 }
197 div.popup#errorwindow div.popup_title p {
198   color: white;
199 }
200 div.popup#errorwindow div#errorbody {
201   padding: 5px;
202   font-weight: bold;
203   font-size: 110%;
204 }
205 div.popup#errorwindow div.popup_body {
206   background: #ffe4c4;
207 }
208
209 /*
210  * Calendar
211  */
212 table#fc {
213   z-index: 100;
214 }
215
216 div.popup div.caltitle {
217     font-weight: bold;
218 }
219
220 /*
221  * jQuery & Co.
222  */
223 div#message_div {
224     background: #ffffcd;
225     color: #555;
226     border: 1px solid limegreen;
227     font-size: 120%;
228     padding: 5px;
229 }
230
231 .autocomplete-suggestions {
232     background: white;
233     border-left: 1px solid #999;
234     border-right: 1px solid #999;
235     border-bottom: 1px solid #999;
236 }
237 .autocomplete-suggestion {
238     background: #eefaff;
239     cursor: default;
240 }
241 .autocomplete-suggestion:hover {
242     background: yellow;
243 }
244
245 [data-is-editing="1"] {
246     background: lightblue !important;
247 }
248
249 /*
250  * Footer
251  */
252 div.footer {
253   clear: both;
254   border-top: 1px solid #707070;
255 }
256 div.footerleft {
257   float: left;
258   font-size: xx-small;
259 }
260 div.footerright {
261   float: right;
262   font-size: xx-small;
263 }
264