Revision cd670dfa
Von Hans Peter Schlaepfer vor etwa 5 Jahren hinzugefügt
- ID cd670dfafdb3560614634765e2a377946ff1809b
- Vorgänger ff33b093
css/less/lists.less | ||
---|---|---|
1 |
/* ------------------------------------------------------------- */ |
|
2 |
/* LISTS (lists.less) */ |
|
3 |
/* ------------------------------------------------------------- */ |
|
4 |
|
|
5 |
|
|
6 |
|
|
1 | 7 |
// ---------------------------------------------------------------------------- |
2 | 8 |
// |
3 | 9 |
// Lists |
... | ... | |
16 | 22 |
// UNORDERED LISTS |
17 | 23 |
// -------------------------------------- |
18 | 24 |
ul { |
19 |
list-style-type: disc; |
|
20 |
list-style-position: outside; |
|
21 |
list-style-image: none; |
|
22 |
padding: 0 0 0 1.4em; |
|
23 |
margin: 0.4em 0 0.4em 0; |
|
25 |
list-style-type: disc;
|
|
26 |
list-style-position: outside;
|
|
27 |
list-style-image: none;
|
|
28 |
padding: 0 0 0 1.4em;
|
|
29 |
margin: 0.4em 0 0.4em 0;
|
|
24 | 30 |
|
25 | 31 |
// with SUP-items for footnotes |
26 | 32 |
&.footnotes { |
27 |
list-style-type: none !important ; |
|
28 |
list-style-position: outside ; |
|
29 |
margin: 1.0em 0 0 1.8em !important ; |
|
33 |
list-style-type: none !important ;
|
|
34 |
list-style-position: outside ;
|
|
35 |
margin: 1.0em 0 0 1.8em !important ;
|
|
30 | 36 |
li { |
31 | 37 |
sup { |
32 |
display: inline-block; |
|
33 |
margin: 0 0.6em 0 -2.6em; |
|
34 |
padding: 0; |
|
38 |
display: inline-block;
|
|
39 |
margin: 0 0.6em 0 -2.6em;
|
|
40 |
padding: 0;
|
|
35 | 41 |
} |
36 | 42 |
& > ul { |
37 |
position: relative; |
|
38 |
list-style-type: circle ; |
|
39 |
list-style-position: outside ; |
|
40 |
margin: 0.3em 0 0.3em 1.4em !important ; |
|
43 |
position: relative;
|
|
44 |
list-style-type: circle ;
|
|
45 |
list-style-position: outside ;
|
|
46 |
margin: 0.3em 0 0.3em 1.4em !important ;
|
|
41 | 47 |
} |
42 | 48 |
} |
43 | 49 |
|
... | ... | |
46 | 52 |
// List inside a list item |
47 | 53 |
li { |
48 | 54 |
ul { |
49 |
list-style-type: circle ; |
|
50 |
list-style-position: outside ; |
|
55 |
list-style-type: circle ;
|
|
56 |
list-style-position: outside ;
|
|
51 | 57 |
li { } |
52 | 58 |
} |
53 | 59 |
} |
... | ... | |
60 | 66 |
// -------------------------------------- |
61 | 67 |
|
62 | 68 |
div.table { |
63 |
margin-bottom: 1.0em ; |
|
69 |
margin-bottom: 1.0em ;
|
|
64 | 70 |
&.col { |
65 |
float: left ; |
|
71 |
float: left ;
|
|
66 | 72 |
margin-right: 1.6em ; |
67 | 73 |
} |
68 | 74 |
div.caption { |
69 |
clear: left ; |
|
70 |
display: block ; |
|
71 |
font-weight: bold ; |
|
72 |
color: @table-caption-color ; |
|
75 |
clear: left ;
|
|
76 |
display: block ;
|
|
77 |
font-weight: bold ;
|
|
78 |
color: @table-caption-color ;
|
|
73 | 79 |
} |
74 | 80 |
div.field { |
75 |
clear: left ; |
|
76 |
display: block ; |
|
77 |
overflow: hidden ; |
|
81 |
clear: left ; |
|
82 |
display: block ; |
|
83 |
overflow: hidden ; |
|
84 |
margin-right: 2.0em ; |
|
78 | 85 |
// PENDENT: ueberpruefen wegen cke-Editor-Konflikte |
79 | 86 |
span.label { |
80 |
display: inline-block ; |
|
81 |
float: left ; |
|
87 |
display: inline-block ; |
|
88 |
float: left ; |
|
89 |
min-width: 12em; |
|
90 |
width: auto; |
|
82 | 91 |
} |
83 | 92 |
span.value { |
84 |
display: inline-block ; |
|
85 |
float: left ; |
|
93 |
display: inline-block ; |
|
94 |
float: left ; |
|
95 |
min-width: 12em; |
|
96 |
width: auto; |
|
86 | 97 |
} |
87 | 98 |
} |
88 | 99 |
} |
... | ... | |
93 | 104 |
// -------------------------------------- |
94 | 105 |
// PENDENT: siehe auch form-additions |
95 | 106 |
div.list { |
96 |
font-size: 10pt ;
|
|
97 |
color: @t-cell-text-color ; |
|
107 |
font-size: @font-size-small ;
|
|
108 |
color: @t-cell-text-color ;
|
|
98 | 109 |
|
99 | 110 |
// A column with a list |
100 | 111 |
&.col { |
101 | 112 |
float: left ; |
102 |
margin-right: 1.6em !important ; |
|
103 |
width: auto ; |
|
104 |
// min-width: 110px ; |
|
105 |
// max-width: 180px ; |
|
113 |
margin-right: 2.6em !important ; |
|
114 |
width: auto ; |
|
115 |
min-width: 110px ; |
|
106 | 116 |
} |
107 | 117 |
// List Title |
108 | 118 |
h4 { |
109 |
padding: 0.6em 0 0.2em 0.0em !important ; |
|
110 |
margin: 0.2em 0 0 0 ; |
|
111 |
font-weight: bold;
|
|
112 |
font-size: 110%;
|
|
113 |
font-family: "Helvetica Neue", Helvetica, Arial; // PENDENT: in Variablen verlegen |
|
114 |
color: @brand-strong ;
|
|
119 |
padding: 0.6em 0 0.2em 0.0em !important ;
|
|
120 |
margin: 0.2em 0 0 0 ;
|
|
121 |
font-weight: normal;
|
|
122 |
font-size: @font-size-medium;
|
|
123 |
font-family: "Helvetica Neue", Helvetica, Arial; // PENDENT: in Variablen verlegen
|
|
124 |
color: @brand-dark ;
|
|
115 | 125 |
} |
116 | 126 |
// List Elements |
117 | 127 |
& > p, |
118 | 128 |
& > div { |
119 |
padding: 0.2em 0 0.2em 0 !important ; |
|
120 |
margin: 0 !important ; |
|
121 |
white-space: normal ; |
|
129 |
padding: 0.2em 0 0.2em 0 !important ;
|
|
130 |
margin: 0 !important ;
|
|
131 |
white-space: normal ;
|
|
122 | 132 |
|
123 | 133 |
&>input[type="checkbox"], |
124 | 134 |
&>input[type="radio"] { |
125 |
padding: 0 ; |
|
126 |
margin: 0.3em 0.3em 0 0 ; |
|
127 |
float: left ; |
|
135 |
padding: 0 ;
|
|
136 |
margin: 0.3em 0.3em 0 0 ;
|
|
137 |
float: left ;
|
|
128 | 138 |
} |
129 | 139 |
label { |
130 |
width: auto ; |
|
131 |
float: left ; |
|
140 |
width: auto ;
|
|
141 |
float: left ;
|
|
132 | 142 |
} |
133 | 143 |
} |
134 | 144 |
&>p { |
135 |
//margin: 0 0 1.2em 0 !important ; |
|
136 |
overflow: hidden ; |
|
145 |
//margin: 0 0 1.2em 0 !important ;
|
|
146 |
overflow: hidden ;
|
|
137 | 147 |
} |
138 | 148 |
// Special Element but same like above (see Custom Vars) |
139 | 149 |
&>input[type="checkbox"] { |
140 |
clear: both; |
|
141 |
float: left; |
|
142 |
margin-right: 0.4em ; |
|
150 |
clear: both;
|
|
151 |
float: left;
|
|
152 |
margin-right: 0.4em ;
|
|
143 | 153 |
} |
144 |
&>label { width: 82% ; } |
|
154 |
&>label { width: 82% ; }
|
|
145 | 155 |
|
146 |
div { clear: left } |
|
156 |
div { clear: left }
|
|
147 | 157 |
|
148 | 158 |
& > div.no-rows { |
149 | 159 |
&>input[type="checkbox"], |
150 | 160 |
&>input[type="radio"] { |
151 |
padding: 0 ; |
|
152 |
margin: 0.3em 0.3em 0 0 ; |
|
153 |
clear: left ; |
|
161 |
padding: 0 ;
|
|
162 |
margin: 0.3em 0.3em 0 0 ;
|
|
163 |
clear: left ;
|
|
154 | 164 |
} |
155 | 165 |
label { |
156 | 166 |
width: 82% ; |
... | ... | |
163 | 173 |
|
164 | 174 |
|
165 | 175 |
|
166 |
// PENDENT: wo eingesetzt |
|
176 |
// PENDENT: wo eingesetzt?
|
|
167 | 177 |
div.list-table-with-separate-total-table { |
168 | 178 |
|
169 | 179 |
div.full-width { |
170 |
padding-bottom: 0 ; |
|
171 |
margin-bottom: 0 ; |
|
180 |
padding-bottom: 0 ;
|
|
181 |
margin-bottom: 0 ;
|
|
172 | 182 |
|
173 | 183 |
.tbl-list { |
174 | 184 |
margin-bottom: 0 ; |
... | ... | |
179 | 189 |
// Total-Tabelle |
180 | 190 |
// Separater Block mit Table ohne Body, nur Footer für Totals |
181 | 191 |
div.list-total { |
182 |
width: 100% ; |
|
183 |
margin: 0 ; |
|
184 |
padding: 0 ; |
|
192 |
width: 100% ;
|
|
193 |
margin: 0 ;
|
|
194 |
padding: 0 ;
|
|
185 | 195 |
overflow: hidden ; |
186 | 196 |
|
187 | 197 |
table.footer-only { |
188 |
&.right { float: right ; } |
|
189 |
margin: 0 ; |
|
198 |
margin: 0 ; |
|
190 | 199 |
padding: 0 ; |
200 |
&.right { float: right ; } |
|
191 | 201 |
} |
192 |
|
|
193 | 202 |
div.after-item { } |
194 | 203 |
} |
195 |
|
|
196 | 204 |
} |
Auch abrufbar als: Unified diff
Erweiterung und Optimierung less und css fuer Design 4.0