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

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

Add student breadcrumbs box.

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