Y-SLD/assets/plugins/leaflet/sidebar/css/ol2-sidebar.min.css

1 line
2.3 KiB
CSS

.sidebar{position:absolute;left:0;top:0;bottom:0;width:100%;overflow:hidden;z-index:2000}.sidebar.collapsed{width:40px}@media (min-width:768px){.sidebar{left:8px;top:8px;bottom:8px;transition:width 500ms}}@media (min-width:768px) and (max-width:991px){.sidebar{width:305px}}@media (min-width:992px) and (max-width:1199px){.sidebar{width:390px}}@media (min-width:1200px){.sidebar{width:460px}}.sidebar-tabs{position:absolute;top:0;bottom:0;width:40px;height:100%;margin:0;padding:0;background-color:rgba(0,60,136,.5)}.sidebar-tabs>li{width:100%;height:40px;color:#fff;font-size:12pt;overflow:hidden;transition:all 80ms}.sidebar-tabs>li:hover{color:#fff;background-color:rgba(0,60,136,.6)}.sidebar-tabs>li.active{color:#fff;background-color:#0074d9}.sidebar-tabs>li>a{display:block;width:100%;height:100%;line-height:40px;color:inherit;text-decoration:none;text-align:center}.sidebar-content{position:absolute;left:40px;right:0;top:0;bottom:0;background-color:rgba(255,255,255,.95);overflow-x:hidden;overflow-y:auto}.sidebar-pane{display:none;right:0;box-sizing:border-box;padding:10px 20px}.sidebar-pane.active{display:block}@media (min-width:768px) and (max-width:991px){.sidebar-pane{width:265px}}@media (min-width:992px) and (max-width:1199px){.sidebar-pane{width:350px}}@media (min-width:1200px){.sidebar-pane{width:420px}}.sidebar{background-color:rgba(255,255,255,.4);border-right:3px solid transparent}@media (min-width:768px){.sidebar{border:3px solid transparent;border-radius:4px}}.sidebar-tabs{overflow:hidden}@media (min-width:768px){.sidebar-tabs{border-radius:4px 0 0 4px}.collapsed .sidebar-tabs{border-radius:4px}}@media (min-width:768px){.sidebar-content{border-radius:0 4px 4px 0}}@media (min-width:768px){.sidebar.collapsed~.sidebar-map .olControlZoom{margin-left:54px}}.sidebar-map .olControlZoom,.sidebar-map .olScaleLine{margin-left:46px}@media (min-width:768px){.sidebar-map .olControlZoom,.sidebar-map .olScaleLine{transition:margin-left 500ms}}@media (min-width:768px) and (max-width:991px){.sidebar-map .olControlZoom,.sidebar-map .olScaleLine{margin-left:319px}}@media (min-width:992px) and (max-width:1199px){.sidebar-map .olControlZoom,.sidebar-map .olScaleLine{margin-left:404px}}@media (min-width:1200px){.sidebar-map .olControlZoom,.sidebar-map .olScaleLine{margin-left:474px}}