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

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

Set 'focus' pseudo class.

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