myDiv.css 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. @charset "utf-8";
  2. /*弹出层样式 by zmy 2018 02 05*/
  3. .black_overlay{
  4. display: none;
  5. position: absolute;
  6. top: 0%;
  7. left: 0%;
  8. width: 100%;
  9. height: 100%;
  10. background-color: black;
  11. z-index:1001;
  12. -moz-opacity: 0.8;
  13. opacity:.30;
  14. filter: alpha(opacity=80);
  15. }
  16. .white_content {
  17. display: none;
  18. left: 50%;
  19. top: 50%;
  20. margin-left: -250px;
  21. margin-top: -150px;
  22. position: fixed;
  23. _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/ document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);
  24. border: 2px solid #ebebeb;
  25. background-color: white;
  26. border-radius: 3px;
  27. z-index: 1002;
  28. height: 300px;
  29. width: 500px;
  30. overflow: hidden;
  31. padding: 20px;
  32. }
  33. .white_content_small {
  34. display: none;
  35. position: absolute;
  36. top: 20%;
  37. left: 30%;
  38. width: 40%;
  39. height: 60%;
  40. border: 16px solid lightblue;
  41. background-color: white;
  42. z-index:1002;
  43. overflow: hidden;
  44. }
  45. .divclose{margin-right:10px;float:right;cursor: pointer;font-size: 23px;margin-top: -2px;}
  46. .divtitle{
  47. font-size: 22px;
  48. font-weight: normal;
  49. font-stretch: normal;
  50. color: #333333;
  51. font-family: "Microsoft Yahei";}
  52. .MyDiv-header{height: 130px;
  53. border-bottom: 1px solid #cccccc;
  54. text-align: center;
  55. line-height: 30px;
  56. /* padding-top: 40px;*/
  57. }
  58. .MyDiv-header span{height: 35px;}
  59. .MyDiv-info{
  60. font-size: 14px;
  61. font-family: "Microsoft Yahei";
  62. padding: 44px 40px;
  63. overflow: hidden;
  64. }
  65. .MyDiv-info p{margin-bottom: 21px;}
  66. .border_all{padding:0px;}
  67. .dialog-btn{
  68. width: 150px;
  69. height: 60px;
  70. border-radius: 4px;
  71. outline: none;
  72. border: none;
  73. color: white;
  74. font-size: 20px;
  75. font-weight: normal;
  76. font-stretch: normal;
  77. font-family: "Microsoft Yahei";
  78. }
  79. .dialog-btn-left{
  80. background-color: #0482d0;
  81. float:left;
  82. }
  83. .dialog-btn-right{
  84. background-color: #ff8b00;
  85. float:right;
  86. }
  87. .MyDiv-info-one{
  88. text-align: center;
  89. }
  90. .dialog-btn-one{
  91. background-color: #0482d0;
  92. }