Main.css 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. button{
  2. margin: 2px;
  3. padding: 2px 30px;
  4. border: solid 1px #008DC7;
  5. background-color: #008DC7;
  6. color: white;
  7. }
  8. button:hover{
  9. background: white;
  10. color:#008DC7;
  11. font-weight: bold;
  12. }
  13. /* button:active{
  14. padding: 1px 29px;
  15. border-width: 2px;
  16. } */
  17. input{
  18. outline: none;
  19. margin: 2px;
  20. padding: 5px;
  21. border: solid 1px lightgray;
  22. }
  23. .echartsDiv{
  24. width: 100%;
  25. height: 230px;
  26. /*position: absolute;*/
  27. }
  28. .AllechartsDiv{
  29. width: 100%;
  30. height: 690px;
  31. }
  32. .div-cover{
  33. display:none;
  34. position: absolute;
  35. top: 0%;
  36. left: 0%;
  37. width: 100%;
  38. height: 100%;
  39. background:rgba(0,0,0,0.4);
  40. z-index: 9999;
  41. }
  42. .div-title{
  43. margin:10px 15px;
  44. }
  45. .div-container{
  46. opacity: 0.95;
  47. position: fixed;
  48. background: white;
  49. width: 300px;
  50. height: 150px;
  51. left: 50%;
  52. top: 50%;
  53. transform: translate(-50%,-50%);
  54. border: 0;
  55. overflow-y: auto;
  56. filter: progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=3); /*ie*/
  57. -moz-box-shadow: 2px 2px 10px #909090; /*firefox*/
  58. -webkit-box-shadow: 2px 2px 10px #909090; /*safari或chrome*/
  59. box-shadow: 2px 2px 10px #909090; /*opera或ie9*/
  60. }
  61. .div-contentContainer{
  62. height: calc(100% - 100px);
  63. width: 100%;
  64. text-align: center;
  65. }
  66. .div-contentContainer input{
  67. margin-top: 15px;
  68. }
  69. .div-btnContainer{
  70. margin: 10px;
  71. text-align: center;
  72. }