Revision e7c613f2
Von Werner Hahn vor etwa 2 Monaten hinzugefügt
| css/design40/less/custom.less | ||
|---|---|---|
| 23 | 23 |
// ********************************** |
| 24 | 24 |
// MY SPECIAL CLASS |
| 25 | 25 |
// ********************************** |
| 26 |
.pos_content{
|
|
| 27 |
display: grid; |
|
| 28 |
grid-template-columns: repeat(16, 1fr); |
|
| 29 |
grid-template-rows: auto; |
|
| 30 |
grid-gap: 2px; |
|
| 31 |
} |
|
| 32 |
|
|
| 33 |
//.container_pos_right{
|
|
| 26 |
//.pos_content{
|
|
| 34 | 27 |
// display: grid; |
| 35 |
// grid-column: 7/12; |
|
| 36 |
// grid-template-columns: repeat(2, 1fr); |
|
| 37 |
// grid-template-rows: repeat(6, 1fr); |
|
| 38 |
// grid-gap: 1px; |
|
| 39 |
// height: calc(50vh - 10px); |
|
| 40 |
//justify-self: center; |
|
| 41 |
//align-self: center; |
|
| 42 |
//padding-left:1em; |
|
| 28 |
// grid-template-columns: repeat(16, 1fr); |
|
| 29 |
// grid-template-rows: auto; |
|
| 30 |
// grid-gap: 2px; |
|
| 43 | 31 |
//} |
| 44 |
|
|
| 45 |
.input_cv{
|
|
| 46 |
grid-column:2/4; |
|
| 47 |
grid-row: 2/3; |
|
| 48 |
} |
|
| 49 |
|
|
| 50 |
.salesman{
|
|
| 51 |
grid-column:4/6; |
|
| 52 |
grid-row: 2/3; |
|
| 53 |
} |
|
| 54 |
|
|
| 55 |
|
|
| 56 |
.order{
|
|
| 57 |
grid-column:2/4; |
|
| 58 |
grid-row: 3/4; |
|
| 59 |
} |
|
| 60 |
|
|
| 61 |
.item_input{
|
|
| 62 |
grid-column:2/8; |
|
| 63 |
grid-row: 4/5; |
|
| 64 |
} |
|
| 65 |
|
|
| 66 |
.show_rows{
|
|
| 67 |
grid-column:1/8; |
|
| 68 |
grid-row: 5/12; |
|
| 69 |
} |
|
| 70 |
//.container_pos_left{
|
|
| 71 |
// display: grid; |
|
| 72 |
// grid-column: 1 / 6; |
|
| 73 |
// grid-row: 1 /6; |
|
| 74 |
// grid-template-columns: repeat(3, 1fr); |
|
| 75 |
// grid-template-rows: repeat(12, 1fr); |
|
| 76 |
// grid-gap: 1px; |
|
| 77 |
// height: calc(50vh - 10px); |
|
| 78 |
//justify-self: center; |
|
| 79 |
//align-self: center; |
|
| 80 |
//padding: 3em; |
|
| 32 |
// |
|
| 33 |
////.container_pos_right{
|
|
| 34 |
//// display: grid; |
|
| 35 |
//// grid-column: 7/12; |
|
| 36 |
//// grid-template-columns: repeat(2, 1fr); |
|
| 37 |
//// grid-template-rows: repeat(6, 1fr); |
|
| 38 |
//// grid-gap: 1px; |
|
| 39 |
//// height: calc(50vh - 10px); |
|
| 40 |
////justify-self: center; |
|
| 41 |
////align-self: center; |
|
| 42 |
////padding-left:1em; |
|
| 43 |
////} |
|
| 44 |
// |
|
| 45 |
//.input_cv{
|
|
| 46 |
// grid-column:2/4; |
|
| 47 |
// grid-row: 2/3; |
|
| 48 |
//} |
|
| 49 |
// |
|
| 50 |
//.salesman{
|
|
| 51 |
// grid-column:4/6; |
|
| 52 |
// grid-row: 2/3; |
|
| 53 |
//} |
|
| 54 |
// |
|
| 55 |
// |
|
| 56 |
//.order{
|
|
| 57 |
// grid-column:2/4; |
|
| 58 |
// grid-row: 3/4; |
|
| 59 |
//} |
|
| 60 |
// |
|
| 61 |
//.item_input{
|
|
| 62 |
// grid-column:2/8; |
|
| 63 |
// grid-row: 4/5; |
|
| 64 |
//} |
|
| 65 |
// |
|
| 66 |
//.show_rows{
|
|
| 67 |
// grid-column:1/8; |
|
| 68 |
// grid-row: 5/12; |
|
| 69 |
//} |
|
| 70 |
////.container_pos_left{
|
|
| 71 |
//// display: grid; |
|
| 72 |
//// grid-column: 1 / 6; |
|
| 73 |
//// grid-row: 1 /6; |
|
| 74 |
//// grid-template-columns: repeat(3, 1fr); |
|
| 75 |
//// grid-template-rows: repeat(12, 1fr); |
|
| 76 |
//// grid-gap: 1px; |
|
| 77 |
//// height: calc(50vh - 10px); |
|
| 78 |
////justify-self: center; |
|
| 79 |
////align-self: center; |
|
| 80 |
////padding: 3em; |
|
| 81 |
////} |
|
| 82 |
// |
|
| 83 |
//.pos_button1{
|
|
| 84 |
// grid-column: 9/11; |
|
| 85 |
// grid-row: 2/3; |
|
| 86 |
// font-size: 1vi; |
|
| 87 |
// font-weight: bold; |
|
| 88 |
// display: flex; |
|
| 89 |
// justify-content: center; |
|
| 90 |
// align-items: center; |
|
| 91 |
// cursor:pointer; |
|
| 92 |
//} |
|
| 93 |
// |
|
| 94 |
//.pos_button2{
|
|
| 95 |
// grid-column: 11/13; |
|
| 96 |
// grid-row: 2/3; |
|
| 97 |
// font-size: 1vi; |
|
| 98 |
// font-weight: bold; |
|
| 99 |
// display: flex; |
|
| 100 |
// justify-content: center; |
|
| 101 |
// align-items: center; |
|
| 102 |
// cursor:pointer; |
|
| 103 |
//} |
|
| 104 |
// |
|
| 105 |
//.pos_button3{
|
|
| 106 |
// grid-column: 9/11; |
|
| 107 |
// grid-row: 3/4; |
|
| 108 |
// font-size: 1vi; |
|
| 109 |
// font-weight: bold; |
|
| 110 |
// display: flex; |
|
| 111 |
// justify-content: center; |
|
| 112 |
// align-items: center; |
|
| 113 |
// cursor:pointer; |
|
| 114 |
//} |
|
| 115 |
// |
|
| 116 |
//.pos_button4{
|
|
| 117 |
// grid-column: 11/13; |
|
| 118 |
// grid-row: 3/4; |
|
| 119 |
// font-size: 1vi; |
|
| 120 |
// font-weight: bold; |
|
| 121 |
// display: flex; |
|
| 122 |
// justify-content: center; |
|
| 123 |
// align-items: center; |
|
| 124 |
// cursor:pointer; |
|
| 125 |
//} |
|
| 126 |
// |
|
| 127 |
//.pos_button5{
|
|
| 128 |
// grid-column: 9/11; |
|
| 129 |
// grid-row: 4/5; |
|
| 130 |
// font-size: 1vi; |
|
| 131 |
// font-weight: bold; |
|
| 132 |
// display: flex; |
|
| 133 |
// justify-content: center; |
|
| 134 |
// align-items: center; |
|
| 135 |
// cursor:pointer; |
|
| 136 |
//} |
|
| 137 |
// |
|
| 138 |
//.pos_button6{
|
|
| 139 |
// grid-column: 11/13; |
|
| 140 |
// grid-row: 4/5; |
|
| 141 |
// font-size: 1vi; |
|
| 142 |
// font-weight: bold; |
|
| 143 |
// display: flex; |
|
| 144 |
// justify-content: center; |
|
| 145 |
// align-items: center; |
|
| 146 |
// cursor:pointer; |
|
| 147 |
//} |
|
| 148 |
// |
|
| 149 |
//.pos_button7{
|
|
| 150 |
// grid-column: 9/11; |
|
| 151 |
// grid-row: 5/6; |
|
| 152 |
// font-size: 1vi; |
|
| 153 |
// font-weight: bold; |
|
| 154 |
// display: flex; |
|
| 155 |
// justify-content: center; |
|
| 156 |
// align-items: center; |
|
| 157 |
// cursor:pointer; |
|
| 158 |
//} |
|
| 159 |
// |
|
| 160 |
//.pos_button8{
|
|
| 161 |
// grid-column: 11/13; |
|
| 162 |
// grid-row: 5/6; |
|
| 163 |
// font-size: 1vi; |
|
| 164 |
// font-weight: bold; |
|
| 165 |
// display: flex; |
|
| 166 |
// justify-content: center; |
|
| 167 |
// align-items: center; |
|
| 168 |
// cursor:pointer; |
|
| 169 |
//} |
|
| 170 |
// |
|
| 171 |
//.pos_button9{
|
|
| 172 |
// grid-column: 9/11; |
|
| 173 |
// grid-row: 6/7; |
|
| 174 |
// font-size: 1vi; |
|
| 175 |
// font-weight: bold; |
|
| 176 |
// display: flex; |
|
| 177 |
// justify-content: center; |
|
| 178 |
// align-items: center; |
|
| 179 |
// cursor:pointer; |
|
| 180 |
//} |
|
| 181 |
// |
|
| 182 |
//.pos_button10{
|
|
| 183 |
// grid-column: 11/13; |
|
| 184 |
// grid-row: 6/7; |
|
| 185 |
// font-size: 1vi; |
|
| 186 |
// font-weight: bold; |
|
| 187 |
// display: flex; |
|
| 188 |
// justify-content: center; |
|
| 189 |
// align-items: center; |
|
| 190 |
// cursor:pointer; |
|
| 191 |
//} |
|
| 192 |
// |
|
| 193 |
//.pos_button11{
|
|
| 194 |
// grid-column: 11/13; |
|
| 195 |
// grid-row: 8/9; |
|
| 196 |
// font-size: 1vi; |
|
| 197 |
// font-weight: bold; |
|
| 198 |
// display: flex; |
|
| 199 |
// justify-content: center; |
|
| 200 |
// align-items: center; |
|
| 201 |
// cursor:pointer; |
|
| 202 |
//} |
|
| 203 |
// |
|
| 204 |
//.pos_button12{
|
|
| 205 |
// grid-column: 11/13; |
|
| 206 |
// grid-row: 8/9; |
|
| 207 |
// font-size: 1vi; |
|
| 208 |
// font-weight: bold; |
|
| 209 |
// display: flex; |
|
| 210 |
// justify-content: center; |
|
| 211 |
// align-items: center; |
|
| 212 |
// cursor:pointer; |
|
| 81 | 213 |
//} |
| 82 |
|
|
| 83 |
.pos_button1{
|
|
| 84 |
grid-column: 9/11; |
|
| 85 |
grid-row: 2/3; |
|
| 86 |
font-size: 1vi; |
|
| 87 |
font-weight: bold; |
|
| 88 |
display: flex; |
|
| 89 |
justify-content: center; |
|
| 90 |
align-items: center; |
|
| 91 |
cursor:pointer; |
|
| 92 |
} |
|
| 93 |
|
|
| 94 |
.pos_button2{
|
|
| 95 |
grid-column: 11/13; |
|
| 96 |
grid-row: 2/3; |
|
| 97 |
font-size: 1vi; |
|
| 98 |
font-weight: bold; |
|
| 99 |
display: flex; |
|
| 100 |
justify-content: center; |
|
| 101 |
align-items: center; |
|
| 102 |
cursor:pointer; |
|
| 103 |
} |
|
| 104 |
|
|
| 105 |
.pos_button3{
|
|
| 106 |
grid-column: 9/11; |
|
| 107 |
grid-row: 3/4; |
|
| 108 |
font-size: 1vi; |
|
| 109 |
font-weight: bold; |
|
| 110 |
display: flex; |
|
| 111 |
justify-content: center; |
|
| 112 |
align-items: center; |
|
| 113 |
cursor:pointer; |
|
| 114 |
} |
|
| 115 |
|
|
| 116 |
.pos_button4{
|
|
| 117 |
grid-column: 11/13; |
|
| 118 |
grid-row: 3/4; |
|
| 119 |
font-size: 1vi; |
|
| 120 |
font-weight: bold; |
|
| 121 |
display: flex; |
|
| 122 |
justify-content: center; |
|
| 123 |
align-items: center; |
|
| 124 |
cursor:pointer; |
|
| 125 |
} |
|
| 126 |
|
|
| 127 |
.pos_button5{
|
|
| 128 |
grid-column: 9/11; |
|
| 129 |
grid-row: 4/5; |
|
| 130 |
font-size: 1vi; |
|
| 131 |
font-weight: bold; |
|
| 132 |
display: flex; |
|
| 133 |
justify-content: center; |
|
| 134 |
align-items: center; |
|
| 135 |
cursor:pointer; |
|
| 136 |
} |
|
| 137 |
|
|
| 138 |
.pos_button6{
|
|
| 139 |
grid-column: 11/13; |
|
| 140 |
grid-row: 4/5; |
|
| 141 |
font-size: 1vi; |
|
| 142 |
font-weight: bold; |
|
| 143 |
display: flex; |
|
| 144 |
justify-content: center; |
|
| 145 |
align-items: center; |
|
| 146 |
cursor:pointer; |
|
| 147 |
} |
|
| 148 |
|
|
| 149 |
.pos_button7{
|
|
| 150 |
grid-column: 9/11; |
|
| 151 |
grid-row: 5/6; |
|
| 152 |
font-size: 1vi; |
|
| 153 |
font-weight: bold; |
|
| 154 |
display: flex; |
|
| 155 |
justify-content: center; |
|
| 156 |
align-items: center; |
|
| 157 |
cursor:pointer; |
|
| 158 |
} |
|
| 159 |
|
|
| 160 |
.pos_button8{
|
|
| 161 |
grid-column: 11/13; |
|
| 162 |
grid-row: 5/6; |
|
| 163 |
font-size: 1vi; |
|
| 164 |
font-weight: bold; |
|
| 165 |
display: flex; |
|
| 166 |
justify-content: center; |
|
| 167 |
align-items: center; |
|
| 168 |
cursor:pointer; |
|
| 169 |
} |
|
| 170 |
|
|
| 171 |
.pos_button9{
|
|
| 172 |
grid-column: 9/11; |
|
| 173 |
grid-row: 6/7; |
|
| 174 |
font-size: 1vi; |
|
| 175 |
font-weight: bold; |
|
| 176 |
display: flex; |
|
| 177 |
justify-content: center; |
|
| 178 |
align-items: center; |
|
| 179 |
cursor:pointer; |
|
| 180 |
} |
|
| 181 |
|
|
| 182 |
.pos_button10{
|
|
| 183 |
grid-column: 11/13; |
|
| 184 |
grid-row: 6/7; |
|
| 185 |
font-size: 1vi; |
|
| 186 |
font-weight: bold; |
|
| 187 |
display: flex; |
|
| 188 |
justify-content: center; |
|
| 189 |
align-items: center; |
|
| 190 |
cursor:pointer; |
|
| 191 |
} |
|
| 192 |
|
|
| 193 |
.pos_button11{
|
|
| 194 |
grid-column: 11/13; |
|
| 195 |
grid-row: 8/9; |
|
| 196 |
font-size: 1vi; |
|
| 197 |
font-weight: bold; |
|
| 198 |
display: flex; |
|
| 199 |
justify-content: center; |
|
| 200 |
align-items: center; |
|
| 201 |
cursor:pointer; |
|
| 202 |
} |
|
| 203 |
|
|
| 204 |
.pos_button12{
|
|
| 205 |
grid-column: 11/13; |
|
| 206 |
grid-row: 8/9; |
|
| 207 |
font-size: 1vi; |
|
| 208 |
font-weight: bold; |
|
| 209 |
display: flex; |
|
| 210 |
justify-content: center; |
|
| 211 |
align-items: center; |
|
| 212 |
cursor:pointer; |
|
| 213 |
} |
|
| 214 | 214 |
|
| 215 | 215 |
//.pos_button:hover{
|
| 216 | 216 |
// cursor:pointer; |
Auch abrufbar als: Unified diff
POS: Kasse WIP funktionrendes css