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

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

More adjustments in applicants module.

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