css/style.css

   1 .randomizer{
   2         position: absolute;
   3         left: 396px;
   4         top: 564px;
   5         opacity: 0.0;
   6         width: 110px;
   7         height: 110px;
   8
   9         -webkit-transition-timing-function: linear;
  10         -webkit-transition: 1s;
  11
  12         -moz-transition-timing-function: linear;
  13         -moz-transition: 1s;
  14
  15         -ms-transition-timing-function: linear;
  16         -ms-transition: 1s;
  17
  18         -o-transition-timing-function: linear;
  19         -o-transition: 1s
  20
  21 }
  22 .dashboardBackGround {
  23         position: absolute;
  24         left: 0;
  25         top: 0;
  26         width: 720px;
  27         height: 1280px;
  28 }
  29
  30 .dashboardCircleAll {
  31         position: absolute;
  32         left: 0;
  33         top: 0;
  34         width: 720px;
  35         height: 1280px;
  36 }
  37 .whelImage{
  38         width: 65px;
  39         height: 105px;
  40         /*-webkit-transition: 0.1s;*/
  41         -webkit-transition-timing-function: linear;
  42
  43         /*-moz-transition:0.1s;
  44         -moz-transition-timing-function:linear;
  45
  46         -ms-transition:0.1s;
  47         -ms-transition-timing-function:linear;
  48
  49         -o-transition:0.1s;
  50         -o-transition-timing-function:linear;*/
  51
  52
  53 }
  54 .leftWhell{
  55         position: absolute;
  56         left: 225px;
  57         top: 430px;
  58 }
  59 .rightWhell{
  60         position: absolute;
  61         left: 430px;
  62         top: 430px;
  63 }
  64
  65 .carImage {
  66         position: absolute;
  67         left: 0;
  68         top: 0;
  69         width: 720px;
  70         height: 1280px;
  71 }
  72
  73 .batteryLevelCaption {
  74         position: absolute;
  75         left: 15px;
  76         top: 200px;
  77 }
  78
  79 .weatherCaption {
  80         position: absolute;
  81         left: 545px;
  82         top: 200px;
  83 }
  84
  85 .dashboardLineLong {
  86         width: 120px;
  87         height: 10px;
  88 }
  89
  90 .leftFrontPressure {
  91         position: absolute;
  92         left: 30px;
  93         top: 370px;
  94 }
  95
  96 .leftFrontLine {
  97         position: absolute;
  98         left: 130px;
  99         top: 462px;
 100         -webkit-transform: rotate(20deg);
 101         -ms-transform: rotate(20deg);
 102         -moz-transform: rotate(20deg);
 103         -o-transform: rotate(20deg);
 104         transform: rotate(20deg);
 105 }
 106
 107 .rightFrontPressure {
 108         position: absolute;
 109         left: 500px;
 110         top: 340px;
 111 }
 112
 113 .rightFrontLine {
 114         position: absolute;
 115         left: 470px;
 116         top: 445px;
 117
 118         -webkit-transform: rotate(150deg);
 119         -moz-transform: rotate(150deg);
 120         -ms-transform: rotate(150deg);
 121         -o-transform: rotate(150deg);
 122         transform: rotate(150deg);
 123
 124 }
 125
 126 .engineStatus {
 127         position: absolute;
 128         left: 520px;
 129         top: 540px;
 130 }
 131
 132 .engineStatus .gearboxStatus {
 133         position: absolute;
 134         left: 110px;
 135         top: 22px;
 136 }
 137
 138 .engineStatus .textIndicator {
 139         position: absolute;
 140         top: 32px;
 141         right: 92px;
 142
 143         white-space: nowrap;
 144         text-align: right;
 145 }
 146
 147 .engineStatus .statusIndicator {
 148         position: absolute;
 149         top: 62px;
 150         right: 92px;
 151         white-space: nowrap;
 152         text-align: right;
 153 }
 154
 155 .leftRearPressure {
 156         position: absolute;
 157         left: 20px;
 158         top: 750px;
 159 }
 160
 161 .leftRearLine {
 162         position: absolute;
 163         left: 115px;
 164         top: 842px;
 165
 166         -webkit-transform: rotate(15deg);
 167         -moz-transform: rotate(15deg);
 168         -ms-transform: rotate(15deg);
 169         -o-transform: rotate(15deg);
 170         transform: rotate(15deg);
 171 }
 172
 173 .rightRearPressure {
 174         position: absolute;
 175         left: 510px;
 176         top: 750px;
 177 }
 178
 179 .rightRearLine {
 180         position: absolute;
 181         left: 480px;
 182         top: 842px;
 183
 184         -webkit-transform: rotate(165deg);
 185         -moz-transform: rotate(165deg);
 186         -ms-transform: rotate(165deg);
 187         -o-transform: rotate(165deg);
 188         transform: rotate(165deg);
 189 }
 190
 191 .avgEConsumption {
 192         position: absolute;
 193         left: 15px;
 194         top: 960px;
 195 }
 196
 197 .rearLDisplay {
 198         position: absolute;
 199         left: 280px;
 200         top: 960px;
 201 }
 202 .rearRDisplay {
 203         position: absolute;
 204         left: 500px;
 205         top: 960px;
 206 }
 207
 208 .batteryImage {
 209         width: 37px;
 210         height: 23px;
 211 }
 212 .batteryProgressBar{
 213         position: absolute;
 214         left: -9px;
 215         top: 205px;
 216         width: 395px;
 217         height: 50px;
 218 }
 219 .exteriorBrightnessElement{
 220         position: absolute;
 221         right: 30px;
 222         top: 150px;
 223 }
 224 .exteriorBrightnessProgressBar{
 225         position: absolute;
 226         left: -25px;
 227         top: 0;
 228         width: 280px;
 229         height: 50px;
 230 }
 231 .dayNightElement{
 232         position: absolute;
 233         top: 150px;
 234         left: 30px;
 235         width: 65px;
 236         height: 65px;
 237 }
 238 .batteryElement{
 239         position: absolute;
 240         left: 15px;
 241         top: 25px;
 242         width: 300px;
 243         height: 200px;
 244 }
 245 .batteryElement .batteryImage {
 246         position: absolute;
 247         left: 15px;
 248         top: 260px;
 249 }
 250
 251 .batteryElement .batteryStatus {
 252         position: absolute;
 253         left: 65px;
 254         top: 253px;
 255 }
 256
 257 .batteryElement .batteryRange {
 258         position: absolute;
 259         left: 150px;
 260         top: 253px;
 261 }
 262
 263 .weatherElement .weatherStatus {
 264         position: absolute;
 265         right: 30px;
 266         top: 227px;
 267 }
 268
 269 .weatherElement .weatherCity {
 270         position: absolute;
 271         right: 30px;
 272         top: 275px;
 273 }
 274
 275 .avgConsumptionElement .batteryImage {
 276         position: absolute;
 277         left: 15px;
 278         top: 990px;
 279 }
 280
 281 .avgConsumptionElement .avgConsumptionCaption {
 282         position: absolute;
 283         left: 65px;
 284         top: 990px;
 285 }
 286
 287 .avgConsumptionElement .avgConsumptionStatus {
 288         position: absolute;
 289         left: 15px;
 290         top: 1020px;
 291 }
 292
 293 .dashboardButton {
 294         width: 90px;
 295         height: 55px;
 296 }
 297
 298 .dashboardButtonOpacity {
 299         opacity: 0.5;
 300 }
 301
 302 .dashboardButton .dashboardButtonText {
 303         position: relative;
 304         text-align: center;
 305         top: -45px
 306 }
 307
 308 .rearLButton {
 309         position: absolute;
 310         left: 280px;
 311         top: 990px;
 312 }
 313
 314 .rearRButton {
 315         position: absolute;
 316         left: 500px;
 317         top: 990px;
 318 }
 319
 320 .padlocInactive {
 321         width: 45px;
 322         height: 45px;
 323 }
 324
 325 .padlocActive {
 326         width: 45px;
 327         height: 45px;
 328 }
 329
 330 .leftPadlock {
 331         position: absolute;
 332         left: 200px;
 333         top: 700px;
 334         -webkit-transition-timing-function: linear;
 335         -webkit-transition: 2s;
 336
 337         -moz-transition-timing-function: linear;
 338         -moz-transition: 2s;
 339
 340         -ms-transition-timing-function: linear;
 341         -ms-transition: 2s;
 342
 343         -o-transition-timing-function: linear;
 344         -o-transition: 2s
 345 }
 346
 347 .rightPadlock {
 348         position: absolute;
 349         left: 480px;
 350         top: 700px;
 351         -webkit-transition-timing-function: linear;
 352         -webkit-transition: 2s;
 353
 354         -moz-transition-timing-function: linear;
 355         -moz-transition: 2s;
 356
 357         -ms-transition-timing-function: linear;
 358         -ms-transition: 2s;
 359
 360         -o-transition-timing-function: linear;
 361         -o-transition: 2s;
 362 }
 363
 364 .childLock {
 365         position: absolute;
 366         left: 45px;
 367         top: 625px;
 368         width: 150px;
 369         height: 70px;
 370 }
 371
 372 .childLockText {
 373         position: absolute;
 374         left: 0;
 375         top: 10px;
 376         width: 150px;
 377         height: 80px;
 378         text-align: center;
 379         -webkit-transition-timing-function: linear;
 380         -webkit-transition: 1s;
 381
 382         -moz-transition-timing-function: linear;
 383         -moz-transition: 1s;
 384
 385         -ms-transition-timing-function: linear;
 386         -ms-transition: 1s;
 387
 388         -o-transition-timing-function: linear;
 389         -o-transition: 1s;
 390 }
 391
 392 .dashboardLineShort {
 393         width: 95px;
 394         height: 11px;
 395 }
 396
 397 .childLockLine {
 398         position: absolute;
 399         left: 75px;
 400         top: 80px;
 401
 402         -webkit-transform: rotate(15deg);
 403         -moz-transform: rotate(15deg);
 404         -ms-transform: rotate(15deg);
 405         -o-transform: rotate(15deg);
 406         transform: rotate(15deg);
 407 }
 408
 409 .dashboardCircle {
 410         width: 110px;
 411         height: 110px;
 412 }
 413
 414 .frontLightsButton {
 415         position: absolute;
 416         left: 254px;
 417         top: 313px;
 418         opacity: 0.0;
 419         width: 110px;
 420         height: 110px;
 421         -webkit-transition-timing-function: linear;
 422         -webkit-transition: 1s;
 423
 424         -moz-transition-timing-function: linear;
 425         -moz-transition: 1s;
 426
 427         -ms-transition-timing-function: linear;
 428         -ms-transition: 1s;
 429
 430         -o-transition-timing-function: linear;
 431         -o-transition: 1s;
 432 }
 433
 434 .rearLightsButton {
 435         position: absolute;
 436         left: 230px;
 437         top: 880px;
 438         opacity: 0.0;
 439         width: 110px;
 440         height: 110px;
 441         -webkit-transition-timing-function: linear;
 442         -webkit-transition: 1s;
 443
 444         -moz-transition-timing-function: linear;
 445         -moz-transition: 1s;
 446
 447         -ms-transition-timing-function: linear;
 448         -ms-transition: 1s;
 449
 450         -o-transition-timing-function: linear;
 451         -o-transition: 1s;
 452 }
 453 .dashboardFrontLightsActive {
 454         position: absolute;
 455         left: 0;
 456         top: 0;
 457         width: 720px;
 458         height: 1280px;
 459         -webkit-transition-timing-function: linear;
 460         -webkit-transition: 1s;
 461
 462         -moz-transition-timing-function: linear;
 463         -moz-transition: 1s;
 464
 465         -ms-transition-timing-function: linear;
 466         -ms-transition: 1s;
 467
 468         -o-transition-timing-function: linear;
 469         -o-transition: 1s;
 470
 471 }
 472 .dashboardRearLightsActive {
 473         position: absolute;
 474         left: 0;
 475         top: 0;
 476         width: 720px;
 477         height: 1280px;
 478         -webkit-transition-timing-function: linear;
 479         -webkit-transition: 1s;
 480
 481         -moz-transition-timing-function: linear;
 482         -moz-transition: 1s;
 483
 484         -ms-transition-timing-function: linear;
 485         -ms-transition: 1s;
 486
 487         -o-transition-timing-function: linear;
 488         -o-transition: 1s;
 489
 490         }
 491 .dashboardBreakLightsActive {
 492         position: absolute;
 493         left: 0;
 494         top: 0;
 495         width: 720px;
 496         height: 1280px;
 497         -webkit-transition-timing-function: linear;
 498         -webkit-transition: 1s;
 499
 500         -moz-transition-timing-function: linear;
 501         -moz-transition: 1s;
 502
 503         -ms-transition-timing-function: linear;
 504         -ms-transition: 1s;
 505
 506         -o-transition-timing-function: linear;
 507         -o-transition: 1s;
 508
 509         }
 510 .rearLightsImage {
 511         opacity: 0;
 512 }
 513
 514 .frontLightsImage {
 515         opacity: 0;
 516 }
 517 .dashBoardWeatherSun{
 518         width: 110px;
 519         height: 110px;
 520 }
 521 .dashBoardWeatherCloudy{
 522         width: 110px;
 523         height: 110px;
 524 }
 525 .dashBoardWeatherThunder{
 526         width: 110px;
 527         height: 110px;
 528 }
 529 .dashBoardWeatherIcon{
 530         position: absolute;
 531         left: 425px;
 532         top: 165px;
 533 }
 534 .dayNight{
 535         width:100%;
 536         height: 100%;
 537         -webkit-transition-timing-function: linear;
 538         -webkit-transition: 1s;
 539
 540         -moz-transition-timing-function: linear;
 541         -moz-transition: 1s;
 542
 543         -ms-transition-timing-function: linear;
 544         -ms-transition: 1s;
 545
 546         -o-transition-timing-function: linear;
 547         -o-transition: 1s
 548 }
 549