zMap.css 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. @charset "UTF-8";
  2. html,body{ width:100%; height:100%; margin:0; padding:0; overflow: hidden; }
  3. .marker{ position: fixed; top:30px; left:50px; }
  4. .z_marker{ position: fixed; }
  5. /* 滚动条 */
  6. ::-webkit-scrollbar { width: 12px;}
  7. ::-moz-scr
  8. ::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); border-radius:10px;}
  9. ::-webkit-scrollbar-thumb { border-radius:10px; background: rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);}
  10. ::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,0,0,0.4);}
  11. .float_right{ float:right; }
  12. .float_left{ float:left; }
  13. .hidden_yes{ display: none;}
  14. #myimage{ width:100%; cursor:pointer; position: absolute; top:0; left:0;}
  15. *{margin:0;padding:0;list-style-type:none;}
  16. a,img{border:0;}
  17. .content{margin:0 auto;width:360px;}
  18. .content p{margin:20px 0 0 0;border:solid 1px #C5D8FF;background:#EDF2FF;padding:10px;}
  19. /* 主图的线条样式 */
  20. .line{ cursor:pointer; border-radius:50%; overflow:hidden; position: absolute; }
  21. .line_glitter{width:0; height:0; box-shadow:0 0 3px 1px rgba(255,255,255,.5); text-decoration: none; /*transition: all 700ms ease-in-out;*/}
  22. .line_twinkle { transform: scale3d(1.2,1.5,1.5); }
  23. .marker_twinkle{ opacity: 0.1; }
  24. .item { width:200px; height:120px; line-height:120px; text-align:center; cursor:pointer; background:#ccc; z-index:90; position:absolute; top:300px; right:400px;}
  25. /* 多边形 */
  26. .rect{ border:1px solid red; background:rgba(128,128,128,.5); position:fixed; z-index:9;top:0; left:0; }
  27. .circle{ border:1px solid red; border-radius: 50%; background:rgba(128,128,128,.5); position:fixed; z-index:9;top:0; left:0; }
  28. .draw_polygon_box{width:3000px; height:3000px; position:fixed; top:0; left:0; z-index:77; }
  29. .polygon_svg_box{position:fixed; top:0; left:0; z-index:77; }