setting_zmap.css 1.8 KB

1234567891011121314151617181920212223242526272829
  1. html, body{ margin:0; padding:0; width:100%; height:100%; }
  2. /* ¹ö¶¯Ìõ */
  3. ::-webkit-scrollbar { width: 12px;}
  4. ::-moz-scr
  5. ::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); border-radius:10px;}
  6. ::-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);}
  7. ::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,0,0,0.4);}
  8. .tree_dept_box{ width:349px; height:100%; display:inline-block; float:left; overflow:auto; border-right:1px dashed #055655; }
  9. .zmap_img_box{ width:549px; height:100%; display:inline-block; float:left; background:#ddd; }
  10. .maptile_box{ width:270px; height:235px; display:inline-block; float:left; }
  11. .glass_box{ width:230px; height:200px; margin:15px auto; background: rgba(255, 255, 255, 0.87);
  12. border-radius:5px; box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.35); position: relative;}
  13. .glass_box img{ width:230px; height:160px; }
  14. .hasimg{ width:230px; height:200px; }
  15. .descmap{ width:100%; height:40px; position:absolute; bottom:0; left:0; border-top:1px solid #ddd; }
  16. .descmap:hover{ background:rgba(0, 144, 226, .5); }
  17. .glass_box h3{ position:absolute; bottom:5px; left: 5px; }
  18. .file { position:absolute; right:5px; bottom:5px; display: inline-block; border:none; width: 50px;
  19. padding: 4px; height:20px; background-color: rgba(0, 0, 0, 0.03); text-align:center;
  20. box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.6);
  21. border-radius:20px; overflow: hidden; color:#0090e2; text-decoration: none; text-indent: 0; line-height: 20px; }
  22. .file input { position: absolute; font-size: 100px; right: 0; top: 0; opacity: 0; }
  23. .file:hover, .btn-crop:hover { color: #ffffff; text-decoration: none; background:#0090e2; }
  24. .file-container{ top:-30px; }