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

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

Next try to format select elements coming from zope.formlib or from Kofa pagetemplates.

File size: 4.4 KB
RevLine 
[11011]1/* Customized Bootstrap styles */
2
[10917]3body {
4    background-color: #f5f5f5;
[10961]5    padding-top: 52px;
[10917]6}
7
[10961]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
[11021]25.kofa-langselect img {
26    margin-top: -10px;
27    margin-bottom: -10px;
28}
29
[10917]30.breadcrumb {
31    background-color: #fff;
[10960]32    margin-bottom: 0px;
33    margin-top: 0px;
34    padding: 2px 15px;
[10917]35}
36
[11011]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
[10977]49.wfstatus {
50    float: right;
51}
52
[11011]53/* Kofa styles */
54
[10973]55.kofa-sidebar,
[10960]56.kofa-content-narrow , .kofa-breadcrumbs-box {
57    padding: 0px 5px 0px 5px;
58}
59
[10973]60.kofa-content-wide {
[10977]61    padding: 5px 15px;
[10973]62}
63
[11011]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;
[10917]72}
73
[10970]74.kofa-breadcrumbs-box .well {
75    padding: 5px 5px 5px 5px;
76}
77
[10960]78.kofa-content-wide .well, .kofa-content-narrow .well {
[10999]79    padding: 10px 20px 10px 20px;
[10917]80}
81
[10994]82.kofa-content-desc {
83    color: #BFBFBF;
84    font-size: 18px;
85}
86
[10971]87/* Sidebar */
88
[10917]89.kofa-sidebar-title {
90    text-transform: none;
91    font-size: 14px;
92    color: #555;
[10963]93    font-weight: bold;
[10960]94    padding: 15px 0px 10px 8px;
[10917]95}
[10957]96
[10963]97.sidebar-nav .nav  > li > a {
[10969]98    padding: 3px 15px;
[10963]99}
100
[10971]101/* Buttons */
102
103.btn {
104    margin: 4px;
[10992]105    font-size: 13px;
[10999]106    display: inline;
[10971]107}
108
[11005]109.table-condensed .btn {
110    margin: 0px;
111    font-size: 12px;
112}
113
114
[10971]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;
[11003]127    display: inline-block;
[10971]128}
129
[10957]130/* Kofa forms */
131
[10992]132.form-table {
133    width: 100%;
134}
135
[10999]136.form-table td {
[10992]137    padding: 5px 0px 5px 4px;
138    border-top: none;
139}
140
[11026]141.value select, .phone-input, .textType, textarea, .dataTables_filter input {
[10957]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;
[11011]149    margin: 0px 4px 0px 0px;
[10985]150    width: 100%;
[10957]151}
152
[11026]153.value select, .half {
154    width: 50%;
155}
156
[11003]157textarea {
158    font-family: Courier,"Courier New",monospace;
159}
160
[10992]161.fieldname {
162    width: 25%;
163}
164
[10999]165.form-table td {
166    vertical-align: bottom;
167}
168
169.form-table td.fieldname {
170    vertical-align: top;
171}
172
[11011]173.ordered-selection-field select , .inline-selection-field select {
[10992]174    width: 100%;
175}
176
[10989]177.form-inline select {
178    width: 100%;
179}
180
[10957]181.phone-input {
[10985]182    width: 30%
[10957]183}
184
185.hint {
186    padding: 0px 0px 5px 0px;
187    color: #bfbfbf;
[10973]188}
189
[10985]190.error {
[10987]191    color: red;
[10985]192}
[10973]193
[11019]194.datepicker-le-year {
195    width: 50%;
196}
197
[11020]198.ui-widget-header .ui-icon {
199    background-image: url("../img/ui-icons_222222_256x240.png");
200}
201
202
[10987]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
[10989]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; }
[10992]231.paginate_disabled_next { background: url('../img/forward_disabled.png') no-repeat top right; }
[10989]232
[10973]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
[10957]251}
Note: See TracBrowser for help on using the repository browser.