You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
276 lines
11 KiB
276 lines
11 KiB
html, body { |
|
position: relative; |
|
width: 100%; |
|
height: 100%; |
|
overflow: hidden |
|
} |
|
|
|
ul, li { |
|
margin: 0; |
|
padding: 0 |
|
} |
|
|
|
#container { |
|
position: absolute; |
|
left: 0; |
|
top: 0; |
|
width: 100%; |
|
height: 100% |
|
} |
|
|
|
#nav-bar { |
|
position: fixed; |
|
width: 100%; |
|
line-height: 67px; |
|
height: 67px; |
|
background-color: rgba(12, 24, 50, .7); |
|
font-size: 28px; |
|
font-family: 'Microsoft Yahel', '微软雅黑'; |
|
font-weight: 400; |
|
text-align: center; |
|
color: #fff |
|
} |
|
|
|
#nav-bar .nav-bar-logo { |
|
position: absolute; |
|
width: 137px; |
|
height: 46px; |
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIkAAAAuCAYAAAAcPTqfAAAKOWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAEjHnZZ3VFTXFofPvXd6oc0w0hl6ky4wgPQuIB0EURhmBhjKAMMMTWyIqEBEEREBRZCggAGjoUisiGIhKKhgD0gQUGIwiqioZEbWSnx5ee/l5ffHvd/aZ+9z99l7n7UuACRPHy4vBZYCIJkn4Ad6ONNXhUfQsf0ABniAAaYAMFnpqb5B7sFAJC83F3q6yAn8i94MAUj8vmXo6U+ng/9P0qxUvgAAyF/E5mxOOkvE+SJOyhSkiu0zIqbGJIoZRomZL0pQxHJijlvkpZ99FtlRzOxkHlvE4pxT2clsMfeIeHuGkCNixEfEBRlcTqaIb4tYM0mYzBXxW3FsMoeZDgCKJLYLOKx4EZuImMQPDnQR8XIAcKS4LzjmCxZwsgTiQ7mkpGbzuXHxArouS49uam3NoHtyMpM4AoGhP5OVyOSz6S4pyalMXjYAi2f+LBlxbemiIluaWltaGpoZmX5RqP+6+Dcl7u0ivQr43DOI1veH7a/8UuoAYMyKarPrD1vMfgA6tgIgd/8Pm+YhACRFfWu/8cV5aOJ5iRcIUm2MjTMzM424HJaRuKC/6386/A198T0j8Xa/l4fuyollCpMEdHHdWClJKUI+PT2VyeLQDf88xP848K/zWBrIieXwOTxRRKhoyri8OFG7eWyugJvCo3N5/6mJ/zDsT1qca5Eo9Z8ANcoISN2gAuTnPoCiEAESeVDc9d/75oMPBeKbF6Y6sTj3nwX9+65wifiRzo37HOcSGExnCfkZi2viawnQgAAkARXIAxWgAXSBITADVsAWOAI3sAL4gWAQDtYCFogHyYAPMkEu2AwKQBHYBfaCSlAD6kEjaAEnQAc4DS6Ay+A6uAnugAdgBIyD52AGvAHzEARhITJEgeQhVUgLMoDMIAZkD7lBPlAgFA5FQ3EQDxJCudAWqAgqhSqhWqgR+hY6BV2ArkID0D1oFJqCfoXewwhMgqmwMqwNG8MM2An2hoPhNXAcnAbnwPnwTrgCroOPwe3wBfg6fAcegZ/DswhAiAgNUUMMEQbigvghEUgswkc2IIVIOVKHtCBdSC9yCxlBppF3KAyKgqKjDFG2KE9UCIqFSkNtQBWjKlFHUe2oHtQt1ChqBvUJTUYroQ3QNmgv9Cp0HDoTXYAuRzeg29CX0HfQ4+g3GAyGhtHBWGE8MeGYBMw6TDHmAKYVcx4zgBnDzGKxWHmsAdYO64dlYgXYAux+7DHsOewgdhz7FkfEqeLMcO64CBwPl4crxzXhzuIGcRO4ebwUXgtvg/fDs/HZ+BJ8Pb4LfwM/jp8nSBN0CHaEYEICYTOhgtBCuER4SHhFJBLVidbEACKXuIlYQTxOvEIcJb4jyZD0SS6kSJKQtJN0hHSedI/0ikwma5MdyRFkAXknuZF8kfyY/FaCImEk4SXBltgoUSXRLjEo8UISL6kl6SS5VjJHslzypOQNyWkpvJS2lIsUU2qDVJXUKalhqVlpirSptJ90snSxdJP0VelJGayMtoybDFsmX+awzEWZMQpC0aC4UFiULZR6yiXKOBVD1aF6UROoRdRvqP3UGVkZ2WWyobJZslWyZ2RHaAhNm+ZFS6KV0E7QhmjvlygvcVrCWbJjScuSwSVzcopyjnIcuUK5Vrk7cu/l6fJu8onyu+U75B8poBT0FQIUMhUOKlxSmFakKtoqshQLFU8o3leClfSVApXWKR1W6lOaVVZR9lBOVd6vfFF5WoWm4qiSoFKmclZlSpWiaq/KVS1TPaf6jC5Ld6In0SvoPfQZNSU1TzWhWq1av9q8uo56iHqeeqv6Iw2CBkMjVqNMo1tjRlNV01czV7NZ874WXouhFa+1T6tXa05bRztMe5t2h/akjpyOl06OTrPOQ12yroNumm6d7m09jB5DL1HvgN5NfVjfQj9ev0r/hgFsYGnANThgMLAUvdR6KW9p3dJhQ5Khk2GGYbPhqBHNyMcoz6jD6IWxpnGE8W7jXuNPJhYmSSb1Jg9MZUxXmOaZdpn+aqZvxjKrMrttTjZ3N99o3mn+cpnBMs6yg8vuWlAsfC22WXRbfLS0suRbtlhOWWlaRVtVWw0zqAx/RjHjijXa2tl6o/Vp63c2ljYCmxM2v9ga2ibaNtlOLtdZzllev3zMTt2OaVdrN2JPt4+2P2Q/4qDmwHSoc3jiqOHIdmxwnHDSc0pwOub0wtnEme/c5jznYuOy3uW8K+Lq4Vro2u8m4xbiVun22F3dPc692X3Gw8Jjncd5T7Snt+duz2EvZS+WV6PXzAqrFetX9HiTvIO8K72f+Oj78H26fGHfFb57fB+u1FrJW9nhB/y8/Pb4PfLX8U/z/z4AE+AfUBXwNNA0MDewN4gSFBXUFPQm2Dm4JPhBiG6IMKQ7VDI0MrQxdC7MNaw0bGSV8ar1q66HK4RzwzsjsBGhEQ0Rs6vdVu9dPR5pEVkQObRGZ03WmqtrFdYmrT0TJRnFjDoZjY4Oi26K/sD0Y9YxZ2O8YqpjZlgurH2s52xHdhl7imPHKeVMxNrFlsZOxtnF7YmbineIL4+f5rpwK7kvEzwTahLmEv0SjyQuJIUltSbjkqOTT/FkeIm8nhSVlKyUgVSD1ILUkTSbtL1pM3xvfkM6lL4mvVNAFf1M9Ql1hVuFoxn2GVUZbzNDM09mSWfxsvqy9bN3ZE/kuOd8vQ61jrWuO1ctd3Pu6Hqn9bUboA0xG7o3amzM3zi+yWPT0c2EzYmbf8gzySvNe70lbEtXvnL+pvyxrR5bmwskCvgFw9tst9VsR23nbu/fYb5j/45PhezCa0UmReVFH4pZxde+Mv2q4quFnbE7+0ssSw7uwuzi7Rra7bD7aKl0aU7p2B7fPe1l9LLCstd7o/ZeLV9WXrOPsE+4b6TCp6Jzv+b+Xfs/VMZX3qlyrmqtVqreUT13gH1g8KDjwZYa5ZqimveHuIfu1nrUttdp15UfxhzOOPy0PrS+92vG140NCg1FDR+P8I6MHA082tNo1djYpNRU0gw3C5unjkUeu/mN6zedLYYtta201qLj4Ljw+LNvo78dOuF9ovsk42TLd1rfVbdR2grbofbs9pmO+I6RzvDOgVMrTnV32Xa1fW/0/ZHTaqerzsieKTlLOJt/duFczrnZ86nnpy/EXRjrjup+cHHVxds9AT39l7wvXbnsfvlir1PvuSt2V05ftbl66hrjWsd1y+vtfRZ9bT9Y/NDWb9nffsPqRudN65tdA8sHzg46DF645Xrr8m2v29fvrLwzMBQydHc4cnjkLvvu5L2key/vZ9yff7DpIfph4SOpR+WPlR7X/aj3Y+uI5ciZUdfRvidBTx6Mscae/5T+04fx/Kfkp+UTqhONk2aTp6fcp24+W/1s/Hnq8/npgp+lf65+ofviu18cf+mbWTUz/pL/cuHX4lfyr468Xva6e9Z/9vGb5Dfzc4Vv5d8efcd41/s+7P3EfOYH7IeKj3ofuz55f3q4kLyw8Bv3hPP74uYdwgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAJ5UlEQVR42u1cC5SORRjepXJZ1q1W5Rq6qdBV6GSVo0OlzumiUh1d6IIUulEdJeRwKsmS0IXQhRJSQqQLKhSWYrPSUmqj3AvTO2ef73i9O99883///nt2f9+c85zdf/6Z+b6Zeead9zLzpyilUiJEsOFo63AFwnmE2wmtCGmO9coSjolIkvw4gTCWcJBwCH+nEWpa6hxHaEy4j9CD0AR5EUmSEJUIo5U5zYSEMUmd/oQDovxThPIRSZILqYTLlH/aS3jAIEGGWOr0xhYUkSSJpEiWsqc5YtJvDii/nnBuRJLkQS3CyoBJX004FeUzCPNUcLo/IknyoAEhP2DCfyG0QfmOyi2NiEiSPGhI2Bkw4XmEtijf05EkrxLKRCRJDtQl5DjoGI1R/glHkgyOJEnphMnhVZUwJWDCFxPKoXxfB4JoH0uniCSlCzUINxAGEh4lXEI4ln1/fcCkP8XKdnYgyVeEehFJSg+qE94yTOQA5nZPh9PMlOYSTmTtnR6wPe0n3BQ500oXRlgm9FlW7iTCh4SthH2E3wmzCM0Mbd5J2OOzzQyCg84rW9HHYxuRpISgETymtlXfStRpjzjM1QFt30v4ApaPJtYSbGXe92cRehHGwOV/H/IikpQw9CP8F6A/TI8zatyO0IFQjeW3JKw1PEvnXR6RpGRhFiK6tvRjAnSgJZbnbWLmdESSEoC1DpbIBmHpxIvO2MZs6cVk0lNKewdyHEiSw3wgNhO6pmNkd7DDM7cRzo5IUjKwwGHCVlnqX0cYSphB+JgwHsrpOZY6ox09sq0jkpQMPOowWZMN9eoQxgVEhW/zeeZ4R5JclqwkeRJ+gCA8Cy9lL5iSGcXwst1gzXioBN/H7wHu80zDMcbPHSe6h+E9JsQhSbQ+8zDhIdaHFPb5IXxOY/28x8EN0K+I0dBGkjBpN+FTECaRx/p2i+fWRX4XwxFDLw0ynFIbF0Pf9hj8KVkO9fT7NDf0IVeUq20Yd+8MDD85ZxuXTqro0w02kmyPs/EsBNQSQZJs8axa7LtboVP8TNhImO2zAjuH6FMuXPVeG/0d6qyRqxFYaCBEChRdT+GVC/aHgHG5KgEk6ZBIkuj0WDFJEhlgOx6rtzl8GbJ+C8LmkH36AttUCtz4QYeYnhEWlT5DOwzeW7mohjGv8V585tIqH3kS9xhI8h2i2Bp3E64B7mT5flgehiSHsHpfIbwmoA/cTCRsMQzQNwnSUa5Hxz2kxVD3HCijPGmp0xt78GxHBbgC0yH80rdsG/GQl4DVvgZtX83yxrBn1oQK0MtRuk8IQ5IDYLR3ToOjDPSPVgYRqlfrpSVIO79Amc+4fsTKXOs4MaNYcO8OVXBvJxt91qb282Jr8vBbAkgyD2138LHk+ohwwSgLThamfUwkcTnHKc+E/gkRyMvoLWA4rKKnfTAQK7Slz3O0BPsMvpEF2F6C3q2dxSv7SQiS6DRSHGjSUuqigOCebr+rQfL2Qf4ufN6Fz3yCtyKvKxRxSZJ24t1OUwWX0FbG0Cc9P0PCkmSkw0S0Fw/MMwS5esfwwnobeEMVvlknV2OdgPfqGqCDLBZOtVjSGBXu3s1KH8X1D3z+w6C4rhL+HRtJnhY6ymboiB1xBqYjTPB8oR5UjUeSDHMQ5V+Ljn/HlLxYnF4mZTHD0bqRGMZWpzRpf4YVMZGVv5FZF1sMdXeD/Nvge9Hp7RCW3BrRrnfYKZ8pqSnI99I6Vv/CAJKMhYS9G7rkEEjmOoxk01j/5qvDV0kmh1VcNyLUPlNgBv6u9wlumcT+u6rgrOlkgbewleQa2hrAfC+uJDG5zfNhYWgdqgkGu4Fw1P2KfH2h/DlR/3nkX4iDS15aKNqJ1YwvapJMYWWbYgFvwsJYiL+KkZwr2FOKywR+F0qQbLccgmjVsPokKmNvf88QKGsYA0kGGN5piyp88EiipxDrt4k2ulmcabqe622+5QkmyVSDKpDnI6VlZPyd4iDJPhX/2c+Whk41cyTJRQZfihar3YUCPRqr5nGmV3SHgstPpfH0YEDs5ntCfYf+LUkwSV5QBWdZZjOp/5fhffNQZg7+nkl4qThIcgADHUSUihjQOhB3HvReegW2OJ6aOpCkLMSnTOuYU+sS0bb2ZB5XRCTR6ZESQBJt/bS1WHNaiV1m+K5FWOtGK2jvI1DlB63wLRIP3ID9W7Z9MdpbgQnJFliFSfw3BEm0JfSPofNzWcAsy+D0KkqSfM3iSYkiSbMAkryOrfsMeKTrQ2fi76W3mVPwXX0ECI+BIh/KuhnusDr06t8hOj9ElNGxlV9CSigXkmid4z+Lw6yqKnztYlkRk2QfVmRRk4Qfv7yG5c83kCQLfZqkCo52TkW/ZyEIuwgLZxbDTPh4XgpLkpcdSHI+BoinaSJm8msc25gLSTIN76Dgive2oy7iu+UWkvQQZfsqt/MkbRNAkhWQlMuE3+dTH0lSBr6QWJJ+78GJ9LjeYnjobHX4ymVfg5jX0udsMJjjLoPTzIUk2tY3nTvdzry/lRGnWQWzcCrT8LuLFdsYZvnn8PJe60CSgw7hiDAk+RZbh0zercM2LG80+uSZ6RvR/7oBKBd2uzkItnbCdsGhiXEz2GcK8r3NYhwDxXcPWAaxOSYwVpKkQReS6RAU1FNYDKoWBj2DvWMXVfiOTjrKZKgjz8n4kWSDCr53E1YnqSc80o/h/Twp6qXx6NMoFlXW0nQpnu2HJvBvhbJu9sOE2iGwHfA7Nc5v3PczbAHdoMhmYiW0AUH6MBd1rNbNUIs4zUZoPS0g/qQnpLMqfPE8lRHK72TaREgrG0kWizrpgiR/Q4qVh1laj8WoaqPP1USbnCSTkNfE4JOxpcyw1k3YtFYdeZC4vcFW3wlH2Z8M2zBIB0OQJAUDaovV7ITynGMA3+L+hvd3I/7mss85yv+3Tm60kGMStjNZNxdt7mfSeyuelY0FlQ0ptZp9/omFFThJ3hTBx1qQSifjfz+kqiPvSltJsiNOgmgF9Up15F1ZrRz2j6NNjyRrHTyu16ngH6xJRNL6TRULSVYE1F+k/I9gBgUoM0VsajNbDOtBsPUB2CRcD+1sJMkHm2PBLnX4nmwjZf71n3JQoBaw7Ss/AH+h0979ldXiuSaSlIGZuEnZb/Z5v+OqJeeXhA8QUpiJqOgOg0Tza2e6Q0R6qWX89sJJNg39dR13zwfUmuXFk7wxmaJEBN50hbFGjKiOvdXlllxllHdFDeY6ryqe6/dTVKnYvx+EZZKH1fIl4hM6QnwHHH7V8U5pDOnQAy5F6P0j1N8FM3sPtoPJkJouJ+SqBIyhp3zHMv6ePlMe8a0GAo1A3ljns6I6in4Oqyw6rElQCf+Xx/bn+ltnmvgVUD+dLYrKaCs1icfvqP1t+Qgh8D9we2MnKoAkVwAAAABJRU5ErkJggg=="); |
|
background-repeat: no-repeat; |
|
top: 10px; |
|
left: 15px |
|
} |
|
|
|
button { |
|
outline: 0 |
|
} |
|
|
|
#left-top-panel { |
|
position: absolute; |
|
left: 150px; |
|
top: 83px; |
|
width: 340px; |
|
height: auto; |
|
color: #fff |
|
} |
|
|
|
.mask-panel { |
|
background-color: rgba(0, 0, 0, .5); |
|
padding: 10px; |
|
margin-bottom: 10px |
|
} |
|
|
|
#time-panel-date { |
|
font-size: 16px |
|
} |
|
|
|
#time-panel-time { |
|
font-size: 30px |
|
} |
|
|
|
#right-top-panel { |
|
position: absolute; |
|
right: 20px; |
|
top: 77px; |
|
width: 200px; |
|
height: auto; |
|
color: #fff |
|
} |
|
|
|
#legend-canvas { |
|
width: 300px; |
|
height: 180px |
|
} |
|
|
|
#running-statistic-panel td { |
|
border: 0 |
|
} |
|
|
|
#running-statistic-passengers .user-icon { |
|
margin: 2px; |
|
font-size: 16px |
|
} |
|
|
|
#left-bottom-panel { |
|
position: absolute; |
|
left: 10px; |
|
bottom: 0; |
|
right: 220px; |
|
height: 200px; |
|
background-color: rgba(0, 0, 0, .6); |
|
border: solid 1px #333 |
|
} |
|
|
|
#chart-header { |
|
position: absolute; |
|
left: 0; |
|
right: 0; |
|
top: 0; |
|
height: 30px |
|
} |
|
|
|
#chart-header-list { |
|
width: 100%; |
|
height: 100% |
|
} |
|
|
|
#chart-header-list li { |
|
width: 33.333%; |
|
height: 100%; |
|
position: relative; |
|
float: left; |
|
list-style: none; |
|
background-color: rgba(0, 0, 0, .4); |
|
border-left: solid 1px #333; |
|
line-height: 100%; |
|
color: #ccc; |
|
border-bottom: solid 1px #333; |
|
cursor: pointer |
|
} |
|
|
|
#chart-header-list li.active { |
|
border-bottom: 0; |
|
background-color: transparent |
|
} |
|
|
|
#chart-header-list li:FIRST-CHILD { |
|
border-left: 0 |
|
} |
|
|
|
#chart-header-list li .chl-progress { |
|
position: absolute; |
|
left: 0; |
|
top: 0; |
|
bottom: 0; |
|
width: 0; |
|
background-color: rgba(0, 125, 235, .2) |
|
} |
|
|
|
#chart-header-list li .chl-progress.orange { |
|
background-color: rgba(200, 125, 0, .2) |
|
} |
|
|
|
#chart-header-list li .chl-progress.purple { |
|
background-color: rgba(200, 125, 200, .2) |
|
} |
|
|
|
#chart-header-list li .row { |
|
margin: 0 |
|
} |
|
|
|
#chart-header-list li .row .chl-text { |
|
padding: 7px |
|
} |
|
|
|
#chart-header-list li .row .chl-number { |
|
padding: 7px; |
|
text-align: right |
|
} |
|
|
|
#chart-body { |
|
position: absolute; |
|
left: 0; |
|
top: 30px; |
|
bottom: 0; |
|
right: 0 |
|
} |
|
|
|
#chart-canvas { |
|
position: absolute; |
|
left: 0; |
|
top: 0; |
|
width: 100%; |
|
height: 100% |
|
} |
|
|
|
#chart-canvas-line-wrap { |
|
position: absolute; |
|
left: 50px; |
|
top: 20px; |
|
bottom: 30px; |
|
right: 20px; |
|
cursor: pointer |
|
} |
|
|
|
#chart-canvas-line-mask { |
|
position: absolute; |
|
left: 0; |
|
top: 0; |
|
bottom: 0; |
|
width: 0; |
|
overflow: hidden |
|
} |
|
|
|
#chart-canvas-line { |
|
position: absolute; |
|
left: 0; |
|
top: 0; |
|
bottom: 0 |
|
} |
|
|
|
#chart-timeline { |
|
width: 2px; |
|
background-color: #ff0; |
|
background-color: rgba(255, 255, 0, .7); |
|
position: absolute; |
|
left: 0; |
|
top: 0; |
|
bottom: 0 |
|
} |
|
|
|
#chart-timeline-mouse { |
|
width: 2px; |
|
background-color: #0a0; |
|
background-color: rgba(0, 200, 0, .7); |
|
position: absolute; |
|
left: 0; |
|
top: 0; |
|
bottom: 0; |
|
display: none |
|
} |
|
|
|
#right-bottom-panel { |
|
position: absolute; |
|
bottom: 0; |
|
right: 10px; |
|
width: 200px; |
|
height: 200px; |
|
background-color: rgba(0, 0, 0, .7); |
|
border: solid 1px #444 |
|
} |
|
|
|
#yingyan-map, #yingyan-trace, #yingyan-trace-pass { |
|
position: absolute; |
|
left: 0; |
|
top: 0; |
|
width: 100%; |
|
height: 100% |
|
} |
|
|
|
#taxi-list-modal .modal-content { |
|
background-color: rgba(255, 255, 255, .8) |
|
} |
|
|
|
#loading { |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
width: 100%; |
|
height: 100%; |
|
background-color: rgba(0, 0, 0, .3); |
|
z-index: 10 |
|
} |
|
|
|
#loading-canvas { |
|
position: absolute |
|
} |
|
|
|
#statistic-panel { |
|
padding-top: 5px; |
|
margin-top: 5px; |
|
border-top: solid 1px #444 |
|
} |
|
|
|
.btn-success{ |
|
background-image: -webkit-gradient(linear,left 0,left 100%,from(#00aa77),to(#00aa77))!important; |
|
} |