| | |
| | | width: 100%; |
| | | background-color: rgb(108,167,168); |
| | | } |
| | | |
| | | .head { |
| | | height: 10%; |
| | | width: 100%; |
| | |
| | | |
| | | .floorBtn { |
| | | position: absolute; |
| | | /*border: 1px solid rgb(108, 167, 168);*/ |
| | | top: 10px; |
| | | color: #000000; |
| | | border-radius: 5px; |
| | | left: 1750px; |
| | | width: 90px; |
| | | height: 40px; |
| | | color: #ffffff; |
| | | font-size: 24px; |
| | | font-weight: 500; |
| | | letter-spacing: 5px; |
| | | cursor:pointer; |
| | | transition: all 0.3s ease; |
| | | font-family: 'Lato', sans-serif; |
| | | background: transparent; |
| | | box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5), 7px 7px 20px 0px rgba(0, 0, 0, 0.1), |
| | | 4px 4px 5px 0px rgba(0, 0, 0, 0.1); |
| | | } |
| | | /* 16 */ |
| | | .btn-16 { |
| | | border: none; |
| | | color: #fff; |
| | | } |
| | | .btn-16:after { |
| | | position: absolute; |
| | | content: ''; |
| | | width: 0; |
| | | height: 100%; |
| | | top: 0; |
| | | left: 0; |
| | | direction: rtl; |
| | | z-index: -1; |
| | | box-shadow: -7px -7px 20px 0px #fff9, -4px -4px 5px 0px #fff9, 7px 7px 20px 0px #0002, |
| | | 4px 4px 5px 0px #0001; |
| | | transition: all 0.3s ease; |
| | | } |
| | | .btn-16:hover { |
| | | color: #323131; |
| | | } |
| | | .btn-16:hover:after { |
| | | left: auto; |
| | | right: 0; |
| | | width: 100%; |
| | | } |
| | | .btn-16:active { |
| | | top: 2px; |
| | | } |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | /*操作显示栏*/ |
| | | #body { |
| | |
| | | .site-unauto { |
| | | background-color: rgb(184,184,184); |
| | | } |
| | | |
| | | |
| | | /* 静置完成 */ |
| | | .loc-empty { |
| | | background-color: rgb(163,214,242); |
| | | } |
| | | /* 在库静置中*/ |
| | | .loc-wait { |
| | | background-color: rgb(151,180,0); |
| | | } |
| | | /* 在库待测 */ |
| | | .loc-in-wait { |
| | | background-color: rgb(58,77,249); |
| | | } |
| | | /* 在库测试中 */ |
| | | .loc-testing { |
| | | background-color: rgb(240,140,10); |
| | | } |
| | | /* 异常 */ |
| | | .loc-error { |
| | | background-color: rgb(252,48,48); |
| | | } |
| | | /* 空库位 */ |
| | | .loc-empty { |
| | | background-color: rgb(132,255,115); |
| | | } |
| | | |
| | | |
| | | |
| | | |
| | | #code { |
| | | background-image: url(../images/status_bar_2.png); |
| | | background-repeat: no-repeat; |
| | |
| | | .machine { |
| | | position: absolute; |
| | | background-color: rgb(108,167,168); |
| | | margin-left: 1116px; |
| | | /*margin-left: 1116px;*/ |
| | | height: 20px; |
| | | width: 80px; |
| | | background-image: url("../images/Crane_auto.png"); |