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

Last change on this file since 11107 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
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
[11097]25.navbar-inverse {
26  border-color: #FFFFFF;
27}
28
[11021]29.kofa-langselect img {
30    margin-top: -10px;
31    margin-bottom: -10px;
32}
33
[11030]34.breadcrumb , .wfstatus {
[10917]35    background-color: #fff;
[10960]36    margin-bottom: 0px;
37    margin-top: 0px;
38    padding: 2px 15px;
[10917]39}
40
[11032]41.breadcrumb > li {
42    display: inline;
43}
44
45.breadcrumb > li + li:before {
46    content: "/";
47    padding: 0px;
48}
49
[11011]50.well {
51    padding: 0px 5px 20px 5px;
52    margin-bottom: 10px;
53    background-image: None;
54    background-color: #fff;
[11030]55    filter: None;
[11011]56}
57
58.alert {
59  margin-bottom: 10px;
60  margin-top: 10px;
61}
62
[10977]63
[11011]64/* Kofa styles */
65
[10973]66.kofa-sidebar,
[11030]67.kofa-content-narrow,
68.kofa-content-wide,
69.kofa-breadcrumbs-box-short,
70.kofa-breadcrumbs-box-long,
71.kofa-student-status-box {
[10960]72    padding: 0px 5px 0px 5px;
73}
74
[11011]75.workflow {
[11030]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;
[10917]83}
84
[11030]85.kofa-breadcrumbs-box-short .well,
86.kofa-breadcrumbs-box-long .well,
87.kofa-student-status-box .well {
[10970]88    padding: 5px 5px 5px 5px;
89}
90
[10960]91.kofa-content-wide .well, .kofa-content-narrow .well {
[10999]92    padding: 10px 20px 10px 20px;
[10917]93}
94
[10994]95.kofa-content-desc {
96    color: #BFBFBF;
97    font-size: 18px;
98}
99
[11033]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
[11102]110.separator {
[11107]111    font-size: 16px;
112    color: #404040;
113    font-weight: bold;
114    line-height: 36px;
[11102]115}
116
[10971]117/* Sidebar */
118
[10917]119.kofa-sidebar-title {
120    text-transform: none;
121    font-size: 14px;
122    color: #555;
[10963]123    font-weight: bold;
[10960]124    padding: 15px 0px 10px 8px;
[10917]125}
[10957]126
[10963]127.sidebar-nav .nav  > li > a {
[10969]128    padding: 3px 15px;
[10963]129}
130
[10971]131/* Buttons */
132
133.btn {
134    margin: 4px;
[10992]135    font-size: 13px;
[10999]136    display: inline;
[10971]137}
138
[11005]139.table-condensed .btn {
140    margin: 0px;
141    font-size: 12px;
142}
143
144
[10971]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;
[11003]157    display: inline-block;
[10971]158}
159
[10957]160/* Kofa forms */
161
[10992]162.form-table {
163    width: 100%;
164}
165
[10999]166.form-table td {
[10992]167    padding: 5px 0px 5px 4px;
168    border-top: none;
169}
170
[11053]171.value select, .phone-input,
172.textType, textarea,
173.dataTables_filter input,
174.ordered-selection-field select {
[10957]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;
[11011]182    margin: 0px 4px 0px 0px;
[10985]183    width: 100%;
[10957]184}
185
[11055]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
[11026]196.value select, .half {
197    width: 50%;
198}
199
[11003]200textarea {
201    font-family: Courier,"Courier New",monospace;
202}
203
[10992]204.fieldname {
205    width: 25%;
206}
207
[10999]208.form-table td {
209    vertical-align: bottom;
210}
211
212.form-table td.fieldname {
213    vertical-align: top;
214}
215
[10989]216.form-inline select {
217    width: 100%;
218}
219
[10957]220.phone-input {
[10985]221    width: 30%
[10957]222}
223
224.hint {
225    padding: 0px 0px 5px 0px;
226    color: #bfbfbf;
[10973]227}
228
[10985]229.error {
[10987]230    color: red;
[10985]231}
[10973]232
[11019]233.datepicker-le-year {
234    width: 50%;
235}
236
[11020]237.ui-widget-header .ui-icon {
238    background-image: url("../img/ui-icons_222222_256x240.png");
239}
240
241
[10987]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
[10989]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; }
[10992]266.paginate_disabled_next { background: url('../img/forward_disabled.png') no-repeat top right; }
[10989]267
[10973]268/* Smartphone styles */
269
270@media (max-width: 767px) {
271
272  .kofa-sidebar,
[11030]273  .kofa-content-narrow ,
274  .kofa-breadcrumbs-box-short,
275  .kofa-breadcrumbs-box-long,
276  .kofa-student-status-box {
[10973]277      padding: 0px 0px 0px 0px;
278  }
279
280  .kofa-content-wide {
281      padding: 0px 0px 0px 0px;
282  }
283
[11032]284  .value select, .half {
285      width: 100%;
286  }
[11031]287
[10957]288}
Note: See TracBrowser for help on using the repository browser.