124 lines
11 KiB
CSS
124 lines
11 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, 0.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, 0.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, 0.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, 0.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; } }
|
||
|
|
|
||
|
|
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiIiwic291cmNlcyI6WyJzY3NzL29sMi1zaWRlYmFyLnNjc3MiLCJzY3NzL19vbC1iYXNlLnNjc3MiLCJzY3NzL19iYXNlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFFc0JBO0VBQ0ksVUFBVTtFQUVWLE1BQU07RUFDTixLQUFLO0VBQ0wsUUFBUTtFQUNSLE9BckJPO0VBdUJQLFVBQVU7RUFFVixTQXZCYztFQXVCbEIsUUFBUTtJQUdBLE9BdkJHO0VBMEJQO0lBaEJKO01BaUJRLE1GdkNVO01Fd0NWLEtGeENVO01FeUNWLFFGekNVO01FMkNWLFlBQVk7RUFHaEI7SUF4Qko7TUF5QlEsT0F6Q0c7RUE0Q1A7SUE1Qko7TUE2QlEsT0E5Q0c7RUFpRFA7SUFoQ0o7TUFpQ1EsT0FuREc7O0FBdURYO0VBQ0ksVUFBVTtFQUVWLEtBQUs7RUFDTCxRQUFRO0VBRVIsT0FyRE87RUFzRFAsUUFBUTtFQUVSLFFBQVE7RUFDUixTQUFTO0VBRVQsa0JEakVNO0VDaUVWLGdCQUFnQjtJQUdSLE9BQU87SUFDUCxRQS9ERztJQWlFSCxPRHhFQztJQzJFRCxXQW5FUTtJQXFFUixVQUFVO0lBRVYsWUFBWTtJQUFwQixnQkFBZ0IsRUFBRTtNQUdOLE9EaEZHO01DaUZILGtCRGhGRztJQ2lGZixnQkFBZ0IsRUFBRTtNQUdOLE9EbkZJO01Db0ZKLGtCRG5GSTtJQ29GaEIsZ0JBQWdCLEtBQUs7TUFHVCxTQUFTO01BRVQsT0FBTztNQUNQLFFBQVE7TUFFUixhQTFGRDtNQTRGQyxPQUFPO01BQ1AsaUJBQWlCO01BQ2pCLFlBQVk7O0FBS3hCO0VBQ0ksVUFBVTtFQUVWLE1BdEdPO0VBdUdQLE9BQU87RUFFUCxLQUFLO0VBQ0wsUUFBUTtFQUVSLGtCQXZHUztFQXlHVCxZQUFZO0VBQ1osWUFBWTs7QUFHaEI7RUFDSSxTQUFTO0VBRVQsT0FBTztFQUNQLFlBQVk7RUFFWixTQWxIYztFQWtIbEIsYUFBYTtJQUdMLFNBQVM7RUFHYjtJQVpKO01BYVEsT0FBTztFQUdYO0lBaEJKO01BaUJRLE9BQU87RUFHWDtJQXBCSjtNQXFCUSxPQUFPOztBRG5JZjtFQUNJLGtCQWpCUztFQWtCVCxjQWZhO0VBaUJiO0lBSko7TUFLUSxRQWxCUztNQW1CVCxlQXBCZ0I7O0FBd0J4QjtFQUNJLFVBQVU7RUFFVjtJQUhKO01BSVEsZUFBZTtNQUF2QixXQUFXO1FBR0MsZURoQ2tCOztBQ3NDMUI7RUFESjtJQUVRLGVBQWU7O0FEbENuQjtFQUFKLFFBQVEsYUFBYSxhQUFhO0lBRXRCLGFBQWE7O0FBS3pCLGFBQWEsZ0JBQWdCLGFBQWE7RUFFdEMsYUFBYTtFQUViO0lBSkosYUFBYSxnQkFBZ0IsYUFBYTtNQUtsQyxZQUFZO0VBR2hCO0lBUkosYUFBYSxnQkFBZ0IsYUFBYTtNQVNsQyxhQUFhO0VBR2pCO0lBWkosYUFBYSxnQkFBZ0IsYUFBYTtNQWFsQyxhQUFhO0VBR2pCO0lBaEJKLGFBQWEsZ0JBQWdCLGFBQWE7TUFpQmxDLGFBQWEiLCJzb3VyY2VzQ29udGVudCI6WyIkc2lkZWJhci1tYXJnaW5zOiA4cHg7XG4kc2lkZWJhci1pbm5lci1ib3JkZXItcmFkaXVzOiA0cHg7XG5cbkBpbXBvcnQgJ29sLWJhc2UnO1xuXG4uc2lkZWJhciB7XG4gICAgQG1lZGlhKG1pbi13aWR0aDokdGhyZXNob2xkLXNtKSB7XG4gICAgICAgICYuY29sbGFwc2VkIH4gLnNpZGViYXItbWFwIC5vbENvbnRyb2xab29tIHtcbiAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAkdGFiLXNpemUgKyAkc2lkZWJhci1tYXJnaW5zICsgJHNpZGViYXItYm9yZGVyLXdpZHRoICogMjtcbiAgICAgICAgfVxuICAgIH1cbn1cblxuLnNpZGViYXItbWFwIC5vbENvbnRyb2xab29tLFxuLnNpZGViYXItbWFwIC5vbFNjYWxlTGluZSB7XG4gICAgbWFyZ2luLWxlZnQ6ICR0YWItc2l6ZSArICRzaWRlYmFyLWJvcmRlci13aWR0aCAqIDI7XG5cbiAgICBAbWVkaWEobWluLXdpZHRoOiR0aHJlc2hvbGQtc20pIHtcbiAgICAgICAgdHJhbnNpdGlvbjogbWFyZ2luLWxlZnQgJHNpZGViYXItdHJhbnNpdGlvbjtcbiAgICB9XG5cbiAgICBAbWVkaWEobWluLXdpZHRoOiR0aHJlc2hvbGQtc20pIGFuZCAobWF4LXdpZHRoOiR0aHJlc2hvbGQtbWQgLSAxcHgpIHtcbiAgICAgICAgbWFyZ2luLWxlZnQ6ICR3aWR0aC1zbSArICRzaWRlYmFyLW1hcmdpbnMgKyAkc2lkZWJhci1ib3JkZXItd2lkdGggKiAyO1xuICAgIH1cblxuICAgIEBtZWRpYShtaW4td2lkdGg6JHRocmVzaG9sZC1tZCkgYW5kIChtYXgtd2lkdGg6JHRocmVzaG9sZC1sZyAtIDFweCkge1xuICAgICAgICBtYXJnaW4tbGVmdDogJHdpZHRoLW1kICsgJHNpZGViYXItbWFyZ2lucyArICRzaWRlYmFyLWJvcmRlci13aWR0aCAqIDI7XG4gICAgfVxuXG4gICAgQG1lZGlhKG1pbi13aWR0aDokdGhyZXNob2xkLWxnKSB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAkd2lkdGgtbGcgKyAkc2lkZWJhci1tYXJnaW5zICsgJHNpZGViYXItYm9yZGVyLXdpZHRoICogMjtcbiAgICB9XG59XG4iLCIkc2lkZWJhci1iZzogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjQpO1xuJHNpZGViYXItYm9yZGVyLXdpZHRoOiAzcHg7XG4kc2lkZWJhci1ib3JkZXItcmFkaXVzOiA0cHg7XG4kc2lkZWJhci1ib3JkZXI6ICRzaWRlYmFyLWJvcmRlci13aWR0aCBzb2xpZCB0cmFuc3BhcmVudDtcblxuJHRhYi1mZzogI2ZmZjtcbiR0YWJzLWJnOiByZ2JhKDAsIDYwLCAxMzYsIDAuNSk7XG4kdGFiLWhvdmVyLWZnOiAjZmZmO1xuJHRhYi1ob3Zlci1iZzogcmdiYSgwLCA2MCwgMTM2LCAwLjYpO1xuJHRhYi1hY3RpdmUtZmc6ICNmZmY7XG4kdGFiLWFjdGl2ZS1iZzogIzAwNzRkOTtcblxuJG1vdmUtbWFwLWluLXhzOiBmYWxzZTtcblxuQGltcG9ydCAnYmFzZSc7XG5cbi5zaWRlYmFyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkc2lkZWJhci1iZztcbiAgICBib3JkZXItcmlnaHQ6ICRzaWRlYmFyLWJvcmRlcjtcblxuICAgIEBtZWRpYShtaW4td2lkdGg6JHRocmVzaG9sZC1zbSkge1xuICAgICAgICBib3JkZXI6ICRzaWRlYmFyLWJvcmRlcjtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHNpZGViYXItYm9yZGVyLXJhZGl1cztcbiAgICB9XG59XG5cbi5zaWRlYmFyLXRhYnMge1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICBAbWVkaWEobWluLXdpZHRoOiR0aHJlc2hvbGQtc20pIHtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHNpZGViYXItaW5uZXItYm9yZGVyLXJhZGl1cyAwIDAgJHNpZGViY
|