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

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

Move language selector to the right and replace 'Language' by earth symbol.

File size: 4.4 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 , .kofa-breadcrumbs-box {
57    padding: 0px 5px 0px 5px;
58}
59
60.kofa-content-wide {
61    padding: 5px 15px;
62}
63
64.workflow {
65  border:1px solid #1fdf00;
66  background-color:#bbffb6;
67  font-family: courier;
68  font-size: 100%;
69  padding: 4px;
70  margin-bottom: 8px;
71  line-height: 16px;
72}
73
74.kofa-breadcrumbs-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
141select, .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
153textarea {
154    font-family: Courier,"Courier New",monospace;
155}
156
157.fieldname {
158    width: 25%;
159}
160
161.form-table td {
162    vertical-align: bottom;
163}
164
165.form-table td.fieldname {
166    vertical-align: top;
167}
168
169select {
170    width: 50%;
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
236@media (max-width: 767px) {
237
238  body {
239      padding-top: 40px;
240  }
241
242  .kofa-sidebar,
243  .kofa-content-narrow , .kofa-breadcrumbs-box {
244      padding: 0px 0px 0px 0px;
245  }
246
247  .kofa-content-wide {
248      padding: 0px 0px 0px 0px;
249  }
250
251}
Note: See TracBrowser for help on using the repository browser.