Add Popup class
[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 #CCC;
158   height: auto;
159   position: absolute;
160 }
161 div.popup_title {
162   width: 100%;
163   background: #b0e2ff;
164   margin-top: -1em;
165   margin-bottom: 0px;
166   font-weight: bold;
167   padding-bottom: 1em;
168   border-bottom: 1px solid #777;
169 }
170 div.popup_title p {
171   padding-bottom: 0px;
172   margin-bottom: -0.65em;
173   cursor: move;
174 }
175 div.popup_title img {
176     position: absolute;
177     right: 5px;
178     top: 3px;
179     cursor; pointer;
180 }
181 div.popup_body {
182   padding-left: 2px;
183   padding-right: 2px;
184   padding-bottom: 2px;
185 }
186 div.popup label {
187   margin-top: 2px;
188   display: block;
189 }
190
191 /*
192  * Calendar
193  */
194 table#fc {
195   z-index: 100;
196 }
197
198 /*
199  * jQuery & Co.
200  */
201 div#message_div {
202     background: #ffffcd;
203     color: #555;
204     border: 1px solid limegreen;
205     font-size: 120%;
206     padding: 5px;
207 }
208 div#error_div {
209     background: white;
210     color: black;
211     border: 2px solid red;
212 }
213 div#error_div div {
214     font-size: 120%;
215     font-weight: bold;
216     padding: 5px;
217 }
218 div#error_div p {
219     text-align: right;
220     padding: 2px;
221     margin: 0;
222     border-bottom: 1px solid #CCC;
223 }
224
225 .autocomplete-suggestions {
226     background: white;
227     border-left: 1px solid #999;
228     border-right: 1px solid #999;
229     border-bottom: 1px solid #999;
230 }
231 .autocomplete-suggestion {
232     background: #eefaff;
233     cursor: default;
234 }
235 .autocomplete-suggestion:hover {
236     background: yellow;
237 }
238
239 [data-is-editing="1"] {
240     background: lightblue !important;
241 }
242
243 /*
244  * Footer
245  */
246 div.footer {
247   clear: both;
248   border-top: 1px solid #707070;
249 }
250 div.footerleft {
251   float: left;
252   font-size: xx-small;
253 }
254 div.footerright {
255   float: right;
256   font-size: xx-small;
257 }
258