Revision e7c613f2
Von Werner Hahn vor etwa 2 Monaten hinzugefügt
| css/design40/style.css | ||
|---|---|---|
| 5203 | 5203 |
cursor: pointer; |
| 5204 | 5204 |
} |
| 5205 | 5205 |
/* ------------------------------------------------------------- */ |
| 5206 |
/* POS (pos.less) */ |
|
| 5207 |
/* ------------------------------------------------------------- */ |
|
| 5208 |
.pos_wrapper {
|
|
| 5209 |
border: solid blue; |
|
| 5210 |
position: relative; |
|
| 5211 |
height: 85vh; |
|
| 5212 |
} |
|
| 5213 |
.pos_content {
|
|
| 5214 |
margin-right: 600px; |
|
| 5215 |
border: thin solid red; |
|
| 5216 |
} |
|
| 5217 |
.buttons {
|
|
| 5218 |
position: absolute; |
|
| 5219 |
right: 0px; |
|
| 5220 |
top: 0px; |
|
| 5221 |
width: 600px; |
|
| 5222 |
border: thin solid green; |
|
| 5223 |
} |
|
| 5224 |
.container_pos_left {
|
|
| 5225 |
display: grid; |
|
| 5226 |
grid-template-columns: 1fr 1fr; |
|
| 5227 |
column-gap: 10px; |
|
| 5228 |
row-gap: 15px; |
|
| 5229 |
} |
|
| 5230 |
.pos_button {
|
|
| 5231 |
height: 60px; |
|
| 5232 |
border: thin solid red; |
|
| 5233 |
} |
|
| 5234 |
/* ------------------------------------------------------------- */ |
|
| 5206 | 5235 |
/* JQUERY UI (jquery-ui.less) */ |
| 5207 | 5236 |
/* ------------------------------------------------------------- */ |
| 5208 | 5237 |
.ui-helper-hidden {
|
| ... | ... | |
| 7949 | 7978 |
/* ------------------------------------------------------------- */ |
| 7950 | 7979 |
/* CUSTOM LESS STUFF (custom.less) */ |
| 7951 | 7980 |
/* ------------------------------------------------------------- */ |
| 7952 |
.pos_content {
|
|
| 7953 |
display: grid; |
|
| 7954 |
grid-template-columns: repeat(16, 1fr); |
|
| 7955 |
grid-template-rows: auto; |
|
| 7956 |
grid-gap: 2px; |
|
| 7957 |
} |
|
| 7958 |
.input_cv {
|
|
| 7959 |
grid-column: 2/4; |
|
| 7960 |
grid-row: 2/3; |
|
| 7961 |
} |
|
| 7962 |
.salesman {
|
|
| 7963 |
grid-column: 4/6; |
|
| 7964 |
grid-row: 2/3; |
|
| 7965 |
} |
|
| 7966 |
.order {
|
|
| 7967 |
grid-column: 2/4; |
|
| 7968 |
grid-row: 3/4; |
|
| 7969 |
} |
|
| 7970 |
.item_input {
|
|
| 7971 |
grid-column: 2/8; |
|
| 7972 |
grid-row: 4/5; |
|
| 7973 |
} |
|
| 7974 |
.show_rows {
|
|
| 7975 |
grid-column: 1/8; |
|
| 7976 |
grid-row: 5/12; |
|
| 7977 |
} |
|
| 7978 |
.pos_button1 {
|
|
| 7979 |
grid-column: 9/11; |
|
| 7980 |
grid-row: 2/3; |
|
| 7981 |
font-size: 1vi; |
|
| 7982 |
font-weight: bold; |
|
| 7983 |
display: flex; |
|
| 7984 |
justify-content: center; |
|
| 7985 |
align-items: center; |
|
| 7986 |
cursor: pointer; |
|
| 7987 |
} |
|
| 7988 |
.pos_button2 {
|
|
| 7989 |
grid-column: 11/13; |
|
| 7990 |
grid-row: 2/3; |
|
| 7991 |
font-size: 1vi; |
|
| 7992 |
font-weight: bold; |
|
| 7993 |
display: flex; |
|
| 7994 |
justify-content: center; |
|
| 7995 |
align-items: center; |
|
| 7996 |
cursor: pointer; |
|
| 7997 |
} |
|
| 7998 |
.pos_button3 {
|
|
| 7999 |
grid-column: 9/11; |
|
| 8000 |
grid-row: 3/4; |
|
| 8001 |
font-size: 1vi; |
|
| 8002 |
font-weight: bold; |
|
| 8003 |
display: flex; |
|
| 8004 |
justify-content: center; |
|
| 8005 |
align-items: center; |
|
| 8006 |
cursor: pointer; |
|
| 8007 |
} |
|
| 8008 |
.pos_button4 {
|
|
| 8009 |
grid-column: 11/13; |
|
| 8010 |
grid-row: 3/4; |
|
| 8011 |
font-size: 1vi; |
|
| 8012 |
font-weight: bold; |
|
| 8013 |
display: flex; |
|
| 8014 |
justify-content: center; |
|
| 8015 |
align-items: center; |
|
| 8016 |
cursor: pointer; |
|
| 8017 |
} |
|
| 8018 |
.pos_button5 {
|
|
| 8019 |
grid-column: 9/11; |
|
| 8020 |
grid-row: 4/5; |
|
| 8021 |
font-size: 1vi; |
|
| 8022 |
font-weight: bold; |
|
| 8023 |
display: flex; |
|
| 8024 |
justify-content: center; |
|
| 8025 |
align-items: center; |
|
| 8026 |
cursor: pointer; |
|
| 8027 |
} |
|
| 8028 |
.pos_button6 {
|
|
| 8029 |
grid-column: 11/13; |
|
| 8030 |
grid-row: 4/5; |
|
| 8031 |
font-size: 1vi; |
|
| 8032 |
font-weight: bold; |
|
| 8033 |
display: flex; |
|
| 8034 |
justify-content: center; |
|
| 8035 |
align-items: center; |
|
| 8036 |
cursor: pointer; |
|
| 8037 |
} |
|
| 8038 |
.pos_button7 {
|
|
| 8039 |
grid-column: 9/11; |
|
| 8040 |
grid-row: 5/6; |
|
| 8041 |
font-size: 1vi; |
|
| 8042 |
font-weight: bold; |
|
| 8043 |
display: flex; |
|
| 8044 |
justify-content: center; |
|
| 8045 |
align-items: center; |
|
| 8046 |
cursor: pointer; |
|
| 8047 |
} |
|
| 8048 |
.pos_button8 {
|
|
| 8049 |
grid-column: 11/13; |
|
| 8050 |
grid-row: 5/6; |
|
| 8051 |
font-size: 1vi; |
|
| 8052 |
font-weight: bold; |
|
| 8053 |
display: flex; |
|
| 8054 |
justify-content: center; |
|
| 8055 |
align-items: center; |
|
| 8056 |
cursor: pointer; |
|
| 8057 |
} |
|
| 8058 |
.pos_button9 {
|
|
| 8059 |
grid-column: 9/11; |
|
| 8060 |
grid-row: 6/7; |
|
| 8061 |
font-size: 1vi; |
|
| 8062 |
font-weight: bold; |
|
| 8063 |
display: flex; |
|
| 8064 |
justify-content: center; |
|
| 8065 |
align-items: center; |
|
| 8066 |
cursor: pointer; |
|
| 8067 |
} |
|
| 8068 |
.pos_button10 {
|
|
| 8069 |
grid-column: 11/13; |
|
| 8070 |
grid-row: 6/7; |
|
| 8071 |
font-size: 1vi; |
|
| 8072 |
font-weight: bold; |
|
| 8073 |
display: flex; |
|
| 8074 |
justify-content: center; |
|
| 8075 |
align-items: center; |
|
| 8076 |
cursor: pointer; |
|
| 8077 |
} |
|
| 8078 |
.pos_button11 {
|
|
| 8079 |
grid-column: 11/13; |
|
| 8080 |
grid-row: 8/9; |
|
| 8081 |
font-size: 1vi; |
|
| 8082 |
font-weight: bold; |
|
| 8083 |
display: flex; |
|
| 8084 |
justify-content: center; |
|
| 8085 |
align-items: center; |
|
| 8086 |
cursor: pointer; |
|
| 8087 |
} |
|
| 8088 |
.pos_button12 {
|
|
| 8089 |
grid-column: 11/13; |
|
| 8090 |
grid-row: 8/9; |
|
| 8091 |
font-size: 1vi; |
|
| 8092 |
font-weight: bold; |
|
| 8093 |
display: flex; |
|
| 8094 |
justify-content: center; |
|
| 8095 |
align-items: center; |
|
| 8096 |
cursor: pointer; |
|
| 8097 |
} |
|
| 8098 | 7981 |
/* ------------------------------------------------------------- */ |
| 8099 | 7982 |
/* DEVELOPING (developing.less) */ |
| 8100 | 7983 |
/* ------------------------------------------------------------- */ |
Auch abrufbar als: Unified diff
POS: Kasse WIP funktionrendes css