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

Last change on this file since 15045 was 14843, checked in by Henrik Bettermann, 7 years ago

Fix navbar background color.

File size: 6.7 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    height: 40px;
11}
12
13.navbar-brand {
14    height: 0px;
15}
16
17.navbar-nav > li > a, .navbar-brand {
18    padding-top:10px;
19    padding-bottom:10px;
20    line-height: 19px;
21}
22
23.navbar-toggle {
24    padding: 4px 10px;
25}
26
27.navbar-nav.navbar-right:last-child {
28  margin-right: -5px;
29}
30
31.navbar-inverse {
32  border-color: #FFFFFF;
33}
34
35@media (max-width: 767px) {
36 .navbar-inverse .navbar-collapse {
37  background-color: #222;
38  }
39}
40
41.ikoba-langselect img {
42    margin-top: -10px;
43    margin-bottom: -10px;
44}
45
46.breadcrumb , .wfstatus, .maintenance-warning {
47    background-color: #fff;
48    margin-bottom: 0px;
49    margin-top: 0px;
50    padding: 2px 15px;
51}
52
53.breadcrumb > li {
54    display: inline;
55}
56
57.breadcrumb > li + li:before {
58    content: "/";
59    padding: 0px;
60}
61
62.well {
63    padding: 0px 5px 20px 5px;
64    margin-bottom: 10px;
65    background-image: None;
66    background-color: #fff;
67    filter: None;
68}
69
70.alert {
71  margin-bottom: 10px;
72  margin-top: 10px;
73}
74
75
76/* Ikoba styles */
77
78.ikoba-sidebar,
79.ikoba-content-narrow,
80.ikoba-content-wide,
81.ikoba-breadcrumbs-box-short,
82.ikoba-breadcrumbs-box-long,
83.ikoba-customer-status-box,
84.ikoba-maintenance {
85    padding: 0px 5px 0px 5px;
86}
87
88.workflow {
89    border:1px solid #1fdf00;
90    background-color:#bbffb6;
91    font-family: courier;
92    font-size: 100%;
93    padding: 4px;
94    margin-bottom: 8px;
95    line-height: 16px;
96}
97
98.ikoba-breadcrumbs-box-short .well,
99.ikoba-breadcrumbs-box-long .well,
100.ikoba-customer-status-box .well,
101.ikoba-maintenance .well {
102    padding: 5px 5px 5px 5px;
103}
104
105.ikoba-content-wide .well, .ikoba-content-narrow .well {
106    padding: 10px 20px 10px 20px;
107}
108
109.ikoba-content-desc {
110    color: #BFBFBF;
111    font-size: 18px;
112}
113
114.wfstatus, .wfstatus-sub {
115    text-align: center;
116    background-color: #909090;
117    color: white;
118}
119
120.ikoba-customer-status-box .well {
121    background-color: #909090;
122}
123
124.maintenance-warning {
125    text-align: center;
126}
127
128.ikoba-maintenance .well {
129    background-color: red;
130}
131
132.separator {
133    font-size: 16px;
134    color: #404040;
135    font-weight: bold;
136    line-height: 36px;
137}
138
139/* Sidebar */
140
141.ikoba-sidebar-title {
142    text-transform: none;
143    font-size: 14px;
144    color: #555;
145    font-weight: bold;
146    padding: 15px 0px 10px 8px;
147}
148
149.sidebar-nav .nav  > li > a {
150    padding: 3px 15px;
151}
152
153/* Buttons */
154
155input.btn {
156    padding: 6px 12px;
157    margin-right: 0px;
158}
159
160input.btn-sm {
161  padding: 5px 10px;
162}
163
164input.btn-xs {
165  padding: 1px 10px;
166}
167
168.table-condensed .btn {
169    margin: 0px;
170    font-size: 12px;
171}
172
173
174/* Content actionbar */
175
176div.actionbar {
177    margin-top: -6px;
178    margin-left: -10px;
179    margin-bottom: 0px;
180}
181
182.actionbar .btn-default {
183    margin-bottom: 4px;
184    padding: 4px 8px;
185    margin: 0px 0px 4px 0px;
186    display: inline-block;
187}
188
189/* Ikoba forms */
190
191.form-table {
192    width: 100%;
193}
194
195.form-table td {
196    padding: 5px 0px 5px 4px;
197    border-top: none;
198}
199
200.value select, .phone-input, .ac-input,
201.textType, textarea,
202.dataTables_filter input,
203.dataTables_length select,
204.ordered-selection-field select {
205    background-color: #FFFFFF;
206    border: 1px solid #CCCCCC;
207    border-radius: 4px;
208    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
209    color: #555555;
210    padding: 6px 12px;
211    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
212    margin: 0px 4px 0px 0px;
213    width: 100%;
214}
215
216.dataTables_length select {
217    width: 90px;
218}
219
220.value select:focus, .phone-input:focus, .ac-input:focus,
221.textType:focus, textarea:focus,
222.dataTables_filter input:focus,
223.ordered-selection-field select:focus {
224  border-color: #66afe9;
225  outline: 0;
226  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
227          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
228}
229
230.half {
231    width: 50%;
232}
233
234.third {
235    width: 33%;
236}
237
238.quarter {
239    width: 25%;
240}
241
242.value select {
243    width: 100%;
244}
245
246textarea {
247    font-family: Courier,"Courier New",monospace;
248}
249
250.fieldname {
251    width: 25%;
252}
253
254.form-table td {
255    vertical-align: bottom;
256}
257
258.form-table td.swcheckbox {
259  vertical-align: bottom;
260}
261
262.form-table td.fieldname {
263    vertical-align: top;
264}
265
266.form-inline select {
267    width: 100%;
268}
269
270.phone-input {
271    width: 31%;
272}
273
274.ac-series {
275    width: 50px;
276}
277
278.ac-number {
279    width: 110px;
280}
281
282.hint {
283    padding: 0px 0px 5px 0px;
284    color: #bfbfbf;
285}
286
287.error {
288    color: red;
289}
290
291.datepicker-le-year {
292    width: 50%;
293}
294
295.datepicker-short {
296    width: 15%;
297}
298
299.ui-widget-header .ui-icon {
300    background-image: url("../img/ui-icons_222222_256x240.png");
301}
302
303
304 /* dataTables stuff */
305
306.dataTables_wrapper {
307    min-height: 50px;
308    margin-bottom: 50px;
309}
310
311.dataTables_filter input {
312    width: 60%;
313}
314
315
316.sorting { background: url('../img/sort_both.png') no-repeat center right; }
317.sorting_asc { background: url('../img/sort_asc.png') no-repeat center right; }
318.sorting_desc { background: url('../img/sort_desc.png') no-repeat center right; }
319
320.sorting_asc_disabled { background: url('../img/sort_asc_disabled.png') no-repeat center right; }
321.sorting_desc_disabled { background: url('../img/sort_desc_disabled.png') no-repeat center right; }
322
323.paginate_enabled_previous { background: url('../img/back_enabled.png') no-repeat top left; }
324.paginate_enabled_previous:hover { background: url('../img/back_enabled_hover.png') no-repeat top left; }
325.paginate_disabled_previous { background: url('../img/back_disabled.png') no-repeat top left; }
326
327.paginate_enabled_next { background: url('../img/forward_enabled.png') no-repeat top right; }
328.paginate_enabled_next:hover { background: url('../img/forward_enabled_hover.png') no-repeat top right; }
329.paginate_disabled_next { background: url('../img/forward_disabled.png') no-repeat top right; }
330
331/* Scroll icons */
332
333#toTop-right {
334        display:none;
335        text-decoration:none;
336        position:fixed;
337        bottom:-4px;
338        right:-4px;
339        outline:none;
340}
341
342.scroll-up {
343  background: url("../img/scroll_up.png") no-repeat scroll left top rgba(0, 0, 0, 0);
344  padding: 25px;
345}
346
347#toBottom-right {
348        display:none;
349        text-decoration:none;
350        position:fixed;
351        top:47px;
352        right:-4px;
353        outline:none;
354}
355
356.scroll-down {
357  background: url("../img/scroll_down.png") no-repeat scroll left top rgba(0, 0, 0, 0);
358  padding: 25px;
359}
360
361 /* docutils stuff */
362
363.section h1 {
364    font-size: 30px}
365
366.section h2 {
367    font-size: 24px}
368
369.section h3 {
370    font-size: 18px}
371
372.section h4 {
373    font-size: 14px}
374
375/* Smartphone styles */
376
377@media (max-width: 767px) {
378
379  .ikoba-sidebar,
380  .ikoba-content-narrow ,
381  .ikoba-breadcrumbs-box-short,
382  .ikoba-breadcrumbs-box-long,
383  .ikoba-customer-status-box {
384      padding: 0px 0px 0px 0px;
385  }
386
387  .ikoba-content-wide {
388      padding: 0px 0px 0px 0px;
389  }
390
391  .value select, .half {
392      width: 100%;
393  }
394
395}
Note: See TracBrowser for help on using the repository browser.