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

Last change on this file since 17306 was 17174, checked in by Henrik Bettermann, 2 years ago

Make submit button invisible in auto submit forms.

File size: 6.6 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.invisible {
128    background-color: white;
129    border-color: white;
130    color: white;
131    font-size: 0px;
132}
133
134/* Sidebar */
135
136.kofa-sidebar-title {
137    text-transform: none;
138    font-size: 14px;
139    color: #555;
140    font-weight: bold;
141    padding: 15px 0px 10px 8px;
142}
143
144.sidebar-nav .nav  > li > a {
145    padding: 3px 15px;
146}
147
148/* Buttons */
149
150input.btn {
151    padding: 6px 12px;
152}
153
154input.btn-sm {
155  padding: 5px 10px;
156}
157
158input.btn-xs {
159  padding: 1px 10px;
160}
161
162.table-condensed .btn {
163    margin: 0px;
164    font-size: 12px;
165}
166
167
168/* Content actionbar */
169
170div.actionbar {
171    margin-top: -6px;
172    margin-left: -10px;
173    margin-bottom: 0px;
174}
175
176.actionbar .btn-default {
177    margin-bottom: 4px;
178    padding: 4px 8px;
179    margin: 0px 0px 4px 0px;
180    display: inline-block;
181}
182
183/* Documentation link*/
184
185div.documentation {
186    margin-top: -20px;
187    text-align: right;
188}
189
190/* Kofa forms */
191
192.form-table {
193    width: 100%;
194}
195
196.form-table td {
197    padding: 5px 0px 5px 4px;
198    border-top: none;
199}
200
201.value select, .phone-input, .ac-input,
202.textType, textarea,
203.dataTables_filter input,
204.dataTables_length select,
205.ordered-selection-field select {
206    background-color: #FFFFFF;
207    border: 1px solid #CCCCCC;
208    border-radius: 4px;
209    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
210    color: #555555;
211    padding: 6px 12px;
212    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
213    margin: 0px 4px 0px 0px;
214    width: 100%;
215}
216
217.dataTables_length select {
218    width: 90px;
219}
220
221.value select:focus, .phone-input:focus, .ac-input:focus,
222.textType:focus, textarea:focus,
223.dataTables_filter input:focus,
224.ordered-selection-field select:focus {
225  border-color: #66afe9;
226  outline: 0;
227  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
228          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
229}
230
231.value select, .half {
232    width: 50%;
233}
234
235textarea {
236    font-family: Courier,"Courier New",monospace;
237}
238
239.fieldname {
240    width: 25%;
241}
242
243.form-table td {
244    vertical-align: bottom;
245}
246
247.form-table td.fieldname {
248    vertical-align: top;
249}
250
251.form-inline select {
252    width: 100%;
253}
254
255.phone-input {
256    width: 30%;
257}
258
259.ac-series {
260    width: 50px;
261}
262
263.ac-number {
264    width: 110px;
265}
266
267.hint {
268    padding: 0px 0px 5px 0px;
269    color: #bfbfbf;
270}
271
272.error {
273    color: red;
274}
275
276.datepicker-le-year {
277    width: 50%;
278}
279
280.datepicker-short {
281    width: 15%;
282}
283
284.ui-widget-header .ui-icon {
285    background-image: url("../img/ui-icons_222222_256x240.png");
286}
287
288
289 /* dataTables stuff */
290
291.dataTables_wrapper {
292    min-height: 50px;
293    margin-bottom: 50px;
294}
295
296.dataTables_filter input {
297    width: 60%;
298}
299
300.sorting { background: url('../img/sort_both.png') no-repeat center right; }
301.sorting_asc { background: url('../img/sort_asc.png') no-repeat center right; }
302.sorting_desc { background: url('../img/sort_desc.png') no-repeat center right; }
303
304.sorting_asc_disabled { background: url('../img/sort_asc_disabled.png') no-repeat center right; }
305.sorting_desc_disabled { background: url('../img/sort_desc_disabled.png') no-repeat center right; }
306
307.paginate_enabled_previous { background: url('../img/back_enabled.png') no-repeat top left; }
308.paginate_enabled_previous:hover { background: url('../img/back_enabled_hover.png') no-repeat top left; }
309.paginate_disabled_previous { background: url('../img/back_disabled.png') no-repeat top left; }
310
311.paginate_enabled_next { background: url('../img/forward_enabled.png') no-repeat top right; }
312.paginate_enabled_next:hover { background: url('../img/forward_enabled_hover.png') no-repeat top right; }
313.paginate_disabled_next { background: url('../img/forward_disabled.png') no-repeat top right; }
314
315/* Scroll icons */
316
317#toTop-right {
318        display:none;
319        text-decoration:none;
320        position:fixed;
321        bottom:-4px;
322        right:-4px;
323        outline:none;
324}
325
326.scroll-up {
327  background: url("../img/scroll_up.png") no-repeat scroll left top rgba(0, 0, 0, 0);
328  padding: 25px;
329}
330
331#toBottom-right {
332        display:none;
333        text-decoration:none;
334        position:fixed;
335        top:47px;
336        right:-4px;
337        outline:none;
338}
339
340.scroll-down {
341  background: url("../img/scroll_down.png") no-repeat scroll left top rgba(0, 0, 0, 0);
342  padding: 25px;
343}
344
345 /* docutils stuff */
346
347.section h1 {
348    font-size: 30px}
349
350.section h2 {
351    font-size: 24px}
352
353.section h3 {
354    font-size: 18px}
355
356.section h4 {
357    font-size: 14px}
358
359/* Smartphone styles */
360
361@media (max-width: 767px) {
362
363  .kofa-sidebar,
364  .kofa-content-narrow ,
365  .kofa-breadcrumbs-box-short,
366  .kofa-breadcrumbs-box-long,
367  .kofa-student-status-box {
368      padding: 0px 0px 0px 0px;
369  }
370
371  .kofa-content-wide {
372      padding: 0px 0px 0px 0px;
373  }
374
375  .value select, .half {
376      width: 100%;
377  }
378
379}
Note: See TracBrowser for help on using the repository browser.