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

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

Activate current tab, if any, but jump to top, if hash value contains '-top'

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