nakarte

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

elevation-profile.css (3067B)


      1 .elevation-profile-container {
      2     background-color: white;
      3     width: 100%;
      4     height: 220px;
      5     position: absolute;
      6     bottom: 0;
      7     z-index: 2000;
      8     cursor: default;
      9     border-top: 1px solid #ddd;
     10 }
     11 
     12 .elevation-profile-properties {
     13     padding-left: 4px;
     14     height: 100%;
     15     float: left;
     16     width: 240px;
     17     border-right: 1px solid #ddd;
     18 }
     19 
     20 .elevation-profile-properties table {
     21     border-collapse: collapse;
     22 }
     23 
     24 .elevation-profile-properties td {
     25     white-space: nowrap;
     26 }
     27 
     28 .elevation-profile-properties .start-group td{
     29     border-top: 1px solid #c3c3c3;
     30 }
     31 
     32 .elevation-profile-properties-selected {
     33     background-color: #dfeef4;
     34 }
     35 
     36 .elevation-profile-properties td:last-child {
     37     padding-left: 4px;
     38 }
     39 
     40 .elevation-profile-left-axis {
     41     position: relative;
     42     height: 100%;
     43     float: left;
     44     width: 35px;
     45 }
     46 
     47 .elevation-profile-drawingContainer {
     48     height: 100%;
     49     width: auto;
     50     overflow-x: scroll;
     51     overflow-y: hidden;
     52     position: relative;
     53  }
     54 
     55 .elevation-profile-grid-label {
     56     font-family: Arial, sans-serif;
     57     font-size: 12px;
     58     line-height: 12px;
     59     margin-top: -6px;
     60     position: absolute;
     61     text-align: right;
     62     right: 4px;
     63 }
     64 
     65 .elevation-profile-container svg {
     66     /*cursor: default;*/
     67 }
     68 
     69 .elevation-profile-cursor {
     70     border-right: 1px solid blue;
     71     width: 0;
     72     padding: 0;
     73     margin: 0;
     74     position: absolute;
     75     top: 8px;
     76     bottom: 24px;
     77     pointer-events: none;
     78 }
     79 
     80 .elevation-profile-cursor-label {
     81     position: absolute;
     82     pointer-events: none;
     83     top: 8px;
     84     font-family: Arial, sans-serif;
     85     font-size: 12px;
     86     line-height: 16px;
     87     padding-left: 8px;
     88     user-select: none;
     89 
     90     -webkit-touch-callout: none;
     91     white-space: nowrap;
     92 
     93 
     94     text-shadow: 1px 0 0 #fff,
     95     1px 1px 0 #fff,
     96     0 1px 0 #fff,
     97     -1px 1px 0 #fff,
     98     -1px 0 0 #fff,
     99     -1px -1px 0 #fff,
    100     0 -1px 0 #fff,
    101     1px -1px 0 #fff;
    102 }
    103 
    104 .elevation-profile-cursor-label-left {
    105     width: 100px;
    106     margin-left: -116px;
    107     text-align: right;
    108 }
    109 
    110 .elevation-profile-cursor-hidden {
    111     visibility: hidden;
    112 }
    113 
    114 .elevation-profile-selection {
    115     background-color: #0078A8;
    116     opacity: .3;
    117     position: absolute;
    118     top: 8px;
    119     bottom: 24px;
    120     pointer-events: none;
    121 }
    122 
    123 .elevation-profile-marker {
    124     margin-left: 0 !important;
    125     margin-top: 0 !important;
    126     white-space: nowrap;
    127 }
    128 
    129 .elevation-profile-marker-icon {
    130     display: inline-block;
    131     width: 8px !important;
    132     height: 8px !important;
    133     margin-left: -4px;
    134     margin-top: -4px;
    135     border-radius: 4px;
    136     background-color: #0078A8;
    137     position: absolute;
    138     top: 0;
    139     left: 0;
    140     /*opacity: .5;*/
    141 }
    142 
    143 .elevation-profile-marker-label {
    144     display: inline-block;
    145     text-shadow: 1px 0 0 #fff,
    146     1px 1px 1px #fff,
    147     0 1px 1px #fff,
    148     -1px 1px 1px #fff,
    149     -1px 0 1px #fff,
    150     -1px -1px 1px #fff,
    151     0 -1px 1px #fff,
    152     1px -1px 1px #fff;
    153     margin-left: 20px;
    154 }
    155 
    156 .elevation-profile-close {
    157     float: right;
    158     margin: 4px;
    159     width: 16px;
    160     height: 16px;
    161     background-image: url("close.png");
    162     cursor: pointer;
    163 }
    164