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