Revision 1b62523f
Von Hans P. Schlaepfer vor mehr als 3 Jahren hinzugefügt
| 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
css/less -> Geaenderte & Neue Less-Dateien