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

Last change on this file since 13783 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
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
[10971]127/* Sidebar */
128
[10917]129.kofa-sidebar-title {
130    text-transform: none;
131    font-size: 14px;
132    color: #555;
[10963]133    font-weight: bold;
[10960]134    padding: 15px 0px 10px 8px;
[10917]135}
[10957]136
[10963]137.sidebar-nav .nav  > li > a {
[10969]138    padding: 3px 15px;
[10963]139}
140
[10971]141/* Buttons */
142
[11558]143input.btn {
[11719]144    padding: 6px 12px;
[11558]145    margin-right: 4px;
[10971]146}
147
[11558]148input.btn-sm {
149  padding: 5px 10px;
150}
151
[11559]152input.btn-xs {
153  padding: 1px 10px;
154}
155
[11005]156.table-condensed .btn {
157    margin: 0px;
158    font-size: 12px;
159}
160
161
[10971]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;
[11003]174    display: inline-block;
[10971]175}
176
[12901]177/* Documentation link*/
178
179div.documentation {
180    margin-top: -20px;
181    text-align: right;
182}
183
[10957]184/* Kofa forms */
185
[10992]186.form-table {
187    width: 100%;
188}
189
[10999]190.form-table td {
[10992]191    padding: 5px 0px 5px 4px;
192    border-top: none;
193}
194
[11551]195.value select, .phone-input, .ac-input,
[11053]196.textType, textarea,
197.dataTables_filter input,
[11118]198.dataTables_length select,
[11053]199.ordered-selection-field select {
[10957]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;
[11011]207    margin: 0px 4px 0px 0px;
[11431]208    width: 100%;
[10957]209}
210
[11431]211.dataTables_length select {
212    width: 90px;
213}
214
[11551]215.value select:focus, .phone-input:focus, .ac-input:focus,
[11055]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
[11026]225.value select, .half {
226    width: 50%;
227}
228
[11003]229textarea {
230    font-family: Courier,"Courier New",monospace;
231}
232
[10992]233.fieldname {
234    width: 25%;
235}
236
[10999]237.form-table td {
238    vertical-align: bottom;
239}
240
241.form-table td.fieldname {
242    vertical-align: top;
243}
244
[10989]245.form-inline select {
246    width: 100%;
247}
248
[10957]249.phone-input {
[11551]250    width: 30%;
[10957]251}
252
[11551]253.ac-series {
254    width: 50px;
255}
256
257.ac-number {
258    width: 110px;
259}
260
[10957]261.hint {
262    padding: 0px 0px 5px 0px;
263    color: #bfbfbf;
[10973]264}
265
[10985]266.error {
[10987]267    color: red;
[10985]268}
[10973]269
[11019]270.datepicker-le-year {
271    width: 50%;
272}
273
[11730]274.datepicker-short {
275    width: 15%;
276}
277
[11020]278.ui-widget-header .ui-icon {
279    background-image: url("../img/ui-icons_222222_256x240.png");
280}
281
282
[10987]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
[10989]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; }
[10992]307.paginate_disabled_next { background: url('../img/forward_disabled.png') no-repeat top right; }
[10989]308
[11464]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
[12437]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
[10973]353/* Smartphone styles */
354
355@media (max-width: 767px) {
356
357  .kofa-sidebar,
[11030]358  .kofa-content-narrow ,
359  .kofa-breadcrumbs-box-short,
360  .kofa-breadcrumbs-box-long,
361  .kofa-student-status-box {
[10973]362      padding: 0px 0px 0px 0px;
363  }
364
365  .kofa-content-wide {
366      padding: 0px 0px 0px 0px;
367  }
368
[11032]369  .value select, .half {
370      width: 100%;
371  }
[11031]372
[10957]373}
Note: See TracBrowser for help on using the repository browser.