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