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

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

Move student status into seperate box.

Enable responsive design in IE less than 9.

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}
Note: See TracBrowser for help on using the repository browser.