nakarte

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

controls-styles.css (2989B)

      1 .leaflet-control.control-form, .leaflet-control .control-form{
      2     background-color: white;
      3     border-radius: 5px 5px 5px 5px;
      4     box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
      5     padding: 5px 10px 5px 12px;
      6     color: #333;
      7 }
      8 
      9 .leaflet-control.control-form input[type="text"] {
     10     padding: 0 5px;
     11     margin: 0;
     12     border-radius: 3px;
     13     border: 1px solid #ddd;
     14     text-align: right;
     15 }
     16 
     17 .leaflet-control .image-button {
     18     width: 26px;
     19     height: 26px;
     20     background-position: 50% 50%;
     21     background-repeat: no-repeat;
     22     display: inline-block;
     23     border-radius: 4px 4px 4px 4px;
     24     border: 1px solid #ccc;
     25     cursor: pointer;
     26 }
     27 
     28 .leaflet-control .text-button {
     29     display: inline-block;
     30     height: 26px;
     31     border-radius: 4px 4px 4px 4px;
     32     border: 1px solid #ccc;
     33     cursor: pointer;
     34     padding: 0 1em;
     35     line-height: 26px;
     36     font-weight: bold;
     37     color: #333;
     38 }
     39 
     40 .leaflet-control .text-button.disabled,
     41 .leaflet-control .image-button.disabled
     42 {
     43     border-color: #eee;
     44     color: #aaa;
     45 }
     46 
     47 .leaflet-control .image-button:hover,
     48 .leaflet-control .text-button:hover {
     49     background-color: #f4f4f4;
     50 }
     51 
     52 .leaflet-control .image-button.disabled:hover,
     53 .leaflet-control .text-button.disabled:hover {
     54     background-color: unset;
     55     cursor: unset;
     56 }
     57 
     58 .leaflet-control-button {
     59     display: inline-block;
     60     width: 26px;
     61     height: 26px;
     62     background-position: 50% 50%;
     63     background-repeat: no-repeat;
     64     border-radius: 4px;
     65     background-color: white;
     66     box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
     67     cursor: pointer;
     68 }
     69 
     70 .leaflet-control-button:hover {
     71     background-color: #f4f4f4;
     72 }
     73 
     74 .button-minimize {
     75     cursor: pointer;
     76     width: 18px;
     77     height: 18px;
     78     border-radius: 4px;
     79     border: 1px solid #ccc;
     80     background-color: white;
     81     background-position: 50% 50%;
     82     background-repeat: no-repeat;
     83 }
     84 
     85 .button-minimize:hover {
     86     background-color: #f4f4f4;
     87 }
     88 
     89 .leaflet-bottom.leaflet-left .button-minimize {
     90     background-image: url("images/arrow_bl.png");
     91 }
     92 
     93 .leaflet-bottom.leaflet-right .button-minimize {
     94     background-image: url("images/arrow_br.png");
     95 }
     96 
     97 .leaflet-top.leaflet-left .button-minimize {
     98     background-image: url("images/arrow_ul.png");
     99 }
    100 
    101 .leaflet-top.leaflet-right .button-minimize {
    102     background-image: url("images/arrow_ur.png");
    103 }
    104 
    105 .leaflet-control-button-toggle {
    106     cursor: pointer;
    107     width: 26px;
    108     height: 26px;
    109     background-position: 50% 50%;
    110     background-repeat: no-repeat;
    111     margin: 5px;
    112     display: none;
    113 }
    114 
    115 .leaflet-control.minimized {
    116     padding: 0;
    117 }
    118 
    119 .leaflet-control.minimized .leaflet-control-content {
    120     display: none;
    121 }
    122 
    123 .leaflet-control.minimized .leaflet-control-button-toggle {
    124     display: block;
    125 }
    126 
    127 .icon-spinner-nuclear {
    128     background-image: url('images/spinner.gif');
    129 }
    130 
    131 .leaflet-control .icon-info {
    132     display: inline-block;
    133     vertical-align: bottom;
    134     background-image: url("./images/info.svg");
    135     width: 16px;
    136     height: 16px;
    137     padding: 0;
    138     margin: 0 0 0 2px;
    139 }