Y-SLD/assets/playkit/plugins/leaflet/sidebar/css/ol3-sidebar.css

124 lines
11 KiB
CSS
Raw Normal View History

2024-03-01 11:23:55 +00:00
.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