1 line
2.1 KiB
CSS
1 line
2.1 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:15px;top:15px;bottom:15px;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:#666;font-size:12pt;overflow:hidden;transition:all 80ms}.sidebar-tabs>li:hover{color:#000;background-color:#fff9e6}.sidebar-tabs>li.active{color:#000;background-color:#febf00}.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{border-right:1pt solid rgba(127,127,127,.3);box-shadow:0 3px 2px -2px rgba(0,0,0,.35)}@media (min-width:768px){.sidebar{border:1pt solid rgba(127,127,127,.3);border-radius:4px;bottom:35px}.sidebar.collapsed~.sidebar-map .gm-style div[controlheight="308"]{margin-left:55px!important}}@media (min-width:768px){.sidebar-map .gm-style div[controlheight="308"]{transition:margin-left 500ms}}@media (min-width:768px) and (max-width:991px){.sidebar-map .gm-style div[controlheight="308"]{margin-left:320px!important}}@media (min-width:992px) and (max-width:1199px){.sidebar-map .gm-style div[controlheight="308"]{margin-left:405px!important}}@media (min-width:1200px){.sidebar-map .gm-style div[controlheight="308"]{margin-left:475px!important}} |