nakarte

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

controls-styles.css (2507B)


      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 .image-button:hover,
     41 .leaflet-control .text-button:hover {
     42     background-color: #f4f4f4;
     43 }
     44 
     45 .leaflet-control-button {
     46     display: inline-block;
     47     width: 26px;
     48     height: 26px;
     49     background-position: 50% 50%;
     50     background-repeat: no-repeat;
     51     border-radius: 4px;
     52     background-color: white;
     53     box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
     54     cursor: pointer;
     55 }
     56 
     57 .leaflet-control-button:hover {
     58     background-color: #f4f4f4;
     59 }
     60 
     61 .button-minimize {
     62     cursor: pointer;
     63     width: 18px;
     64     height: 18px;
     65     border-radius: 4px;
     66     border: 1px solid #ccc;
     67     background-color: white;
     68     background-position: 50% 50%;
     69     background-repeat: no-repeat;
     70 }
     71 
     72 .button-minimize:hover {
     73     background-color: #f4f4f4;
     74 }
     75 
     76 .leaflet-bottom.leaflet-left .button-minimize {
     77     background-image: url("images/arrow_bl.png");
     78 }
     79 
     80 .leaflet-bottom.leaflet-right .button-minimize {
     81     background-image: url("images/arrow_br.png");
     82 }
     83 
     84 .leaflet-top.leaflet-left .button-minimize {
     85     background-image: url("images/arrow_ul.png");
     86 }
     87 
     88 .leaflet-top.leaflet-right .button-minimize {
     89     background-image: url("images/arrow_ur.png");
     90 }
     91 
     92 .leaflet-control-button-toggle {
     93     cursor: pointer;
     94     width: 26px;
     95     height: 26px;
     96     background-position: 50% 50%;
     97     background-repeat: no-repeat;
     98     margin: 5px;
     99     display: none;
    100 }
    101 
    102 .leaflet-control.minimized {
    103     padding: 0;
    104 }
    105 
    106 .leaflet-control.minimized .leaflet-control-content {
    107     display: none;
    108 }
    109 
    110 .leaflet-control.minimized .leaflet-control-button-toggle {
    111     display: block;
    112 }
    113 
    114 .icon-spinner-nuclear {
    115     background-image: url('images/spinner.gif');
    116 }