summaryrefslogtreecommitdiff
path: root/src/components/HMI/css/general.css
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/HMI/css/general.css')
-rw-r--r--src/components/HMI/css/general.css1560
1 files changed, 0 insertions, 1560 deletions
diff --git a/src/components/HMI/css/general.css b/src/components/HMI/css/general.css
deleted file mode 100644
index 1eab49e6e1..0000000000
--- a/src/components/HMI/css/general.css
+++ /dev/null
@@ -1,1560 +0,0 @@
-/*GENERAL CSS*/
-* {
- /*Reset default browser styles*/
- margin: 0;
- padding: 0;
- border: none;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
- -webkit-user-select: none;
-}
-
-html, body {
- /*GLOBAL HTML and BODE Dimansions*/
- width: 100%;
- min-height: 100%;
-}
-
-body {
- /*FONT FAMILY*/
- font-family: sans-serif;
- /*Defaul font size*/
- font-size: 16px;
- background-color: #000;
- color: #fff;
- overflow: hidden;
-}
-
-/*Default style for all images*/
-img {
- border-width: 0px;
- border-style: none;
- margin: 0px;
- padding: 0px;
- z-index: 1000;
- pointer-events: none;
-}
-
-/*Default style for all DIVs*/
-div {
- position: absolute;
- margin: 0;
- padding: 0;
-}
-
-.ffw-button {
- cursor: pointer;
- background: url(../images/common/button.png) repeat-x;
-}
-
-.ffw-button.pressed {
- background-position: bottom;
-}
-
-.windowText {
- top: 190px;
- width: 800px;
- font-size: 80px;
- color: white;
- text-align: center;
-}
-
-/* Home view */
-#home {
- background: url(../images/home/home_main_image.png) no-repeat;
- width: 800px;
- height: 369px;
- top: 56px;
-}
-
-/* Climate Status */
-#status_climate {
- bottom: 0px;
- right: 0px;
- text-align: right;
- font-size: 21px;
- width: 324px;
- height: 48px;
- cursor: pointer;
- background: url(../images/common/climate-status-bg.png) no-repeat;
- z-index: 1;
-}
-
-#status_climate_label {
- display: block;
- width: 100%;
- visibility: hidden;
-}
-
-#status_climate_label span {
- padding-right: 11px;
-}
-
-/* Navigation Status */
-#status_nav {
- top: 0px;
- right: 0px;
- text-align: right;
- font-size: 21px;
- width: 324px;
- height: 48px;
- cursor: pointer;
- background: url(../images/common/nav-status-bg.png) no-repeat;
- z-index: 1;
-}
-
-#navigation_status_label {
- width: 100%;
- display: block;
- visibility: hidden;
-}
-
-#navigation_status_label span {
- padding-right: 11px;
-}
-
-/*FORD CONTAINER DEFAULT DIMANSIONS */
-#app {
- /*position:relative;*/
- width: 800px;
- height: 480px;
- /*overflow: hidden;
- Mac font smoothing */
- -webkit-font-smoothing: antialiased;
- /*margin: 25px auto;*/
-}
-
-/* TTS popUp*/
-#TTSPopUp.TTSPopUp {
- opacity: 0;
- left: 500px;
- width: 295px;
- height: 100px;
- z-index: 1;
- border-radius: 10 PX;
- top: 8px;
- -webkit-transition: opacity 1s ease-in-out;
- display: none;
-}
-
-#TTSPopUp .popUp {
- width: 294px;
- height: 98px;
- border: 1px solid black;
- border-radius: 10px;
- background-color: black;
- border: #A6A6A6 solid 2px;
- color: white;
-}
-
-#TTSPopUp .message {
- top: 10px;
- right: 10px;
- width: 278px;
- height: 81px;
- overflow: hidden;
- text-overflow: ellipsis;
-}
-
-#TTSPopUp .timerText {
- color: #FFD93F;
- margin-top: 3px;
- right: 5px;
- font-size: 30px;
-}
-
-#TTSPopUp .checkBoxLabel {
- color: white;
- top: 106px;
- width: 72px;
- height: 35px;
- left: 25px;
- background-color: rgb(90, 90, 90);
- border-radius: 3px;
- border: 1px solid rgb(255,255,255);
- padding: 2px;
-}
-
-#TTSPopUp .checkBoxTTS {
- top: 118px;
- position: absolute;
- left: 8px;
-}
-
-#TTSPopUp .okButton {
- right: 52px;
- width: 113px;
- height: 19px;
- padding: 10px;
- border-radius: 4px;
- border: 1px solid white;
-}
-
-#TTSPopUp.active {
- opacity: 1;
- display: block;
- z-index: 10000;
-}
-
-/* Diver Distraction PopUp */
-#driverDistraction.driverDistractionWindow {
- left: 0;
- top: 0;
- width: 800px;
- height: 480px;
- background: rgba(0, 0, 0, 0.7);
- z-index: 30000;
- opacity: 0;
- display: none;
-}
-
-#driverDistraction .driverDistraction {
- left: 200px;
- width: 400px;
- height: 200px;
- z-index: 2;
- top: 140px;
- -webkit-transition: opacity 1s ease-in-out;
- background-color: black;
- border: #A6A6A6 solid 2px;
- border-radius: 6px;
-}
-
-#driverDistraction.active {
- opacity: 1;
- display: block;
-}
-
-#driverDistraction .driverDistractionText {
- top: 224px;
- left: 210px;
- width: 374px;
- height: 20px;
- text-align: center;
- font-size: 28px;
- z-index: 2;
-}
-
-/* UI popUp*/
-/* VR popUp*/
-#VRPopUp.VRPopUp {
- opacity: 0;
- left: 50px;
- width: 700px;
- height: 340px;
- background-color: black;
- z-index: 2;
- border-radius: 10 PX;
- top: 70px;
- -webkit-transition: opacity 1s ease-in-out;
- display: none;
-}
-
-#VRPopUp span {
- margin-left: 15px;
-}
-
-#VRPopUp .popUp {
- width: 698px;
- height: 338px;
- border: 1px solid white;
- border-radius: 10px;
-}
-
-#VRPopUp .message1 {
- top: 10px;
- left: 10px;
- width: 278px;
- height: 81px;
-}
-
-#VRPopUp .message2 {
- top: 40px;
- left: 10px;
- width: 278px;
- height: 81px;
-}
-
-#VRPopUp.active {
- opacity: 1;
- display: block;
- transition: all 1s;
-}
-
-#VRPopUp .list {
- position: absolute;
- width: 629px;
- height: 251px;
- border-radius: 2px;
- left: 35px;
- top: 70px;
-}
-
-#VRPopUp .list-content {
- border: none;
-}
-
-#VRPopUp .list-item {
- position: relative;
- width: 100%;
- height: 48px;
- font-size: 20px;
- line-height: 50px;
- border: 1px solid #393939;
-}
-
-#VRPopUp .list-content {
- width: 578px;
-}
-
-#VRPopUp .VRLabel {
- top: 10px;
- width: 550px;
- left: 35px;
- height: 20px;
- padding: 15px;
- background: #393939;
-}
-
-#VRPopUp .VRImage {
- right: 25px;
- width: 50px;
- height: 50px;
- top: 10px;
- background: url(../images/home/controlButtons/vrImage.png) no-repeat;
- background-size: contain;
-}
-
-/*WRAPER FOR CONTENT VIEW*/
-#app_active_view {
- position: absolute;
- width: 800px;
- height: 480px;
-}
-
-#html5Player {
- position: absolute;
- z-index: 1;
- width: 800px;
- height: 480px;
-}
-
-#html5Player.visible {
- -webkit-transform: translateX(0px) !important;
-}
-
-#mode {
- position: relative;
- margin: 150px auto;
- width: 150px;
-}
-
-/* Image preloader block*/
-#preloader {
- position: absolute;
- left: -9999px;
- top: -9999px;
-}
-
-/*CLOCK*/
-#clock {
- font-size: 28px;
- text-align: center;
- width: 225px;
- height: 50px;
- position: relative;
- float: left;
- pointer-events: all;
- cursor: pointer;
-}
-
-#clock.mcs {
- width: 225px;
-}
-
-#time_num {
- width: 100%;
- padding: 10px;
- margin-left: 5px;
-}
-
-#app_top_menu_cont {
- z-index: 10000;
- top: 0px;
- left: 275px;
- position: relative;
- pointer-events: none;
-}
-
-#top_controls {
- width: 322px;
- height: 58px;
- background: url("../images/common/header_bg.png") no-repeat;
- z-index: 2;
-}
-
-.not-visible {
- visibility: hidden !important;
-}
-
-/* Universal class to show hidden elements */
-.visible {
- visibility: visible !important;
-}
-
-/* Universal class to show transparent elements */
-.show {
- opacity: 1 !important;
-}
-
-.arrow-ico {
- position: absolute;
- right: 10px;
-}
-
-.right_text {
- float: right;
- margin-right: 5px;
-}
-
-.hidden_display {
- display: none !important;
-}
-
-.visible_display {
- display: block !important;
-}
-
-/*STATUS BAR*/
-.status_bar {
- z-index: 2001;
- line-height: 50px;
-}
-
-.selected {
- display: none;
-}
-
-/*BOTTOM Control BUTTONS*/
-#app_bottom_controlls {
- z-index: 11000;
- bottom: 0px;
- left: 275px;
- width: 252px;
- height: 59px;
- /*background: url(../images/common/bottom_cont_bg.png) no-repeat;*/
- overflow: hidden;
- pointer-events: none;
-}
-
-#home_active {
- z-index: 2002;
- bottom: 0px;
- left: 275px;
- width: 250px;
- height: 58px;
- background: url("../../images/common/home_active.png") no-repeat;
-}
-
-#home_but {
- height: 59px;
- width: 73px;
- cursor: pointer;
- z-index: 1000;
- background: url(../images/home/bottom_controlls_full.png) no-repeat;
- background-position: -90px -59px;
- position: relative;
- float: left;
- pointer-events: none;
-}
-
-#home_but.large {
- width: 126px;
- background-position: 0px -177px;
-}
-
-#home_but.large.selected {
- width: 126px;
- background-position: 0px -118px;
-}
-
-#home_but.selected {
- background-position: -90px 0px;
- display: block;
-}
-
-#home_but_click {
- height: 59px;
- width: 73px;
- cursor: pointer;
- z-index: 1001;
- position: absolute;
- pointer-events: all;
-}
-
-#home_but_click.large {
- width: 125px;
- height: 115px;
- -webkit-transform: skew(0deg, -42deg);
-}
-
-/*INFO BUTTON*/
-#info_but_click {
- height: 117px;
- width: 88px;
- cursor: pointer;
- z-index: 1001;
- position: absolute;
- pointer-events: all;
- -webkit-transform: skew(0deg, -52deg);
-}
-
-#info_but {
- height: 59px;
- width: 90px;
- cursor: pointer;
- background: url(../images/home/bottom_controlls_full.png) no-repeat;
- background-position: 0px -59px;
- position: relative;
- float: left;
- z-index: 1001;
- pointer-events: none;
- -webkit-border-top-left-radius: 10px;
-}
-
-#info_but.selected {
- background-position: 0px 0px;
- display: block;
-}
-
-/*SETTINGS BUTTON*/
-#setting_but {
- width: 89px;
- height: 59px;
- cursor: pointer;
- background: url(../images/home/bottom_controlls_full.png) no-repeat;
- background-position: -162px -59px;
- position: relative;
- float: left;
- pointer-events: none;
-}
-
-#setting_but.large {
- width: 126px;
- background-position: -126px -177px;
-}
-
-#setting_but.large.selected {
- width: 126px;
- background-position: -126px -118px;
-}
-
-#setting_but.selected {
- background-position: -162px 0px;
- display: block;
-}
-
-#setting_but_click {
- width: 83px;
- height: 110px;
- cursor: pointer;
- position: absolute;
- -webkit-transform: skew(0deg, 52deg);
- left: 1px;
- top: 4px;
- z-index: 1000;
- pointer-events: all;
-}
-
-#setting_but_click.large {
- width: 158px;
- height: 155px;
-}
-
-/*HIDDEN FOR CONTENT BLOCKS*/
-.hidden {
- -webkit-transform: translateX(-2000px);
- -moz-transform: translateX(-2000px);
-}
-
-/*ACTIVE VISIBLE FOR CONTENT BLOCK*/
-.inactive_state {
- -webkit-transform: translateX(-2000px);
- -moz-transform: translateX(-2000px);
- overflow: hidden;
-}
-
-.active_state {
- -webkit-transform: translateX(0px) !important;
- -moz-transform: translateX(0px) !important;
-}
-
-.passive_button_color {
- color: #999 !important;
-}
-
-/*MEDIA BLOCK CONTAINER*/
-#media {
- width: 800px;
- height: 480px;
- background: url(../images/media/bg.png) no-repeat;
-}
-
-/****************************** FOR MEDIA VIEW************************************************/
-/*#media, #browseUsbHD {
-background: url(../images/media/bg.png) no-repeat;
-}
-
-#media_view {
-width: 800px;
-height: 480px;
-}
-
-#media_view #cntrlMenu {
-position: relative;
-margin-top: 90px;
-}*/
-/*Video Player*/
-/*******Player Controlls View********/
-#video_player_view {
- top: 85px;
- left: 93px;
- z-index: 2002;
- display: block;
-}
-
-/*Holder for all progressbar elements*/
-#video_player_view .progressline_holder {
- display: block;
- width: 537px;
- height: 10px;
- cursor: pointer;
- background: url(../images/player/player_prog_bg.png) no-repeat;
-}
-
-/*Style to fix actual width for progress bar concerning width of progrees bar mark*/
-.progressline_width_fix {
- width: 537px;
- position: absolute;
-}
-
-/*Progressbar*/
-#video_player_view .progressbar {
- display: block;
- height: 10px;
- background: url(../images/player/prog_ind.png) no-repeat;
- position: relative;
- float: left;
-}
-
-/*Current time*/
-.current_time {
- width: 33px;
- height: 15px;
- top: -4px;
- left: -55px;
- font-weight: bold;
-}
-
-/*Total time*/
-.total_time {
- width: 33px;
- height: 15px;
- left: 546px;
- top: -4px;
- font-weight: bold;
-}
-
-/*Drag Area*/
-.drag_area {
- width: 561px;
- position: relative;
- float: left;
- height: 10px;
-}
-
-/*Progress bar mark*/
-#mark {
- position: relative;
- float: left;
- bottom: 19px;
- left: -20px;
- background: url(../images/player/player_free_control.png) no-repeat;
- width: 50px;
- height: 50px;
-}
-
-#mark.active {
- background: url(../images/player/player_active_control.png) no-repeat !important;
- bottom: 20px !important;
- left: -21px !important;
- width: 52px !important;
- height: 52px !important;
-}
-
-/*Back Button*/
-#back {
- width: 80px;
- height: 50px;
- cursor: pointer;
- top: 60px;
- left: 140px;
- border: 1px solid #393939;
-}
-
-#back .ico {
- top: 13px;
- left: 20px;
- position: relative;
-}
-
-/* Forward Button*/
-#frw {
- width: 79px;
- height: 49px;
- cursor: pointer;
- top: 60px;
- left: 347px;
- border: 1px solid #393939;
- -webkit-border-radius: 3px;
-}
-
-#frw .ico {
- top: 13px;
- left: 24px;
- position: relative;
-}
-
-/*Play Button*/
-#play {
- width: 79px;
- height: 49px;
- cursor: pointer;
- top: 60px;
- left: 244px;
- border: 1px solid #393939;
- -webkit-border-radius: 3px;
-}
-
-#play .play {
- top: 13px;
- left: 31px;
- position: relative;
-}
-
-#play .pause {
- top: 10px;
- left: 28px;
- position: relative;
-}
-
-/*Stop Button*/
-#stop {
- width: 79px;
- height: 49px;
- cursor: pointer;
- top: -18px;
- left: 585px;
- border: 1px solid #393939;
- -webkit-border-radius: 3px;
-}
-
-#stop .ico {
- top: 17px;
- left: 18px;
- position: relative;
-}
-
-/********************FOR TEST PURPOSE ONLY********************/
-.centered {
- position: absolute;
- width: 300px;
- height: 200px;
- border: 2px solid #999;
- color: white;
- text-align: center;
- margin: 100px auto;
- line-height: 190px;
- font-size: 24px;
- left: 240px;
-}
-
-/**************************FOR LIST***************************/
-/* List */
-.list {
- position: relative;
- overflow: hidden;
-}
-
-.list-content {
- border-top: 1px solid #393939;
- border-left: 1px solid #393939;
- border-right: 1px solid #393939;
-}
-
-/* List item */
-.list-item {
- position: relative;
- width: 100%;
- height: 49px;
- font-size: 20px;
- line-height: 50px;
- border-bottom: 1px solid #393939;
-}
-
-.list-item .ico {
- height: 49px;
- float: left;
-}
-
-.list-item span {
- /*position: absolute*/
-}
-
-/* List item background */
-.list-item.notpressed {
- background-image: url(../images/list/list_item_bg.png);
-}
-
-.list-item .highLighted {
-
-}
-
-/*************************FOR SCROLLBAR*************************/
-/*
-.scrollBar{
- position: relative;
- width: 48px;
- background: black;
- border: 1px solid #393939;
- border-top-right-radius: 1px;
- border-top-left-radius: 1px;
- border-bottom-right-radius: 1px;
- border-bottom-left-radius: 1px;
- float: right;
-}
-*/
-.scrollbar {
- position: absolute;
- top: 0px;
- right: 0px;
- width: 48px;
- background: black;
- border: 1px solid #393939;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
-}
-
-.sb-content {
- width: 48px;
- background: black;
- border: 1px solid #393939;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
-}
-
-/* Top button */
-.sb-top {
- height: 48px;
- width: 48px;
- border-bottom: #393939 1px solid;
- position: relative;
- cursor: pointer;
-}
-
-/* Background of scrollbar */
-.sb-body {
- height: 148px;
- width: 46px;
- background-color: #262626;
- margin: 1px;
- position: relative;
-}
-
-/* Bar */
-.sb-bar {
- width: 46px;
- height: 146px;
- background: #464646;
- position: relative;
- bottom: 10px;
- -webkit-transition: top 0.2s ease-out;
-}
-
-/* Bottom button */
-.sb-bottom {
- height: 48px;
- width: 48px;
- border-top: #393939 1px solid;
- position: absolute;
- cursor: pointer;
- bottom: 0px;
-}
-
-/* Buttons image position */
-.sb-bottom img, .sb-top img {
- margin-top: 13px;
- margin-left: 13px;
-}
-
-/* List item button background */
-.list-item.pressed {
- background-image: url(../images/list/list_item_pressed.png);
-}
-
-/** Background for pressed button */
-.button.pressed {
- background-image: url(../images/list/list_item_pressed.png);
-}
-
-/* Hide function */
-.is-disabled {
- display: none;
-}
-
-.hide {
- visibility: hidden;
- display: none;
-}
-
-/* Disabled list items */
-.disabled {
- color: #999;
- cursor: default!important;
-}
-
-.disabled .ico, .disabled .right_ico {
- opacity: .3;
-}
-
-.disabled .arrow-ico {
- opacity: .3;
-}
-
-#sing {
- width: 19px;
- height: 27px;
- left: 13px;
- top: 13px;
-}
-
-#sing.white {
- background: url(../images/help/white_help.png) no-repeat;
-}
-
-#sing.yellow {
- background: url(../images/help/yellow_help.png) no-repeat;
-}
-
-/******************** FOR FAQ ********************************/
-#faq_btn {
- cursor: pointer;
- width: 145px;
- height: 53px;
- background: url(../images/help/faq_top_btn.png) no-repeat;
- top: 0;
- left: 110px;
- z-index: 0;
- pointer-events: none;
- -webkit-transition: left 0.5s ease-in-out;
-}
-
-.faq-pressed {
- left: 0px !important;
-}
-
-#faq_btn.pressed {
- background: url(../images/help/faq_top_btn_pressed.png) no-repeat !important;
-}
-
-#faq_btn .ico {
- position: absolute;
- right: 32px;
- top: 8px;
-}
-
-#faq_btn_c {
- width: 118px;
- height: 50px;
- -webkit-transform: skewX(-43deg);
- z-index: 1;
- cursor: pointer;
- pointer-events: all;
-}
-
-#faq_btn .ind_inact {
- background: url(../images/help/ind_vert_def.png) no-repeat;
- position: absolute;
- right: 32px;
- top: 8px;
- width: 19px;
- height: 32px;
-}
-
-#faq_btn .ind_act {
- background: url(../images/help/ind_vert_active.png) no-repeat;
- position: absolute;
- right: 32px;
- top: 8px;
- width: 19px;
- height: 32px;
-}
-
-.button {
- background-image: url(../images/list/list_item_bg.png);
- cursor: pointer;
-}
-
-.button img {
- float: left;
-}
-
-/* default style */
-* {
- margin: 0;
- padding: 0;
- border: 0;
- -webkit-user-select: none;
-}
-
-/******************* For FAQ View *******************/
-#fag_view {
- font-size: 20px;
- display: block;
- background: url(../images/help/faq_bg.png) no-repeat;
- width: 800px;
- height: 384px;
- position: absolute;
- top: 48px;
-}
-
-#faq_view_list {
- position: relative;
- margin-left: 115px;
- margin-top: 34px;
- height: 251px;
- width: 630px;
- float: left;
-}
-
-#faq_view_list .list-content {
- width: 570px;
-}
-
-#fag_view .list-item {
- position: relative;
- width: 570px;
- height: 49px;
- font-size: 20px;
- line-height: 50px;
- border-bottom: 1px solid #393939;
- cursor: pointer;
- float: left;
-}
-
-#fag_view .list-item span {
- left: 5px;
- margin-top: 18px;
- margin-left: 17px;
-}
-
-/* Faq bottom text*/
-#faq_bottom {
- bottom: 19px;
- width: 764px;
- height: 50px;
- font-size: 18px;
- float: left;
- margin-top: 31px;
- margin-left: 36px;
-}
-
-#faq_bottom div {
- float: left;
- width: 764px;
-}
-
-#faq_bottom .second-line {
- top: 22px;
-}
-
-#settings_view {
- width: 800px;
- height: 480px;
-}
-
-.block {
- display: block !important;
-}
-
-.test_blur {
- width: 800px;
- height: 480px;
- top: -55px;
- z-index: 1001;
- opacity: .6;
- background-color: black;
- box-shadow: 3px;
-}
-
-.pointer {
- cursor: pointer !important;
-}
-
-/*CAUTION MESSAGE*/
-#warning_view {
- width: 800px;
- height: 480px;
- z-index: 12001;
- background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(218, 218, 218)), color-stop(0.3, rgb(0, 0, 0)));
-}
-
-#warning_view.fr .text {
- font-size: 23px;
-}
-
-#warning_view .message {
- width: 744px;
- height: 340px;
- position: relative;
- margin: 0 auto;
- top: 15px;
-}
-
-#warning_view .warning_text {
- position: relative;
- margin: 0 auto;
- width: 216px;
- font-size: 42px;
- font-weight: bold;
- top: 20px;
- text-shadow: 1px 1px 3px white;
- color: #CC2A2A;
-}
-
-#warning_view .text {
- font-size: 25px;
- position: relative;
- top: 15px;
- font-weight: bold;
-}
-
-#warning_view .okbut {
- width: 130px;
- height: 51px;
- position: relative;
- top: 30px;
- cursor: pointer;
- float: right;
- margin-right: 83px;
- display: none;
- font-size: 20px;
- text-align: center;
- line-height: 50px;
-}
-
-#warning_view .components{
- margin-top: 20px;
- width: 420px;
-}
-
-#warning_view .component{
- width: 200px;
- height: 20px;
- float: right;
- position: relative;
-}
-
-#warning_view .item{
- position: relative;
- float: left;
- margin-left: 10px;
-}
-
-.hideWarning {
- width: 0px !important;
- overflow: hidden;
- z-index: -1 !important;
-}
-
-.fadeWarning {
- opacity: 0;
- transition: opacity 1s;
- -moz-transition: opacity 1s;
- -webkit-transition: opacity 1s;
- -o-transition: opacity 1s;
-}
-
-#warning_view.fadeAnimation {
- -webkit-animation-name: opacity;
- -webkit-animation-duration: 1s;
- -webkit-animation-timing-function: linear;
- -webkit-animation-fill-mode: forwards;
-}
-
-@
--webkit-keyframes opacity {
-
-from {
- opacity: 1;
-
-}
-
-to {
- opacity: 0;
-}
-
- }
-
-/* Welcome Orientation View*/
-#app_welcome_orientation_view {
- width: 800px;
- height: 480px;
- z-index: 12000;
-}
-
-#app_welcome_orientation_balck_mask_view {
- width: 800px;
- height: 480px;
- background: #000;
- opacity: 0.75;
-}
-
-#app_welcome_orientation_popup_text {
- position: relative;
- margin: 0px auto;
- font-size: 30px;
- text-align: center;
- width: 410px;
- margin-top: 18px;
-}
-
-#app_welcome_orientation_denypopup_text {
- position: relative;
- margin: 0px auto;
- font-size: 28px;
- text-align: center;
- width: 460px;
- margin-top: 53px;
-}
-
-#app_welcome_orientation_popup_buttons {
- width: 266px;
- height: 53px;
- border: 1px solid #333;
- position: relative;
- margin: 20px auto 0px;
-}
-
-#app_welcome_orientation_popup_lable {
- position: relative;
- width: 479px;
- height: 70px;
- border: 1px solid #fff;
- text-align: center;
- margin: 0px auto;
- margin-top: 70px;
- font-size: 25px;
- font-family: Helvetica;
-}
-
-#app_welcome_orientation_popup_lable span {
- position: relative;
- top: 5px;
- width: 432px;
-}
-
-#app_welcome_orientation_popup_view, #wo_denypopup {
- width: 546px;
- height: 346px;
- background: #000;
- z-index: 12002;
- left: 134px;
- top: 46px;
- border: 2px solid #A28542;
- -webkit-border-radius: 4px;
-}
-
-#wo_popup_btn_divider {
- width: 4px;
- height: 48px;
- background: url(../images/common/divider.png) no-repeat;
- left: 131px;
- z-index: 1;
-}
-
-#wo_popup_yes_button, #wo_popup_no_button {
- height: 52px;
- width: 132px;
- cursor: pointer;
- position: relative;
- float: left;
- font-size: 20px;
- text-align: center;
- line-height: 52px;
-}
-
-#wo_popup_yes_button {
- border-right: 1px solid #000;
-}
-
-#wo_popup_no_button {
- border-left: 1px solid #393939;
-}
-
-#wo_popup_denypopup_ok_button {
- width: 238px;
- height: 48px;
- background: url(../images/common/bt_bg.png) repeat-x;
- cursor: pointer;
- position: relative;
- float: left;
- font-size: 20px;
- font-weight: bold;
- text-align: center;
- line-height: 50px;
- border: 1px solid #333;
- left: 155px;
- top: 80px;
- -webkit-border-radius: 4px;
-}
-
-#woSkippButton {
- width: 80px;
- height: 50px;
- cursor: pointer;
- top: 370px;
- left: 710px;
- font-size: 21px;
- text-align: center;
- line-height: 48px;
- z-index: 10000;
- border: 1px solid white;
- -webkit-border-radius: 3px;
- background: url(../images/common/skippbuttonbg_pressed.png) no-repeat;
- opacity: 0.75;
- display: none;
-}
-
-#woSkippButton .right_text {
- margin-top: 2px;
-}
-
-#woSkippButton.pressed {
- background: url(../images/common/skippbuttonbg_pressed.png) no-repeat !important;
-}
-
-#wo_popup_yes_button.pressed, #wo_popup_no_button.pressed, #wo_popup_denypopup_ok_button.pressed {
- background: url(../images/common/bt_bg_pressed.png) repeat-x !important;
-}
-
-/* END Welcome Orientation View*/
-/* Video Error Popup*/
-#video_error_popup {
- background: black;
- border: 1px solid #A03333;
- -webkit-border-radius: 3px;
- font-size: 23px;
- font-weight: bold;
- left: 308px;
- text-align: center;
- top: 170px;
- z-index: 12100;
- position: absolute;
- padding: 10px;
- display: none;
-}
-
-.mft_indicator {
- opacity: 0;
-}
-
-/* Lable plus Button*/
-.lablePlusButton .button {
- float: right;
- right: 0px;
- width: 323px;
- height: 49px;
- border-left: 1px solid #393939;
-}
-
-.lablePlusButton .lable span, .lablePlusButton .button span {
- margin-left: 13px;
-}
-
-.lablePlusButton .button.single {
- width: 148px;
- height: 28px;
- border: 1px solid #393939;
- border-radius: 2px;
- margin-top: 10px;
- margin-right: 10px;
- text-align: center;
- line-height: 28px;
- float: right;
-}
-
-.lablePlusButton .button.single span {
- margin: 0px;
-}
-
-/* ****************Select System Popup *********************** */
-#select_sysytem_view {
- width: 796px;
- height: 475px;
- top: 1px;
- border: 2px solid #926100;
- background: #000;
- z-index: 12002;
- -webkit-border-radius: 4px;
-}
-
-/* header lable*/
-#select_system_heading_lable {
- position: relative;
- font-size: 30px;
- text-align: center;
- margin-top: 25px;
- margin-bottom: 30px;
-}
-
-/* content container*/
-#select_system_container {
- width: 756px;
- height: 200px;
- position: relative;
- margin: 0px auto;
- border: 1px solid #393939;
-}
-
-/* vehicle select list*/
-#settings_list {
- height: 130px;
- position: relative;
-}
-
-/* vehicle select list container*/
-#select_system_list {
- width: 545px;
- position: relative;
- float: right;
- margin-top: 15px;
- margin-right: 20px;
-}
-
-/* vehicle select list buttons*/
-#settings_list .button {
- position: relative;
- width: 135px;
- height: 48px;
- font-size: 20px;
- text-align: center;
- line-height: 48px;
- float: left;
- border-right: 1px solid #393939;
- border-top: 1px solid #393939;
- border-bottom: 1px solid #393939;
-}
-
-#settings_list .button.left-border {
- border-left: 1px solid #393939;
-}
-
-#settings_list .button.active {
- background: url(../images/settings/btn-48h-gray-active.png) repeat-x !important;
- color: #000;
-}
-
-#settings_list .button.bottom {
- margin-top: 2px;
-}
-
-/* select climate style lable*/
-#select_system_label {
- font-size: 20px;
- width: 135px;
- position: relative;
- float: left;
- margin-left: 10px;
- margin-top: 15px;
-}
-
-/* Navigation select block*/
-#navsdcard {
- height: 70px;
- position: relative;
- border-bottom: 1px solid #393939;
-}
-
-/* Navigation select block button container*/
-#sdnav_buttons {
- position: relative;
- float: right;
- margin-top: 10px;
- margin-right: 20px;
-}
-
-/* Navigation select block button*/
-#navsdcard .button {
- width: 120px;
- height: 48px;
- border: 1px solid #393939;
- text-align: center;
- font-size: 20px;
- line-height: 48px;
- font-weight: bold;
-}
-
-#navsdcard .button.active {
- background: url(../images/settings/btn-48h-gray-active.png) repeat-x !important;
- color: #000;
-}
-
-#navsdcard_no_btn {
- position: relative;
- float: right;
-}
-
-#navsdcard_yes_btn {
- position: relative;
- float: left;
-}
-
-/* navigationApp select lable*/
-#sdnav_label {
- position: relative;
- float: left;
- font-size: 20px;
- margin-top: 15px;
- margin-left: 10px;
-}
-
-/* Submit button*/
-#select_system_submit {
- width: 130px;
- height: 50px;
- z-index: 12002;
- position: relative;
- border: 1px solid #393939;
- text-align: center;
- font-size: 25px;
- font-weight: bold;
- line-height: 50px;
- margin: 50px auto;
-}
-
-/* Info Lable*/
-#select_system_info {
- position: relative;
- text-align: center;
- font-size: 25px;
- margin-top: 25px;
-}
-
-#select_system_info span {
- border: 1px solid #fff;
- padding: 5px 15px 5px 15px;
-}
View Lorry Controller Status