diff options
author | Justin Dickow <jjdickow@gmail.com> | 2014-05-09 11:36:41 -0400 |
---|---|---|
committer | Justin Dickow <jjdickow@gmail.com> | 2014-05-09 11:36:41 -0400 |
commit | 83407d8ea24e7a121ae73e87cd064f1032499b5e (patch) | |
tree | 962226578a1ba082b8f7f7ae4e926ec7da447ead /SDL_Core/src/components/HMI/css/general.css | |
parent | 016007fe1d43ca3e271b94f296d2aa4065b2778f (diff) | |
download | smartdevicelink-release_3.0.tar.gz |
deleted files weren't added to last commitrelease_3.0
Diffstat (limited to 'SDL_Core/src/components/HMI/css/general.css')
-rw-r--r-- | SDL_Core/src/components/HMI/css/general.css | 1516 |
1 files changed, 0 insertions, 1516 deletions
diff --git a/SDL_Core/src/components/HMI/css/general.css b/SDL_Core/src/components/HMI/css/general.css deleted file mode 100644 index 07efbaa9e..000000000 --- a/SDL_Core/src/components/HMI/css/general.css +++ /dev/null @@ -1,1516 +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; - left: 10px; - width: 278px; - height: 81px; - overflow: hidden; - text-overflow: ellipsis; -} - -#TTSPopUp.active { - opacity: 1; - display: block; -} - -/* 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); -} - -.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: - -1 -px solid #393939 - -; --webkit-border-radius: - -3 -px - -; - } - -#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; -} - -/* Disabled list items */ -.disabled { - color: #999; -} - -.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; -} - -.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; -} |