source: main/waeup.kofa/trunk/layout/static/css/base.css @ 13827

Last change on this file since 13827 was 13513, checked in by Henrik Bettermann, 10 years ago

Add maintenance mode warning box which the enabler sees if logged in.

File size: 6.5 KB
Line 
1/* Customized Bootstrap styles */
2
3body {
4    background-color: #f5f5f5;
5    padding-top: 52px;
6}
7
8.navbar-fixed-top, .navbar {
9    min-height:40px;
10}
11
12.navbar-nav > li > a, .navbar-brand {
13    padding-top:10px;
14    padding-bottom:10px;
15}
16
17.navbar-toggle {
18    padding: 4px 10px;
19}
20
21.navbar-nav.navbar-right:last-child {
22  margin-right: -5px;
23}
24
25.navbar-inverse {
26  border-color: #FFFFFF;
27}
28
29.kofa-langselect img {
30    margin-top: -10px;
31    margin-bottom: -10px;
32}
33
34.breadcrumb , .wfstatus, .maintenance-warning {
35    background-color: #fff;
36    margin-bottom: 0px;
37    margin-top: 0px;
38    padding: 2px 15px;
39}
40
41.breadcrumb > li {
42    display: inline;
43}
44
45.breadcrumb > li + li:before {
46    content: "/";
47    padding: 0px;
48}
49
50.well {
51    padding: 0px 5px 20px 5px;
52    margin-bottom: 10px;
53    background-image: None;
54    background-color: #fff;
55    filter: None;
56}
57
58.alert {
59  margin-bottom: 10px;
60  margin-top: 10px;
61}
62
63
64/* Kofa styles */
65
66.kofa-sidebar,
67.kofa-content-narrow,
68.kofa-content-wide,
69.kofa-breadcrumbs-box-short,
70.kofa-breadcrumbs-box-long,
71.kofa-student-status-box,
72.kofa-maintenance {
73    padding: 0px 5px 0px 5px;
74}
75
76.workflow {
77    border:1px solid #1fdf00;
78    background-color:#bbffb6;
79    font-family: courier;
80    font-size: 100%;
81    padding: 4px;
82    margin-bottom: 8px;
83    line-height: 16px;
84}
85
86.kofa-breadcrumbs-box-short .well,
87.kofa-breadcrumbs-box-long .well,
88.kofa-student-status-box .well,
89.kofa-maintenance .well {
90    padding: 5px 5px 5px 5px;
91}
92
93.kofa-content-wide .well, .kofa-content-narrow .well {
94    padding: 10px 20px 10px 20px;
95}
96
97.kofa-content-desc {
98    color: #BFBFBF;
99    font-size: 18px;
100}
101
102.wfstatus, .wfstatus-sub {
103    text-align: center;
104    background-color: #909090;
105    color: white;
106}
107
108.kofa-student-status-box .well {
109    background-color: #909090;
110}
111
112.maintenance-warning {
113    text-align: center;
114}
115
116.kofa-maintenance .well {
117    background-color: red;
118}
119
120.separator {
121    font-size: 16px;
122    color: #404040;
123    font-weight: bold;
124    line-height: 36px;
125}
126
127/* Sidebar */
128
129.kofa-sidebar-title {
130    text-transform: none;
131    font-size: 14px;
132    color: #555;
133    font-weight: bold;
134    padding: 15px 0px 10px 8px;
135}
136
137.sidebar-nav .nav  > li > a {
138    padding: 3px 15px;
139}
140
141/* Buttons */
142
143input.btn {
144    padding: 6px 12px;
145    margin-right: 4px;
146}
147
148input.btn-sm {
149  padding: 5px 10px;
150}
151
152input.btn-xs {
153  padding: 1px 10px;
154}
155
156.table-condensed .btn {
157    margin: 0px;
158    font-size: 12px;
159}
160
161
162/* Content actionbar */
163
164div.actionbar {
165    margin-top: -6px;
166    margin-left: -10px;
167    margin-bottom: 0px;
168}
169
170.actionbar .btn-default {
171    margin-bottom: 4px;
172    padding: 4px 8px;
173    margin: 0px 0px 4px 0px;
174    display: inline-block;
175}
176
177/* Documentation link*/
178
179div.documentation {
180    margin-top: -20px;
181    text-align: right;
182}
183
184/* Kofa forms */
185
186.form-table {
187    width: 100%;
188}
189
190.form-table td {
191    padding: 5px 0px 5px 4px;
192    border-top: none;
193}
194
195.value select, .phone-input, .ac-input,
196.textType, textarea,
197.dataTables_filter input,
198.dataTables_length select,
199.ordered-selection-field select {
200    background-color: #FFFFFF;
201    border: 1px solid #CCCCCC;
202    border-radius: 4px;
203    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
204    color: #555555;
205    padding: 6px 12px;
206    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
207    margin: 0px 4px 0px 0px;
208    width: 100%;
209}
210
211.dataTables_length select {
212    width: 90px;
213}
214
215.value select:focus, .phone-input:focus, .ac-input:focus,
216.textType:focus, textarea:focus,
217.dataTables_filter input:focus,
218.ordered-selection-field select:focus {
219  border-color: #66afe9;
220  outline: 0;
221  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
222          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
223}
224
225.value select, .half {
226    width: 50%;
227}
228
229textarea {
230    font-family: Courier,"Courier New",monospace;
231}
232
233.fieldname {
234    width: 25%;
235}
236
237.form-table td {
238    vertical-align: bottom;
239}
240
241.form-table td.fieldname {
242    vertical-align: top;
243}
244
245.form-inline select {
246    width: 100%;
247}
248
249.phone-input {
250    width: 30%;
251}
252
253.ac-series {
254    width: 50px;
255}
256
257.ac-number {
258    width: 110px;
259}
260
261.hint {
262    padding: 0px 0px 5px 0px;
263    color: #bfbfbf;
264}
265
266.error {
267    color: red;
268}
269
270.datepicker-le-year {
271    width: 50%;
272}
273
274.datepicker-short {
275    width: 15%;
276}
277
278.ui-widget-header .ui-icon {
279    background-image: url("../img/ui-icons_222222_256x240.png");
280}
281
282
283 /* dataTables stuff */
284
285.dataTables_wrapper {
286    min-height: 50px;
287    margin-bottom: 50px;
288}
289
290.dataTables_filter input {
291    width: 60%;
292}
293
294.sorting { background: url('../img/sort_both.png') no-repeat center right; }
295.sorting_asc { background: url('../img/sort_asc.png') no-repeat center right; }
296.sorting_desc { background: url('../img/sort_desc.png') no-repeat center right; }
297
298.sorting_asc_disabled { background: url('../img/sort_asc_disabled.png') no-repeat center right; }
299.sorting_desc_disabled { background: url('../img/sort_desc_disabled.png') no-repeat center right; }
300
301.paginate_enabled_previous { background: url('../img/back_enabled.png') no-repeat top left; }
302.paginate_enabled_previous:hover { background: url('../img/back_enabled_hover.png') no-repeat top left; }
303.paginate_disabled_previous { background: url('../img/back_disabled.png') no-repeat top left; }
304
305.paginate_enabled_next { background: url('../img/forward_enabled.png') no-repeat top right; }
306.paginate_enabled_next:hover { background: url('../img/forward_enabled_hover.png') no-repeat top right; }
307.paginate_disabled_next { background: url('../img/forward_disabled.png') no-repeat top right; }
308
309/* Scroll icons */
310
311#toTop-right {
312        display:none;
313        text-decoration:none;
314        position:fixed;
315        bottom:-4px;
316        right:-4px;
317        outline:none;
318}
319
320.scroll-up {
321  background: url("../img/scroll_up.png") no-repeat scroll left top rgba(0, 0, 0, 0);
322  padding: 25px;
323}
324
325#toBottom-right {
326        display:none;
327        text-decoration:none;
328        position:fixed;
329        top:47px;
330        right:-4px;
331        outline:none;
332}
333
334.scroll-down {
335  background: url("../img/scroll_down.png") no-repeat scroll left top rgba(0, 0, 0, 0);
336  padding: 25px;
337}
338
339 /* docutils stuff */
340
341.section h1 {
342    font-size: 30px}
343
344.section h2 {
345    font-size: 24px}
346
347.section h3 {
348    font-size: 18px}
349
350.section h4 {
351    font-size: 14px}
352
353/* Smartphone styles */
354
355@media (max-width: 767px) {
356
357  .kofa-sidebar,
358  .kofa-content-narrow ,
359  .kofa-breadcrumbs-box-short,
360  .kofa-breadcrumbs-box-long,
361  .kofa-student-status-box {
362      padding: 0px 0px 0px 0px;
363  }
364
365  .kofa-content-wide {
366      padding: 0px 0px 0px 0px;
367  }
368
369  .value select, .half {
370      width: 100%;
371  }
372
373}
Note: See TracBrowser for help on using the repository browser.