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

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

Use special styles for IE8.

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