12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970 |
- button{
- margin: 2px;
- padding: 2px 30px;
- border: solid 1px #008DC7;
- background-color: #008DC7;
- color: white;
- }
- button:hover{
- background: white;
- color:#008DC7;
- font-weight: bold;
- }
- /* button:active{
- padding: 1px 29px;
- border-width: 2px;
- } */
- input{
- outline: none;
- margin: 2px;
- padding: 5px;
- border: solid 1px lightgray;
- }
- .echartsDiv{
- width: 100%;
- height: 600px;
- /*position: absolute;*/
- }
- .div-cover{
- display:none;
- position: absolute;
- top: 0%;
- left: 0%;
- width: 100%;
- height: 100%;
- background:rgba(0,0,0,0.4);
- z-index: 9999;
- }
- .div-title{
- margin:10px 15px;
- }
- .div-container{
- opacity: 0.95;
- position: fixed;
- background: white;
- width: 300px;
- height: 150px;
- left: 50%;
- top: 50%;
- transform: translate(-50%,-50%);
- border: 0;
- overflow-y: auto;
- filter: progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=3); /*ie*/
- -moz-box-shadow: 2px 2px 10px #909090; /*firefox*/
- -webkit-box-shadow: 2px 2px 10px #909090; /*safari或chrome*/
- box-shadow: 2px 2px 10px #909090; /*opera或ie9*/
- }
- .div-contentContainer{
- height: calc(100% - 100px);
- width: 100%;
- text-align: center;
- }
- .div-contentContainer input{
- margin-top: 15px;
- }
- .div-btnContainer{
- margin: 10px;
- text-align: center;
- }
|