| | |
| | | } |
| | | .demoBtn { |
| | | vertical-align: middle; |
| | | width: 100%; |
| | | /*width: 30%;*/ |
| | | height: 30px; |
| | | left: 0; |
| | | top: 0; |
| | | padding: 5px 15px; |
| | | text-shadow: inherit; |
| | | font-size: 15px; |
| | | margin-left: 5px; |
| | |
| | | .demoBtn:focus { |
| | | outline: 0; |
| | | } |
| | | /*▼下拉菜单▼*/ |
| | | .form-item { |
| | | width: 220px; |
| | | display: inline-block; |
| | | color: white; |
| | | font-size: 16px; |
| | | font-weight: bold; |
| | | padding: 3px;margin:3px |
| | | } |
| | | .form-item input { |
| | | display: inline-block; |
| | | width: 100px; |
| | | float: right; |
| | | } |
| | | /*▲下拉菜单▲*/ |
| | | /*.ste-command-item span {*/ |
| | | /* display: inline-block;*/ |
| | | /* width: 20px;*/ |
| | | /* height: 20px;*/ |
| | | /* background-color: #2e9926;*/ |
| | | /* border-radius: 5px;*/ |
| | | /* vertical-align: middle;*/ |
| | | /*}*/ |
| | | |
| | | /* 右 */ |
| | | .ste-state { |
| | |
| | | overflow: auto; |
| | | resize:none; |
| | | color: #666; |
| | | } |
| | | } |
| | | |
| | | |
| | | /* 详情弹出层 */ |
| | | #ste-detl { |
| | | padding: 30px 10px 0 25px; |
| | | overflow: hidden; |
| | | } |
| | | #ste-detl form { |
| | | overflow: hidden; |
| | | } |
| | | .form-item { |
| | | margin-bottom: 10px; |
| | | } |
| | | .form-label { |
| | | display: inline-block; |
| | | width: 70px; |
| | | text-align: right; |
| | | } |
| | | .form-input { |
| | | display: inline-block; |
| | | padding-left: 15px; |
| | | } |
| | | .form-input input { |
| | | outline-style: none ; |
| | | border: 1px solid #ccc; |
| | | border-radius: 3px; |
| | | padding: 5px 8px; |
| | | width: 150px; |
| | | font-size: 14px; |
| | | font-weight: bolder; |
| | | } |
| | | .form-input input:focus{ |
| | | border-color: #66afe9; |
| | | outline: 0; |
| | | -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); |
| | | box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) |
| | | } |
| | | .form-button-container { |
| | | text-align: center; |
| | | } |
| | | .form-button { |
| | | margin: 10px 10px; |
| | | width: 50px; |
| | | height: 30px; |
| | | color:white; |
| | | background-color:cornflowerblue; |
| | | border-radius: 3px; |
| | | border-width: 0; |
| | | outline: none; |
| | | font-size: 15px; |
| | | text-align: center; |
| | | cursor: pointer; |
| | | } |
| | | .form-button:hover { |
| | | opacity: 0.7; |
| | | } |