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

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

Make submit button invisible in auto submit forms.

File size: 6.6 KB
RevLine 
[11011]1/* Customized Bootstrap styles */
2
[10917]3body {
4    background-color: #f5f5f5;
[10961]5    padding-top: 52px;
[10917]6}
7
[10961]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
[11097]25.navbar-inverse {
26  border-color: #FFFFFF;
27}
28
[11021]29.kofa-langselect img {
30    margin-top: -10px;
31    margin-bottom: -10px;
32}
33
[13513]34.breadcrumb , .wfstatus, .maintenance-warning {
[10917]35    background-color: #fff;
[10960]36    margin-bottom: 0px;
37    margin-top: 0px;
38    padding: 2px 15px;
[10917]39}
40
[11032]41.breadcrumb > li {
42    display: inline;
43}
44
45.breadcrumb > li + li:before {
46    content: "/";
47    padding: 0px;
48}
49
[11011]50.well {
51    padding: 0px 5px 20px 5px;
52    margin-bottom: 10px;
53    background-image: None;
54    background-color: #fff;
[11030]55    filter: None;
[11011]56}
57
58.alert {
59  margin-bottom: 10px;
60  margin-top: 10px;
61}
62
[10977]63
[11011]64/* Kofa styles */
65
[10973]66.kofa-sidebar,
[11030]67.kofa-content-narrow,
68.kofa-content-wide,
69.kofa-breadcrumbs-box-short,
70.kofa-breadcrumbs-box-long,
[13513]71.kofa-student-status-box,
72.kofa-maintenance {
[10960]73    padding: 0px 5px 0px 5px;
74}
75
[11011]76.workflow {
[11030]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;
[10917]84}
85
[11030]86.kofa-breadcrumbs-box-short .well,
87.kofa-breadcrumbs-box-long .well,
[13513]88.kofa-student-status-box .well,
89.kofa-maintenance .well {
[10970]90    padding: 5px 5px 5px 5px;
91}
92
[10960]93.kofa-content-wide .well, .kofa-content-narrow .well {
[10999]94    padding: 10px 20px 10px 20px;
[10917]95}
96
[10994]97.kofa-content-desc {
98    color: #BFBFBF;
99    font-size: 18px;
100}
101
[12437]102.wfstatus, .wfstatus-sub {
[11033]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
[13513]112.maintenance-warning {
113    text-align: center;
114}
115
116.kofa-maintenance .well {
117    background-color: red;
118}
119
[11102]120.separator {
[11107]121    font-size: 16px;
122    color: #404040;
123    font-weight: bold;
124    line-height: 36px;
[11102]125}
126
[17174]127.invisible {
128    background-color: white;
129    border-color: white;
130    color: white;
131    font-size: 0px;
132}
133
[10971]134/* Sidebar */
135
[10917]136.kofa-sidebar-title {
137    text-transform: none;
138    font-size: 14px;
139    color: #555;
[10963]140    font-weight: bold;
[10960]141    padding: 15px 0px 10px 8px;
[10917]142}
[10957]143
[10963]144.sidebar-nav .nav  > li > a {
[10969]145    padding: 3px 15px;
[10963]146}
147
[10971]148/* Buttons */
149
[11558]150input.btn {
[11719]151    padding: 6px 12px;
[10971]152}
153
[11558]154input.btn-sm {
155  padding: 5px 10px;
156}
157
[11559]158input.btn-xs {
159  padding: 1px 10px;
160}
161
[11005]162.table-condensed .btn {
163    margin: 0px;
164    font-size: 12px;
165}
166
167
[10971]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;
[11003]180    display: inline-block;
[10971]181}
182
[12901]183/* Documentation link*/
184
185div.documentation {
186    margin-top: -20px;
187    text-align: right;
188}
189
[10957]190/* Kofa forms */
191
[10992]192.form-table {
193    width: 100%;
194}
195
[10999]196.form-table td {
[10992]197    padding: 5px 0px 5px 4px;
198    border-top: none;
199}
200
[11551]201.value select, .phone-input, .ac-input,
[11053]202.textType, textarea,
203.dataTables_filter input,
[11118]204.dataTables_length select,
[11053]205.ordered-selection-field select {
[10957]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;
[11011]213    margin: 0px 4px 0px 0px;
[11431]214    width: 100%;
[10957]215}
216
[11431]217.dataTables_length select {
218    width: 90px;
219}
220
[11551]221.value select:focus, .phone-input:focus, .ac-input:focus,
[11055]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
[11026]231.value select, .half {
232    width: 50%;
233}
234
[11003]235textarea {
236    font-family: Courier,"Courier New",monospace;
237}
238
[10992]239.fieldname {
240    width: 25%;
241}
242
[10999]243.form-table td {
244    vertical-align: bottom;
245}
246
247.form-table td.fieldname {
248    vertical-align: top;
249}
250
[10989]251.form-inline select {
252    width: 100%;
253}
254
[10957]255.phone-input {
[11551]256    width: 30%;
[10957]257}
258
[11551]259.ac-series {
260    width: 50px;
261}
262
263.ac-number {
264    width: 110px;
265}
266
[10957]267.hint {
268    padding: 0px 0px 5px 0px;
269    color: #bfbfbf;
[10973]270}
271
[10985]272.error {
[10987]273    color: red;
[10985]274}
[10973]275
[11019]276.datepicker-le-year {
277    width: 50%;
278}
279
[11730]280.datepicker-short {
281    width: 15%;
282}
283
[11020]284.ui-widget-header .ui-icon {
285    background-image: url("../img/ui-icons_222222_256x240.png");
286}
287
288
[10987]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
[10989]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; }
[10992]313.paginate_disabled_next { background: url('../img/forward_disabled.png') no-repeat top right; }
[10989]314
[11464]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
[12437]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
[10973]359/* Smartphone styles */
360
361@media (max-width: 767px) {
362
363  .kofa-sidebar,
[11030]364  .kofa-content-narrow ,
365  .kofa-breadcrumbs-box-short,
366  .kofa-breadcrumbs-box-long,
367  .kofa-student-status-box {
[10973]368      padding: 0px 0px 0px 0px;
369  }
370
371  .kofa-content-wide {
372      padding: 0px 0px 0px 0px;
373  }
374
[11032]375  .value select, .half {
376      width: 100%;
377  }
[11031]378
[10957]379}
Note: See TracBrowser for help on using the repository browser.