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

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

Fix navbar background color.

File size: 6.7 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;
[14842]10    height: 40px;
[10961]11}
12
[14842]13.navbar-brand {
14    height: 0px;
15}
16
[10961]17.navbar-nav > li > a, .navbar-brand {
18    padding-top:10px;
19    padding-bottom:10px;
[14842]20    line-height: 19px;
[10961]21}
22
23.navbar-toggle {
24    padding: 4px 10px;
25}
26
27.navbar-nav.navbar-right:last-child {
28  margin-right: -5px;
29}
30
[11097]31.navbar-inverse {
32  border-color: #FFFFFF;
33}
34
[14843]35@media (max-width: 767px) {
36 .navbar-inverse .navbar-collapse {
37  background-color: #222;
38  }
39}
40
[11950]41.ikoba-langselect img {
[11021]42    margin-top: -10px;
43    margin-bottom: -10px;
44}
45
[13807]46.breadcrumb , .wfstatus, .maintenance-warning {
[10917]47    background-color: #fff;
[10960]48    margin-bottom: 0px;
49    margin-top: 0px;
50    padding: 2px 15px;
[10917]51}
52
[11032]53.breadcrumb > li {
54    display: inline;
55}
56
57.breadcrumb > li + li:before {
58    content: "/";
59    padding: 0px;
60}
61
[11011]62.well {
63    padding: 0px 5px 20px 5px;
64    margin-bottom: 10px;
65    background-image: None;
66    background-color: #fff;
[11030]67    filter: None;
[11011]68}
69
70.alert {
71  margin-bottom: 10px;
72  margin-top: 10px;
73}
74
[10977]75
[11951]76/* Ikoba styles */
[11011]77
[11950]78.ikoba-sidebar,
79.ikoba-content-narrow,
80.ikoba-content-wide,
81.ikoba-breadcrumbs-box-short,
82.ikoba-breadcrumbs-box-long,
[14172]83.ikoba-customer-status-box,
84.ikoba-maintenance {
[10960]85    padding: 0px 5px 0px 5px;
86}
87
[11011]88.workflow {
[11030]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;
[10917]96}
97
[11950]98.ikoba-breadcrumbs-box-short .well,
99.ikoba-breadcrumbs-box-long .well,
[14172]100.ikoba-customer-status-box .well,
101.ikoba-maintenance .well {
[10970]102    padding: 5px 5px 5px 5px;
103}
104
[11950]105.ikoba-content-wide .well, .ikoba-content-narrow .well {
[10999]106    padding: 10px 20px 10px 20px;
[10917]107}
108
[11950]109.ikoba-content-desc {
[10994]110    color: #BFBFBF;
111    font-size: 18px;
112}
113
[12033]114.wfstatus, .wfstatus-sub {
[11033]115    text-align: center;
116    background-color: #909090;
117    color: white;
118}
119
[12170]120.ikoba-customer-status-box .well {
[11033]121    background-color: #909090;
122}
123
[13807]124.maintenance-warning {
125    text-align: center;
126}
127
[14172]128.ikoba-maintenance .well {
[13807]129    background-color: red;
130}
131
[11102]132.separator {
[11107]133    font-size: 16px;
134    color: #404040;
135    font-weight: bold;
136    line-height: 36px;
[11102]137}
138
[10971]139/* Sidebar */
140
[11950]141.ikoba-sidebar-title {
[10917]142    text-transform: none;
143    font-size: 14px;
144    color: #555;
[10963]145    font-weight: bold;
[10960]146    padding: 15px 0px 10px 8px;
[10917]147}
[10957]148
[10963]149.sidebar-nav .nav  > li > a {
[10969]150    padding: 3px 15px;
[10963]151}
152
[10971]153/* Buttons */
154
[11558]155input.btn {
[11719]156    padding: 6px 12px;
[14842]157    margin-right: 0px;
[10971]158}
159
[11558]160input.btn-sm {
161  padding: 5px 10px;
162}
163
[11559]164input.btn-xs {
165  padding: 1px 10px;
166}
167
[11005]168.table-condensed .btn {
169    margin: 0px;
170    font-size: 12px;
171}
172
173
[10971]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;
[11003]186    display: inline-block;
[10971]187}
188
[12986]189/* Ikoba forms */
[10957]190
[10992]191.form-table {
192    width: 100%;
193}
194
[10999]195.form-table td {
[10992]196    padding: 5px 0px 5px 4px;
197    border-top: none;
198}
199
[11551]200.value select, .phone-input, .ac-input,
[11053]201.textType, textarea,
202.dataTables_filter input,
[11118]203.dataTables_length select,
[11053]204.ordered-selection-field select {
[10957]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;
[11011]212    margin: 0px 4px 0px 0px;
[11431]213    width: 100%;
[10957]214}
215
[11431]216.dataTables_length select {
217    width: 90px;
218}
219
[11551]220.value select:focus, .phone-input:focus, .ac-input:focus,
[11055]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
[12771]230.half {
[11026]231    width: 50%;
232}
233
[12804]234.third {
235    width: 33%;
236}
237
238.quarter {
239    width: 25%;
240}
241
[12771]242.value select {
243    width: 100%;
244}
245
[11003]246textarea {
247    font-family: Courier,"Courier New",monospace;
248}
249
[10992]250.fieldname {
251    width: 25%;
252}
253
[10999]254.form-table td {
255    vertical-align: bottom;
256}
257
[12313]258.form-table td.swcheckbox {
259  vertical-align: bottom;
260}
261
[10999]262.form-table td.fieldname {
263    vertical-align: top;
264}
265
[10989]266.form-inline select {
267    width: 100%;
268}
269
[10957]270.phone-input {
[14842]271    width: 31%;
[10957]272}
273
[11551]274.ac-series {
275    width: 50px;
276}
277
278.ac-number {
279    width: 110px;
280}
281
[10957]282.hint {
283    padding: 0px 0px 5px 0px;
284    color: #bfbfbf;
[10973]285}
286
[10985]287.error {
[10987]288    color: red;
[10985]289}
[10973]290
[11019]291.datepicker-le-year {
292    width: 50%;
293}
294
[11730]295.datepicker-short {
296    width: 15%;
297}
298
[11020]299.ui-widget-header .ui-icon {
300    background-image: url("../img/ui-icons_222222_256x240.png");
301}
302
303
[10987]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
[12408]315
[10989]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; }
[10992]329.paginate_disabled_next { background: url('../img/forward_disabled.png') no-repeat top right; }
[10989]330
[11464]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
[12435]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
[10973]375/* Smartphone styles */
376
377@media (max-width: 767px) {
378
[11950]379  .ikoba-sidebar,
380  .ikoba-content-narrow ,
381  .ikoba-breadcrumbs-box-short,
382  .ikoba-breadcrumbs-box-long,
[12170]383  .ikoba-customer-status-box {
[10973]384      padding: 0px 0px 0px 0px;
385  }
386
[11950]387  .ikoba-content-wide {
[10973]388      padding: 0px 0px 0px 0px;
389  }
390
[11032]391  .value select, .half {
392      width: 100%;
393  }
[11031]394
[10957]395}
Note: See TracBrowser for help on using the repository browser.