source: main/waeup.kofa/branches/uli-diazo-themed/layout/static/css/base.css @ 11032

Last change on this file since 11032 was 11032, checked in by Henrik Bettermann, 11 years ago

Adjustments for IE8.

Shorten breadcrumbs.

File size: 4.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;
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
[11021]25.kofa-langselect img {
26    margin-top: -10px;
27    margin-bottom: -10px;
28}
29
[11030]30.breadcrumb , .wfstatus {
[10917]31    background-color: #fff;
[10960]32    margin-bottom: 0px;
33    margin-top: 0px;
34    padding: 2px 15px;
[10917]35}
36
[11032]37.breadcrumb > li {
38    display: inline;
39}
40
41.breadcrumb > li + li:before {
42    content: "/";
43    padding: 0px;
44}
45
[11011]46.well {
47    padding: 0px 5px 20px 5px;
48    margin-bottom: 10px;
49    background-image: None;
50    background-color: #fff;
[11030]51    filter: None;
[11011]52}
53
54.alert {
55  margin-bottom: 10px;
56  margin-top: 10px;
57}
58
[10977]59
[11011]60/* Kofa styles */
61
[10973]62.kofa-sidebar,
[11030]63.kofa-content-narrow,
64.kofa-content-wide,
65.kofa-breadcrumbs-box-short,
66.kofa-breadcrumbs-box-long,
67.kofa-student-status-box {
[10960]68    padding: 0px 5px 0px 5px;
69}
70
[11011]71.workflow {
[11030]72    border:1px solid #1fdf00;
73    background-color:#bbffb6;
74    font-family: courier;
75    font-size: 100%;
76    padding: 4px;
77    margin-bottom: 8px;
78    line-height: 16px;
[10917]79}
80
[11030]81.kofa-breadcrumbs-box-short .well,
82.kofa-breadcrumbs-box-long .well,
83.kofa-student-status-box .well {
[10970]84    padding: 5px 5px 5px 5px;
85}
86
[10960]87.kofa-content-wide .well, .kofa-content-narrow .well {
[10999]88    padding: 10px 20px 10px 20px;
[10917]89}
90
[10994]91.kofa-content-desc {
92    color: #BFBFBF;
93    font-size: 18px;
94}
95
[10971]96/* Sidebar */
97
[10917]98.kofa-sidebar-title {
99    text-transform: none;
100    font-size: 14px;
101    color: #555;
[10963]102    font-weight: bold;
[10960]103    padding: 15px 0px 10px 8px;
[10917]104}
[10957]105
[10963]106.sidebar-nav .nav  > li > a {
[10969]107    padding: 3px 15px;
[10963]108}
109
[10971]110/* Buttons */
111
112.btn {
113    margin: 4px;
[10992]114    font-size: 13px;
[10999]115    display: inline;
[10971]116}
117
[11005]118.table-condensed .btn {
119    margin: 0px;
120    font-size: 12px;
121}
122
123
[10971]124/* Content actionbar */
125
126div.actionbar {
127    margin-top: -6px;
128    margin-left: -10px;
129    margin-bottom: 0px;
130}
131
132.actionbar .btn-default {
133    margin-bottom: 4px;
134    padding: 4px 8px;
135    margin: 0px 0px 4px 0px;
[11003]136    display: inline-block;
[10971]137}
138
[10957]139/* Kofa forms */
140
[10992]141.form-table {
142    width: 100%;
143}
144
[10999]145.form-table td {
[10992]146    padding: 5px 0px 5px 4px;
147    border-top: none;
148}
149
[11026]150.value select, .phone-input, .textType, textarea, .dataTables_filter input {
[10957]151    background-color: #FFFFFF;
152    border: 1px solid #CCCCCC;
153    border-radius: 4px;
154    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
155    color: #555555;
156    padding: 6px 12px;
157    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
[11011]158    margin: 0px 4px 0px 0px;
[10985]159    width: 100%;
[10957]160}
161
[11026]162.value select, .half {
163    width: 50%;
164}
165
[11003]166textarea {
167    font-family: Courier,"Courier New",monospace;
168}
169
[10992]170.fieldname {
171    width: 25%;
172}
173
[10999]174.form-table td {
175    vertical-align: bottom;
176}
177
178.form-table td.fieldname {
179    vertical-align: top;
180}
181
[11011]182.ordered-selection-field select , .inline-selection-field select {
[10992]183    width: 100%;
184}
185
[10989]186.form-inline select {
187    width: 100%;
188}
189
[10957]190.phone-input {
[10985]191    width: 30%
[10957]192}
193
194.hint {
195    padding: 0px 0px 5px 0px;
196    color: #bfbfbf;
[10973]197}
198
[10985]199.error {
[10987]200    color: red;
[10985]201}
[10973]202
[11019]203.datepicker-le-year {
204    width: 50%;
205}
206
[11020]207.ui-widget-header .ui-icon {
208    background-image: url("../img/ui-icons_222222_256x240.png");
209}
210
211
[10987]212 /* dataTables stuff */
213
214.dataTables_wrapper {
215    min-height: 50px;
216    margin-bottom: 50px;
217}
218
219.dataTables_length {
220    display: none;
221}
222
223.dataTables_filter input {
224    width: 60%;
225}
226
[10989]227.sorting { background: url('../img/sort_both.png') no-repeat center right; }
228.sorting_asc { background: url('../img/sort_asc.png') no-repeat center right; }
229.sorting_desc { background: url('../img/sort_desc.png') no-repeat center right; }
230
231.sorting_asc_disabled { background: url('../img/sort_asc_disabled.png') no-repeat center right; }
232.sorting_desc_disabled { background: url('../img/sort_desc_disabled.png') no-repeat center right; }
233
234.paginate_enabled_previous { background: url('../img/back_enabled.png') no-repeat top left; }
235.paginate_enabled_previous:hover { background: url('../img/back_enabled_hover.png') no-repeat top left; }
236.paginate_disabled_previous { background: url('../img/back_disabled.png') no-repeat top left; }
237
238.paginate_enabled_next { background: url('../img/forward_enabled.png') no-repeat top right; }
239.paginate_enabled_next:hover { background: url('../img/forward_enabled_hover.png') no-repeat top right; }
[10992]240.paginate_disabled_next { background: url('../img/forward_disabled.png') no-repeat top right; }
[10989]241
[10973]242/* Smartphone styles */
243
244@media (max-width: 767px) {
245
246  .kofa-sidebar,
[11030]247  .kofa-content-narrow ,
248  .kofa-breadcrumbs-box-short,
249  .kofa-breadcrumbs-box-long,
250  .kofa-student-status-box {
[10973]251      padding: 0px 0px 0px 0px;
252  }
253
254  .kofa-content-wide {
255      padding: 0px 0px 0px 0px;
256  }
257
[11032]258  .value select, .half {
259      width: 100%;
260  }
[11031]261
[10957]262}
Note: See TracBrowser for help on using the repository browser.