Main.css 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  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: 600px;
  26. /*position: absolute;*/
  27. }
  28. .div-cover{
  29. display:none;
  30. position: absolute;
  31. top: 0%;
  32. left: 0%;
  33. width: 100%;
  34. height: 100%;
  35. background:rgba(0,0,0,0.4);
  36. z-index: 9999;
  37. }
  38. .div-title{
  39. margin:10px 15px;
  40. }
  41. .div-container{
  42. opacity: 0.95;
  43. position: fixed;
  44. background: white;
  45. width: 300px;
  46. height: 150px;
  47. left: 50%;
  48. top: 50%;
  49. transform: translate(-50%,-50%);
  50. border: 0;
  51. overflow-y: auto;
  52. filter: progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=3); /*ie*/
  53. -moz-box-shadow: 2px 2px 10px #909090; /*firefox*/
  54. -webkit-box-shadow: 2px 2px 10px #909090; /*safari或chrome*/
  55. box-shadow: 2px 2px 10px #909090; /*opera或ie9*/
  56. }
  57. .div-contentContainer{
  58. height: calc(100% - 100px);
  59. width: 100%;
  60. text-align: center;
  61. }
  62. .div-contentContainer input{
  63. margin-top: 15px;
  64. }
  65. .div-btnContainer{
  66. margin: 10px;
  67. text-align: center;
  68. }