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: 6px;
|
||
|
|
top: 6px;
|
||
|
|
bottom: 6px;
|
||
|
|
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: 2px 0 0 2px; }
|
||
|
|
.collapsed .sidebar-tabs {
|
||
|
|
border-radius: 2px; } }
|
||
|
|
|
||
|
|
@media (min-width: 768px) {
|
||
|
|
.sidebar-content {
|
||
|
|
border-radius: 0 2px 2px 0; } }
|
||
|
|
|
||
|
|
@media (min-width: 768px) {
|
||
|
|
.sidebar.collapsed ~ .sidebar-map .ol-zoom {
|
||
|
|
margin-left: 52px; } }
|
||
|
|
|
||
|
|
.sidebar-map .ol-zoom {
|
||
|
|
margin-left: 46px; }
|
||
|
|
@media (min-width: 768px) {
|
||
|
|
.sidebar-map .ol-zoom {
|
||
|
|
transition: margin-left 500ms; } }
|
||
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
||
|
|
.sidebar-map .ol-zoom {
|
||
|
|
margin-left: 317px; } }
|
||
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
||
|
|
.sidebar-map .ol-zoom {
|
||
|
|
margin-left: 402px; } }
|
||
|
|
@media (min-width: 1200px) {
|
||
|
|
.sidebar-map .ol-zoom {
|
||
|
|
margin-left: 472px; } }
|
||
|
|
|
||
|
|
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiIiwic291cmNlcyI6WyJzY3NzL29sMy1zaWRlYmFyLnNjc3MiLCJzY3NzL19vbC1iYXNlLnNjc3MiLCJzY3NzL19iYXNlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFFc0JBO0VBQ0ksVUFBVTtFQUVWLE1BQU07RUFDTixLQUFLO0VBQ0wsUUFBUTtFQUNSLE9BckJPO0VBdUJQLFVBQVU7RUFFVixTQXZCYztFQXVCbEIsUUFBUTtJQUdBLE9BdkJHO0VBMEJQO0lBaEJKO01BaUJRLE1GdkNVO01Fd0NWLEtGeENVO01FeUNWLFFGekNVO01FMkNWLFlBQVk7RUFHaEI7SUF4Qko7TUF5QlEsT0F6Q0c7RUE0Q1A7SUE1Qko7TUE2QlEsT0E5Q0c7RUFpRFA7SUFoQ0o7TUFpQ1EsT0FuREc7O0FBdURYO0VBQ0ksVUFBVTtFQUVWLEtBQUs7RUFDTCxRQUFRO0VBRVIsT0FyRE87RUFzRFAsUUFBUTtFQUVSLFFBQVE7RUFDUixTQUFTO0VBRVQsa0JEakVNO0VDaUVWLGdCQUFnQjtJQUdSLE9BQU87SUFDUCxRQS9ERztJQWlFSCxPRHhFQztJQzJFRCxXQW5FUTtJQXFFUixVQUFVO0lBRVYsWUFBWTtJQUFwQixnQkFBZ0IsRUFBRTtNQUdOLE9EaEZHO01DaUZILGtCRGhGRztJQ2lGZixnQkFBZ0IsRUFBRTtNQUdOLE9EbkZJO01Db0ZKLGtCRG5GSTtJQ29GaEIsZ0JBQWdCLEtBQUs7TUFHVCxTQUFTO01BRVQsT0FBTztNQUNQLFFBQVE7TUFFUixhQTFGRDtNQTRGQyxPQUFPO01BQ1AsaUJBQWlCO01BQ2pCLFlBQVk7O0FBS3hCO0VBQ0ksVUFBVTtFQUVWLE1BdEdPO0VBdUdQLE9BQU87RUFFUCxLQUFLO0VBQ0wsUUFBUTtFQUVSLGtCQXZHUztFQXlHVCxZQUFZO0VBQ1osWUFBWTs7QUFHaEI7RUFDSSxTQUFTO0VBRVQsT0FBTztFQUNQLFlBQVk7RUFFWixTQWxIYztFQWtIbEIsYUFBYTtJQUdMLFNBQVM7RUFHYjtJQVpKO01BYVEsT0FBTztFQUdYO0lBaEJKO01BaUJRLE9BQU87RUFHWDtJQXBCSjtNQXFCUSxPQUFPOztBRG5JZjtFQUNJLGtCQWpCUztFQWtCVCxjQWZhO0VBaUJiO0lBSko7TUFLUSxRQWxCUztNQW1CVCxlQXBCZ0I7O0FBd0J4QjtFQUNJLFVBQVU7RUFFVjtJQUhKO01BSVEsZUFBZTtNQUF2QixXQUFXO1FBR0MsZURoQ2tCOztBQ3NDMUI7RUFESjtJQUVRLGVBQWU7O0FEbENuQjtFQUFKLFFBQVEsYUFBYSxhQUFhO0lBRXRCLGFBQWE7O0FBS3pCLGFBQWE7RUFDVCxhQUFhO0VBRWI7SUFISixhQUFhO01BSUwsWUFBWTtFQUdoQjtJQVBKLGFBQWE7TUFRTCxhQUFhO0VBR2pCO0lBWEosYUFBYTtNQVlMLGFBQWE7RUFHakI7SUFmSixhQUFhO01BZ0JMLGFBQWEiLCJzb3VyY2VzQ29udGVudCI6WyIkc2lkZWJhci1tYXJnaW5zOiA2cHg7XG4kc2lkZWJhci1pbm5lci1ib3JkZXItcmFkaXVzOiAycHg7XG5cbkBpbXBvcnQgJ29sLWJhc2UnO1xuXG4uc2lkZWJhciB7XG4gICAgQG1lZGlhKG1pbi13aWR0aDokdGhyZXNob2xkLXNtKSB7XG4gICAgICAgICYuY29sbGFwc2VkIH4gLnNpZGViYXItbWFwIC5vbC16b29tIHtcbiAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAkdGFiLXNpemUgKyAkc2lkZWJhci1tYXJnaW5zICsgJHNpZGViYXItYm9yZGVyLXdpZHRoICogMjtcbiAgICAgICAgfVxuICAgIH1cbn1cblxuLnNpZGViYXItbWFwIC5vbC16b29tIHtcbiAgICBtYXJnaW4tbGVmdDogJHRhYi1zaXplICsgJHNpZGViYXItYm9yZGVyLXdpZHRoICogMjtcblxuICAgIEBtZWRpYShtaW4td2lkdGg6JHRocmVzaG9sZC1zbSkge1xuICAgICAgICB0cmFuc2l0aW9uOiBtYXJnaW4tbGVmdCAkc2lkZWJhci10cmFuc2l0aW9uO1xuICAgIH1cblxuICAgIEBtZWRpYShtaW4td2lkdGg6JHRocmVzaG9sZC1zbSkgYW5kIChtYXgtd2lkdGg6JHRocmVzaG9sZC1tZCAtIDFweCkge1xuICAgICAgICBtYXJnaW4tbGVmdDogJHdpZHRoLXNtICsgJHNpZGViYXItbWFyZ2lucyArICRzaWRlYmFyLWJvcmRlci13aWR0aCAqIDI7XG4gICAgfVxuXG4gICAgQG1lZGlhKG1pbi13aWR0aDokdGhyZXNob2xkLW1kKSBhbmQgKG1heC13aWR0aDokdGhyZXNob2xkLWxnIC0gMXB4KSB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAkd2lkdGgtbWQgKyAkc2lkZWJhci1tYXJnaW5zICsgJHNpZGViYXItYm9yZGVyLXdpZHRoICogMjtcbiAgICB9XG5cbiAgICBAbWVkaWEobWluLXdpZHRoOiR0aHJlc2hvbGQtbGcpIHtcbiAgICAgICAgbWFyZ2luLWxlZnQ6ICR3aWR0aC1sZyArICRzaWRlYmFyLW1hcmdpbnMgKyAkc2lkZWJhci1ib3JkZXItd2lkdGggKiAyO1xuICAgIH1cbn1cbiIsIiRzaWRlYmFyLWJnOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNCk7XG4kc2lkZWJhci1ib3JkZXItd2lkdGg6IDNweDtcbiRzaWRlYmFyLWJvcmRlci1yYWRpdXM6IDRweDtcbiRzaWRlYmFyLWJvcmRlcjogJHNpZGViYXItYm9yZGVyLXdpZHRoIHNvbGlkIHRyYW5zcGFyZW50O1xuXG4kdGFiLWZnOiAjZmZmO1xuJHRhYnMtYmc6IHJnYmEoMCwgNjAsIDEzNiwgMC41KTtcbiR0YWItaG92ZXItZmc6ICNmZmY7XG4kdGFiLWhvdmVyLWJnOiByZ2JhKDAsIDYwLCAxMzYsIDAuNik7XG4kdGFiLWFjdGl2ZS1mZzogI2ZmZjtcbiR0YWItYWN0aXZlLWJnOiAjMDA3NGQ5O1xuXG4kbW92ZS1tYXAtaW4teHM6IGZhbHNlO1xuXG5AaW1wb3J0ICdiYXNlJztcblxuLnNpZGViYXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICRzaWRlYmFyLWJnO1xuICAgIGJvcmRlci1yaWdodDogJHNpZGViYXItYm9yZGVyO1xuXG4gICAgQG1lZGlhKG1pbi13aWR0aDokdGhyZXNob2xkLXNtKSB7XG4gICAgICAgIGJvcmRlcjogJHNpZGViYXItYm9yZGVyO1xuICAgICAgICBib3JkZXItcmFkaXVzOiAkc2lkZWJhci1ib3JkZXItcmFkaXVzO1xuICAgIH1cbn1cblxuLnNpZGViYXItdGFicyB7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgIEBtZWRpYShtaW4td2lkdGg6JHRocmVzaG9sZC1zbSkge1xuICAgICAgICBib3JkZXItcmFkaXVzOiAkc2lkZWJhci1pbm5lci1ib3JkZXItcmFkaXVzIDAgMCAkc2lkZWJhci1pbm5lci1ib3JkZXItcmFkaXVzO1xuXG4gICAgICAgIC5jb2xsYXBzZWQgJiB7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAkc2lkZWJhci1pbm5lci1ib3JkZXItcmFkaXVzO
|