source: main/waeup.ikoba/trunk/layout/static/css/base.css @ 14176

Last change on this file since 14176 was 14172, checked in by Henrik Bettermann, 8 years ago

Fix layout.

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
[11950]29.ikoba-langselect img {
[11021]30    margin-top: -10px;
31    margin-bottom: -10px;
32}
33
[13807]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
[11951]64/* Ikoba styles */
[11011]65
[11950]66.ikoba-sidebar,
67.ikoba-content-narrow,
68.ikoba-content-wide,
69.ikoba-breadcrumbs-box-short,
70.ikoba-breadcrumbs-box-long,
[14172]71.ikoba-customer-status-box,
72.ikoba-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
[11950]86.ikoba-breadcrumbs-box-short .well,
87.ikoba-breadcrumbs-box-long .well,
[14172]88.ikoba-customer-status-box .well,
89.ikoba-maintenance .well {
[10970]90    padding: 5px 5px 5px 5px;
91}
92
[11950]93.ikoba-content-wide .well, .ikoba-content-narrow .well {
[10999]94    padding: 10px 20px 10px 20px;
[10917]95}
96
[11950]97.ikoba-content-desc {
[10994]98    color: #BFBFBF;
99    font-size: 18px;
100}
101
[12033]102.wfstatus, .wfstatus-sub {
[11033]103    text-align: center;
104    background-color: #909090;
105    color: white;
106}
107
[12170]108.ikoba-customer-status-box .well {
[11033]109    background-color: #909090;
110}
111
[13807]112.maintenance-warning {
113    text-align: center;
114}
115
[14172]116.ikoba-maintenance .well {
[13807]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
[11950]129.ikoba-sidebar-title {
[10917]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
[12986]177/* Ikoba forms */
[10957]178
[10992]179.form-table {
180    width: 100%;
181}
182
[10999]183.form-table td {
[10992]184    padding: 5px 0px 5px 4px;
185    border-top: none;
186}
187
[11551]188.value select, .phone-input, .ac-input,
[11053]189.textType, textarea,
190.dataTables_filter input,
[11118]191.dataTables_length select,
[11053]192.ordered-selection-field select {
[10957]193    background-color: #FFFFFF;
194    border: 1px solid #CCCCCC;
195    border-radius: 4px;
196    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
197    color: #555555;
198    padding: 6px 12px;
199    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
[11011]200    margin: 0px 4px 0px 0px;
[11431]201    width: 100%;
[10957]202}
203
[11431]204.dataTables_length select {
205    width: 90px;
206}
207
[11551]208.value select:focus, .phone-input:focus, .ac-input:focus,
[11055]209.textType:focus, textarea:focus,
210.dataTables_filter input:focus,
211.ordered-selection-field select:focus {
212  border-color: #66afe9;
213  outline: 0;
214  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
215          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
216}
217
[12771]218.half {
[11026]219    width: 50%;
220}
221
[12804]222.third {
223    width: 33%;
224}
225
226.quarter {
227    width: 25%;
228}
229
[12771]230.value select {
231    width: 100%;
232}
233
[11003]234textarea {
235    font-family: Courier,"Courier New",monospace;
236}
237
[10992]238.fieldname {
239    width: 25%;
240}
241
[10999]242.form-table td {
243    vertical-align: bottom;
244}
245
[12313]246.form-table td.swcheckbox {
247  vertical-align: bottom;
248}
249
[10999]250.form-table td.fieldname {
251    vertical-align: top;
252}
253
[10989]254.form-inline select {
255    width: 100%;
256}
257
[10957]258.phone-input {
[12804]259    width: 33%;
[10957]260}
261
[11551]262.ac-series {
263    width: 50px;
264}
265
266.ac-number {
267    width: 110px;
268}
269
[10957]270.hint {
271    padding: 0px 0px 5px 0px;
272    color: #bfbfbf;
[10973]273}
274
[10985]275.error {
[10987]276    color: red;
[10985]277}
[10973]278
[11019]279.datepicker-le-year {
280    width: 50%;
281}
282
[11730]283.datepicker-short {
284    width: 15%;
285}
286
[11020]287.ui-widget-header .ui-icon {
288    background-image: url("../img/ui-icons_222222_256x240.png");
289}
290
291
[10987]292 /* dataTables stuff */
293
294.dataTables_wrapper {
295    min-height: 50px;
296    margin-bottom: 50px;
297}
298
299.dataTables_filter input {
300    width: 60%;
301}
302
[12408]303
[10989]304.sorting { background: url('../img/sort_both.png') no-repeat center right; }
305.sorting_asc { background: url('../img/sort_asc.png') no-repeat center right; }
306.sorting_desc { background: url('../img/sort_desc.png') no-repeat center right; }
307
308.sorting_asc_disabled { background: url('../img/sort_asc_disabled.png') no-repeat center right; }
309.sorting_desc_disabled { background: url('../img/sort_desc_disabled.png') no-repeat center right; }
310
311.paginate_enabled_previous { background: url('../img/back_enabled.png') no-repeat top left; }
312.paginate_enabled_previous:hover { background: url('../img/back_enabled_hover.png') no-repeat top left; }
313.paginate_disabled_previous { background: url('../img/back_disabled.png') no-repeat top left; }
314
315.paginate_enabled_next { background: url('../img/forward_enabled.png') no-repeat top right; }
316.paginate_enabled_next:hover { background: url('../img/forward_enabled_hover.png') no-repeat top right; }
[10992]317.paginate_disabled_next { background: url('../img/forward_disabled.png') no-repeat top right; }
[10989]318
[11464]319/* Scroll icons */
320
321#toTop-right {
322        display:none;
323        text-decoration:none;
324        position:fixed;
325        bottom:-4px;
326        right:-4px;
327        outline:none;
328}
329
330.scroll-up {
331  background: url("../img/scroll_up.png") no-repeat scroll left top rgba(0, 0, 0, 0);
332  padding: 25px;
333}
334
335#toBottom-right {
336        display:none;
337        text-decoration:none;
338        position:fixed;
339        top:47px;
340        right:-4px;
341        outline:none;
342}
343
344.scroll-down {
345  background: url("../img/scroll_down.png") no-repeat scroll left top rgba(0, 0, 0, 0);
346  padding: 25px;
347}
348
[12435]349 /* docutils stuff */
350
351.section h1 {
352    font-size: 30px}
353
354.section h2 {
355    font-size: 24px}
356
357.section h3 {
358    font-size: 18px}
359
360.section h4 {
361    font-size: 14px}
362
[10973]363/* Smartphone styles */
364
365@media (max-width: 767px) {
366
[11950]367  .ikoba-sidebar,
368  .ikoba-content-narrow ,
369  .ikoba-breadcrumbs-box-short,
370  .ikoba-breadcrumbs-box-long,
[12170]371  .ikoba-customer-status-box {
[10973]372      padding: 0px 0px 0px 0px;
373  }
374
[11950]375  .ikoba-content-wide {
[10973]376      padding: 0px 0px 0px 0px;
377  }
378
[11032]379  .value select, .half {
380      width: 100%;
381  }
[11031]382
[10957]383}
Note: See TracBrowser for help on using the repository browser.