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

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

Fix layout.

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.ikoba-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/* Ikoba styles */
65
66.ikoba-sidebar,
67.ikoba-content-narrow,
68.ikoba-content-wide,
69.ikoba-breadcrumbs-box-short,
70.ikoba-breadcrumbs-box-long,
71.ikoba-customer-status-box,
72.ikoba-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.ikoba-breadcrumbs-box-short .well,
87.ikoba-breadcrumbs-box-long .well,
88.ikoba-customer-status-box .well,
89.ikoba-maintenance .well {
90    padding: 5px 5px 5px 5px;
91}
92
93.ikoba-content-wide .well, .ikoba-content-narrow .well {
94    padding: 10px 20px 10px 20px;
95}
96
97.ikoba-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.ikoba-customer-status-box .well {
109    background-color: #909090;
110}
111
112.maintenance-warning {
113    text-align: center;
114}
115
116.ikoba-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.ikoba-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/* Ikoba forms */
178
179.form-table {
180    width: 100%;
181}
182
183.form-table td {
184    padding: 5px 0px 5px 4px;
185    border-top: none;
186}
187
188.value select, .phone-input, .ac-input,
189.textType, textarea,
190.dataTables_filter input,
191.dataTables_length select,
192.ordered-selection-field select {
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;
200    margin: 0px 4px 0px 0px;
201    width: 100%;
202}
203
204.dataTables_length select {
205    width: 90px;
206}
207
208.value select:focus, .phone-input:focus, .ac-input:focus,
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
218.half {
219    width: 50%;
220}
221
222.third {
223    width: 33%;
224}
225
226.quarter {
227    width: 25%;
228}
229
230.value select {
231    width: 100%;
232}
233
234textarea {
235    font-family: Courier,"Courier New",monospace;
236}
237
238.fieldname {
239    width: 25%;
240}
241
242.form-table td {
243    vertical-align: bottom;
244}
245
246.form-table td.swcheckbox {
247  vertical-align: bottom;
248}
249
250.form-table td.fieldname {
251    vertical-align: top;
252}
253
254.form-inline select {
255    width: 100%;
256}
257
258.phone-input {
259    width: 33%;
260}
261
262.ac-series {
263    width: 50px;
264}
265
266.ac-number {
267    width: 110px;
268}
269
270.hint {
271    padding: 0px 0px 5px 0px;
272    color: #bfbfbf;
273}
274
275.error {
276    color: red;
277}
278
279.datepicker-le-year {
280    width: 50%;
281}
282
283.datepicker-short {
284    width: 15%;
285}
286
287.ui-widget-header .ui-icon {
288    background-image: url("../img/ui-icons_222222_256x240.png");
289}
290
291
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
303
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; }
317.paginate_disabled_next { background: url('../img/forward_disabled.png') no-repeat top right; }
318
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
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
363/* Smartphone styles */
364
365@media (max-width: 767px) {
366
367  .ikoba-sidebar,
368  .ikoba-content-narrow ,
369  .ikoba-breadcrumbs-box-short,
370  .ikoba-breadcrumbs-box-long,
371  .ikoba-customer-status-box {
372      padding: 0px 0px 0px 0px;
373  }
374
375  .ikoba-content-wide {
376      padding: 0px 0px 0px 0px;
377  }
378
379  .value select, .half {
380      width: 100%;
381  }
382
383}
Note: See TracBrowser for help on using the repository browser.