Add more options to query form
[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 table.yellow-hover tr:hover {
68   background: yellow;
69 }
70 td.leftcol {
71   padding-left: 2px;
72 }
73 td.rightcol {
74   padding-right: 2px;
75 }
76 tr.head {
77   background: #a7ddff;
78 }
79 tr.t0 {
80   background: #ffffff;
81 }
82 tr.t1 {
83   background: #d9e2ea;
84 }
85 tr.t2 {
86   background: #ffff00;
87 }
88 td.in {
89   color: #2f9a00;
90 }
91 td.out {
92   color: #ff0000;
93 }
94 .left {
95   text-align: left;
96 }
97 .right {
98   text-align: right;
99 }
100
101 pre {
102   border: 1pt solid #cfcfcf;
103   background-color: #F3F5F7;
104   padding: 2px;
105   padding-left: 2px;
106   font-family: courier, monospace;
107   white-space: pre;
108   /* begin css 3 or browser specific rules - do not remove!
109    * see: http://forums.techguy.org/archive/index.php/t-249849.html
110    */
111   white-space: pre-wrap;
112   word-wrap: break-word;
113   white-space: -moz-pre-wrap;
114   white-space: -pre-wrap;
115   white-space: -o-pre-wrap;
116   /* end css 3 or browser specific rules */
117 }
118
119 p.img img {
120   display: block;
121   margin-left: auto;
122   margin-right: auto;
123   border: 1px solid #cfcfcf;
124 }
125
126 /*
127  * Menu
128  */
129 p.menurule {
130   height: 3px;
131   width: 100%;
132   background-color: #999999;
133   padding: 0;
134   margin-top: 7px;
135   margin-bottom: 7px;
136 }
137
138 /*
139  * Formulare
140  */
141 input, select, textarea {
142   border: 1px solid #aaaaaa;
143   font-size: inherit;
144 }
145 button {
146   font-size: inherit;
147 }
148 input.button {
149   width: auto;
150   display: inline;
151   border: 1px solid #aaaaaa;
152 }
153 input.button:hover {
154   border: 1px solid #9b9b9b;
155   background-color: #bfbfbf;
156 }
157
158 /*
159  * Popups
160  */
161 div.popup {
162   background: white;
163   border: 1px solid #777;
164   height: auto;
165   position: absolute;
166 }
167 div.popup_title {
168   top: 0px;
169   width: 100%;
170   background: #b0e2ff;
171   margin-top: 0em;
172   margin-bottom: 0px;
173   font-weight: bold;
174   padding-top: 0px;
175   padding-bottom: 1.35ex;
176   border-bottom: 1px solid #777;
177 }
178 div.popup_title p {
179   padding-left: 3px;
180   padding-bottom: 0px;
181   margin-top: 0px;
182   margin-bottom: -0.65em;
183   cursor: move;
184 }
185 div.popup_title img {
186     position: absolute;
187     right: 5px;
188     top: 3px;
189     cursor; pointer;
190 }
191 div.popup_body {
192   padding-left: 2px;
193   padding-right: 2px;
194   padding-bottom: 2px;
195 }
196 div.popup label {
197   margin-top: 2px;
198   display: block;
199 }
200 div.popup#errorwindow div.popup_title {
201   background: #ffa54f;
202   background: #ff3030;
203 }
204 div.popup#errorwindow div.popup_title p {
205   color: white;
206 }
207 div.popup#errorwindow div#errorbody {
208   padding: 5px;
209   font-weight: bold;
210   font-size: 110%;
211 }
212 div.popup#errorwindow div.popup_body {
213   background: #ffe4c4;
214 }
215
216 /*
217  * Calendar
218  */
219 table#fc {
220   z-index: 100;
221 }
222
223 div.popup div.caltitle {
224     font-weight: bold;
225 }
226
227 /*
228  * jQuery & Co.
229  */
230 div#message_div {
231     background: #ffffcd;
232     color: #555;
233     border: 1px solid limegreen;
234     font-size: 120%;
235     padding: 5px;
236 }
237
238 .autocomplete-suggestions {
239     background: white;
240     border-left: 1px solid #999;
241     border-right: 1px solid #999;
242     border-bottom: 1px solid #999;
243 }
244 .autocomplete-suggestion {
245     background: #eefaff;
246     cursor: default;
247 }
248 .autocomplete-suggestion:hover {
249     background: yellow;
250 }
251
252 [data-is-editing="1"] {
253     background: lightblue !important;
254 }
255
256 /*
257  * Footer
258  */
259 div.footer {
260   clear: both;
261   border-top: 1px solid #707070;
262 }
263 div.footerleft {
264   float: left;
265   font-size: xx-small;
266 }
267 div.footerright {
268   float: right;
269   font-size: xx-small;
270 }
271