nakarte

Source code of https://map.sikmir.ru (fork)
git clone git://git.sikmir.ru/nakarte
Log | Files | Refs | LICENSE

style.css (2560B)

      1 .panoramas-container {
      2     display: none;
      3 }
      4 
      5 .panoramas-container.enabled {
      6     display: flex;
      7 }
      8 
      9 .panoramas-container.split-horizontal {
     10     flex-direction: column;
     11 }
     12 
     13 .panoramas-container.split-vertical {
     14     flex-direction: row;
     15 }
     16 
     17 .panorama-splitter {
     18     background-color: black;
     19     display: flex;
     20     justify-content: center;
     21 }
     22 
     23 .split-vertical .panorama-splitter {
     24     flex-direction: column;
     25     width: 3px;
     26     cursor: col-resize;
     27 }
     28 
     29 .split-horizontal .panorama-splitter {
     30     flex-direction: row;
     31     height: 3px;
     32     cursor: row-resize;
     33 }
     34 
     35 .panorama-splitter .button {
     36     width: 51px;
     37     height: 21px;
     38     position: absolute;
     39     z-index: 20000;
     40     background-image: url("slider-button.svg");
     41     background-size: 51px 21px;
     42     user-select: none;
     43     cursor: pointer;
     44 }
     45 
     46 .split-vertical .panorama-splitter .button {
     47     margin-left: 13px;
     48     transform: rotate(90deg);
     49     transform-origin: 0 0;
     50 }
     51 .split-horizontal .panorama-splitter .button {
     52     margin-top: -9px;
     53 }
     54 
     55 .splitter-border {
     56     position: absolute;
     57     opacity: 0;
     58     z-index: 20000;
     59 }
     60 
     61 .split-vertical .splitter-border {
     62     width: 20px;
     63     margin-left: -9px;
     64     height: 100%;
     65 }
     66 
     67 .split-horizontal .splitter-border {
     68     height: 20px;
     69     margin-top: -9px;
     70     width: 100%;
     71 }
     72 
     73 .icon-panoramas {
     74     background-image: url('panoramas-off.png');
     75     background-size: 17px 17px !important;
     76 }
     77 
     78 .leaflet-touch .icon-panoramas {
     79     background-size: 62% 62% !important;
     80 }
     81 
     82 .leaflet-contol-panoramas.active .icon-panoramas {
     83     background-image: url('panoramas-on.png');
     84 }
     85 
     86 .panoramas-list input, .panoramas-list label {
     87     vertical-align: bottom;
     88 }
     89 
     90 .panorama-container {
     91     width: 100%;
     92     height: 100%;
     93     display: none;
     94 }
     95 
     96 .panorama-container.enabled {
     97     display: block;
     98 }
     99 
    100 .leaflet-panorama-marker-wraper {
    101     width: 0 !important;
    102     height: 0 !important;
    103     margin: 0 !important;
    104 }
    105 
    106 .leaflet-panorama-marker-binocular {
    107     background-image: url("binocualar.png");
    108     width: 31px;
    109     height: 31px;
    110     margin-left: -17px;
    111     margin-top: -17px;
    112 }
    113 
    114 .leaflet-panorama-marker-circle {
    115     background-image: url("circle.svg");
    116     background-size: 32px 32px;
    117     width: 33px;
    118     height: 33px;
    119     margin-left: -17px;
    120     margin-top: -17px;
    121     -webkit-backface-visibility: hidden;
    122 }
    123 
    124 .panoramas-control-active {
    125     cursor: pointer;
    126 }
    127 
    128 
    129 .leaflet-panorama-marker-point {
    130     background-image: url("point.svg");
    131     background-repeat: no-repeat;
    132     background-position: 50% 50%;
    133     background-size: 12px 12px;
    134     width: 12px !important;
    135     height: 12px !important;
    136 }