qB gK#gK#RYjQJ2EE/-1023470623ard.u,1   p݀ `  ,K B  X /com.sap.portal.resourcerepository/repo/application_branding/~com.sap.portal.navigation.mobile.apps.tutorial/1/default/less/mfptutorial_common.less&&&GZ=1&000&A6E90000&gJ&*&HTTP/1.1 200 OK Content-Type: content/unknown server: SAP NetWeaver Application Server 7.22 / AS Java 7.31 last-modified: Sat, 12 Oct 2013 20:39:06 GMT cache-control: max-age=604800 Content-Length: 3766 @import "palette.less"; @import "mixin.less"; .tutorialArea { position: absolute; z-index: 10000; top: 20%; height: 60%; background: @secondary-color8; border-color: @secondary-color2; border-style: solid; border-width: 2px; } .text_style { text-align: center; font-family: Arial,Halvetica,sans-serif; color: @link-font-color; vertical-align: middle; position: absolute; } .title_style{ text-align: center; font-family: Arial,Halvetica,sans-serif; vertical-align: middle; position: absolute; margin-left: 17%; margin-right: 17%; color: @font-color6; left:0; right:0; } .header_text{ text-align: center; position: absolute; font-family: Arial,Halvetica,sans-serif; color: @font-color6; margin-left: 6%; margin-right: 6%; left:0; right:0; } .help_text{ text-align: center; position: absolute; font-family: Arial,Halvetica,sans-serif; font-style: italic; color: @font-color6; } #overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50); } #tutorialOverlayDiv { width: 100%; height: 120%; /* due to iphone: orientation change + url bar hide = rendering issue */ display: block; position: fixed; top: 0px; left: 0px; z-index: 1000; background: #000; opacity: 0.5; filter: alpha(opacity=50); -webkit-tap-highlight-color: transparent; } #tutorial_icon{ float:left; left:50%; } #close_toturial_icon{ position:relative; float:right; } #main_area{ height:45%; } #help_area{ height:20%; } #help_icon{ position:relative; top: -25px; float:left; left:50%; } #paging_area{ height: 10%; line-height: 100%; } #paging_div{ display: inline; } #disable_tutorial_div { font-family: Arial,Halvetica,sans-serif; text-align: center; position:absolute; display:none; } #left_arrows_div{ float:left; padding-left:2%; height:100%; } #right_arrows_div{ float:right; padding-right:2%; height:100%; } .icon_class{ left:0px; display: block; } .big_arrow { display:block; position:absolute; } .small_x { left:0px; display:block; } .left_black_arrow{ z-index: 11000; position:absolute; left:2%; display:block; top:0; bottom:0; margin:auto; } .right_black_arrow{ z-index: 11000; position:absolute; right:2%; display:block; top:0; bottom:0; margin:auto; } .left_gray_arrow{ z-index: 11000; position:absolute; left:2%; display:block; top:0; bottom:0; margin:auto; } .right_gray_arrow{ z-index: 11000; position:absolute; right:2%; display:block; top:0; bottom:0; margin:auto; } .check_mark{ left:0px; display:block; } .actionBar{ left:0px; display:block; } .launcher{ left:0px; display:block; } .page_navi{ left:0px; display:block; } .toolbox{ left:0px; display:block; } .home{ left:0px; display:block; } .search_bar{ left:0px; display:block; } #tutorialPaging { -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; display: -webkit-box; display: -moz-box; display: box; padding-top: 10px; } .tutorialPagingElementGray{ background-color: @secondary-color2; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .tutorialPagingElementBlack{ background-color: @main-color3; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #ArrowLines{ position:absolute; z-index: 9000; width:25%; height:15%; } #Arrow{ position:absolute; z-index: 10500; width:25%; height:15%; }