1 line
1.9 KiB
CSS
1 line
1.9 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:10px;top:10px;bottom:10px;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:#fff}.sidebar-tabs>li{width:100%;height:40px;color:#333;font-size:12pt;overflow:hidden;transition:all 80ms}.sidebar-tabs>li:hover{color:#000;background-color:#eee}.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-map{margin-left:40px}@media (min-width:768px){.sidebar-map{margin-left:0}}.sidebar{box-shadow:0 1px 5px rgba(0,0,0,.65)}.sidebar.leaflet-touch{box-shadow:none;border-right:2px solid rgba(0,0,0,.2)}@media (min-width:768px){.sidebar{border-radius:4px}.sidebar.leaflet-touch{border:2px solid rgba(0,0,0,.2)}.sidebar.collapsed~.sidebar-map .leaflet-left{left:50px}}@media (min-width:768px){.sidebar-map .leaflet-left{transition:left 500ms}}@media (min-width:768px) and (max-width:991px){.sidebar-map .leaflet-left{left:315px}}@media (min-width:992px) and (max-width:1199px){.sidebar-map .leaflet-left{left:400px}}@media (min-width:1200px){.sidebar-map .leaflet-left{left:470px}}
|