qK>ggRY'QJ2EE/-1023470623sthead,1݀`,/com.sap.portal.resourcerepository/repo/application_branding/~com.sap.portal.navigation.mfp.resources/2/default/less/widgets.less&&&GZ=1&000&A6E90000&Ig&*&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:37:59 GMT cache-control: max-age=604800 Content-Length: 18919 /******************************************************************************* Widgets Section *******************************************************************************/ @import "palette.less"; @import "mixin.less"; #widgetsOverlayContent { width: 100%; height: 100%; display: none; position: fixed; top: 0px; left: 0px; z-index: 50; background: transparent; -webkit-tap-highlight-color: transparent; } #widgetsOverlayHeader{ width: 100%; height: 44px; display: none; position: fixed; top: 0px; left: 0px; z-index: 800; background: transparent; -webkit-tap-highlight-color: transparent; } .headerHidden{ display: none !important; } #widgetsOverlayFooter{ width: 100%; height: 37px; display: none; position: fixed; bottom: 0px; left: 0px; z-index: 110; background: transparent; -webkit-tap-highlight-color: transparent; } #widgetsOverlayFullScreen { width: 100%; height: 100%; display: none; position: fixed; top: 0px; left: 0px; z-index: 900; background: transparent; -webkit-tap-highlight-color: transparent; } /******************************************************************************* Toolbox Section *******************************************************************************/ #toolboxBar{ left: -143px; position: fixed; width: auto; height: 100%; z-index:51; -webkit-box-shadow: 4px 8px 5px @accent-color1; border-right: @accent-color0 1px solid; top:0px; display: none; } #toolboxbar *:not(input){ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } #basicToolbox { .linear-gradient(right, @secondary-color5, @secondary-color6); height:100%; width:132px; position: relative; overflow-x: hidden; padding-top: 5px; padding-right: 5px; padding-bottom: 60px; vertical-align: top; display: inline-block; } .toolboxSpace{ height:60px; } .toolboxBackgroundLandscape{ height: 65%; padding-bottom: 70px; } .lastApp{ margin-bottom:26px; } #toolboxTabArea{ position: absolute; top: 50%; margin-top: -46px; width: 28px; height: 92px; right: -28px; -webkit-tap-highlight-color: transparent; } #toolboxHandle{ position: relative; height: 67px; width: 14px; top: 13px; border: 1px solid @accent-color0; border-top-right-radius: 8px; border-bottom-right-radius: 8px; box-shadow: 2px 0px 2px fade(@additional-dark0, 50%); background: @accent-color; /* Old browsers */ .linear-gradient(left, @accent-color0, @accent-color2); } .itemTitle{ position: absolute; display: inline-block; font-family: @fontType; color: @font-color3; font-size: 13px; padding-left: 10px; line-height: 60px; width: 85px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .itemTitleExtended{ width: 220px !important; } .toolboxButton{ border: @secondary-color 1px solid; border-bottom: @secondary-color4 1px solid; height: 60px; width: 100%; .linear-gradient(right, @secondary-color7, @secondary-color6); -webkit-tap-highlight-color: transparent; } .toolboxButton:active, #basicToolbox .pressed{ background:@secondary-color; border-bottom:@secondary-color 1px solid; } .listIconCustom { height: 34px !important; width: 34px !important; } .listIcon { display: inline-block; left: 5px; top: 12px; height: 34px; width: 34px ; position: relative; -webkit-border-radius: 4px; background-size: cover !important; } .listIconMissingIcon, .listIconMissingExtended{ background: url('../images/toolBoxBar/toolbox_icons.png') -184px 0px no-repeat !important; } .listIconPage{ background: url('../images/toolBoxBar/toolbox_icons.png') -291px 0px no-repeat ; } .listIconFolderExtended, .listIconNoteExtended{ background: transparent url('../images/toolBoxBar/toolbox_icons.png') no-repeat 100% !important; } .tbNoContentMsg { margin-top: 10px; } /******************************************************************************* Suggestions Section *******************************************************************************/ #swipeDown,#swipeDown:active { height: 6px; width: 50px; display: none; position: fixed; left: 50%; top: 5px; z-index: 801; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; } #arrowListener,#arrowListener:active { position: absolute; left: -25px; width: 50px; height: 100%; -webkit-tap-highlight-color: transparent; } #arrowIcon,#arrowIcon:active { position: absolute; bottom: -5px; left: -8px; -webkit-tap-highlight-color: transparent; } .suggestionsHandleFill { .suggestionsHandle(@start-location, @set1-begin, @set1-end); } .suggestionsHandleBorder { fill: none; stroke: @header-border; text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 1px /*{c-bar-shadow-radius}*/ @additional-light0 /*{c-bar-shadow-color}*/; } .suggestionsHandleIcon { fill: @secondary-color5; } .suggestionsHandleTop { fill: none; .suggestionsHandleStroke(@start-location, @set1-begin, @set1-end); } .suggestionPanelTransition,.suggestionPanelVisible { height: 45px; width: 100%; display: block; position: relative; left: 0px; top: 0px; padding: 7px 0px 1px 0px; width: 99.95%; border: 1px solid transparent; border-bottom-color: @main-color2; .linear-gradient(@start-location, @set2-begin, @set2-end); -webkit-tap-highlight-color: transparent; z-index: 700; } .suggestionPanelVisible { position: fixed; -webkit-box-shadow: @additional-dark3 0px 8px 5px -5px; box-shadow: @additional-dark3 0px 8px 5px -5px; } #providers,#providers:active { position: absolute; right: 10px; top: 8px; width: 35px; height: 35px; display: inline-block; border-radius: 5px; background: url('../images/suggestions/searchSprite.png') -77px 2px no-repeat transparent; -webkit-tap-highlight-color: transparent; z-index: 701; } #suggestionWidget { position: absolute; display: none; left: 1px; top: -100px; width: 99.62%; height: 45px; z-index: 700; } #suggestionSearchFieldLayer{ position: absolute; width: 99.7%; left: 0px; padding: 0px 75px 0px 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #suggestionSearchField { display: none; position: relative; left: 0px; top: 0px; height: 37px; line-height: 22px; text-indent: 4px; border-radius: 5px; border: @main-color2 1px solid; font-size: 20px; font-family: @fontType; color: @secondary-color; padding: 0px; padding-left: 5px; padding-right: 55px; .linear-gradient(@start-location, @set5-end, @set5-begin); -webkit-tap-highlight-color: transparent; z-index: 701; overflow: hidden; width: 100%; box-sizing: border-box; } .suggestionSearchFieldDefault { padding-right: 40px; } .suggestionSearchFieldAndroid { padding-right: 50px; } #clearButton { width: 20px; height: 20px; top: 14px; display: inline-block; right: 100px; position: absolute; background: @main-color2 url('../images/suggestions/icons-18-white.png') -71px 1px no-repeat; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; border: @main-color 1px solid; z-index: 800; -moz-box-shadow: 1px 1px 0 fade(@additional-dark1, 80%); -webkit-box-shadow: 1px 1px 0 fade(@additional-dark1, 80%); box-shadow: 1px 1px 0 fade(@additional-dark1, 80%); } #clearButton:active { -moz-box-shadow: 0px -1px 1px fade(@additional-light2, 80%); -webkit-box-shadow: 0px -1px 1px fade(@additional-light2, 80%); box-shadow: 0px -1px 1px fade(@additional-light2, 80%); background-color: @accent-color; } #go { display: inline-block; position: absolute; top: 7px; right: 50px; width: 35px; height: 35px; border: @main-color2 1px solid; border-top-right-radius: 5px; border-bottom-right-radius: 5px; z-index: 705; } .goIconEnabled { background: url('../images/suggestions/searchSprite.png') -42px 3px no-repeat @main-color0; background: url('../images/suggestions/searchSprite.png') -42px 3px no-repeat -moz-linear-gradient(@start-location, @main-color0 0%, @main-color1 100%); background: url('../images/suggestions/searchSprite.png') -42px 3px no-repeat -webkit-gradient(linear, left top, left bottom, color-stop(0%, @main-color0), color-stop(100%, @main-color1) ); background: url('../images/suggestions/searchSprite.png') -42px 3px no-repeat -webkit-linear-gradient(@start-location, @main-color 0%, @main-color1 100%); background: url('../images/suggestions/searchSprite.png') -42px 3px no-repeat -o-linear-gradient(@start-location, @main-color 0%, @main-color1 100%); background: url('../images/suggestions/searchSprite.png') -42px 3px no-repeat -ms-linear-gradient(@start-location, @main-color 0%, @main-color1 100%); background: url('../images/suggestions/searchSprite.png') -42px 3px no-repeat linear-gradient(@start-location, @main-color 0%, @main-color1 100%); } .goIconDisabled { background: url('../images/suggestions/searchSprite.png') 5px 3px no-repeat @main-color0; background: url('../images/suggestions/searchSprite.png') 5px 3px no-repeat -moz-linear-gradient(@start-location, @main-color0 0%, @main-color1 100%); background: url('../images/suggestions/searchSprite.png') 5px 3px no-repeat -webkit-gradient(linear, left top, left bottom, color-stop(0%, @main-color0), color-stop(100%, @main-color1) ); background: url('../images/suggestions/searchSprite.png') 5px 3px no-repeat -webkit-linear-gradient(@start-location, @main-color 0%, @main-color1 100%); background: url('../images/suggestions/searchSprite.png') 5px 3px no-repeat -o-linear-gradient(@start-location, @main-color 0%, @main-color1 100%); background: url('../images/suggestions/searchSprite.png') 5px 3px no-repeat -ms-linear-gradient(@start-location, @main-color 0%, @main-color1 100%); background: url('../images/suggestions/searchSprite.png') 5px 3px no-repeat linear-gradient(@start-location, @main-color 0%, @main-color1 100%); } .goIconEnabled:active { background: url('../images/suggestions/searchSprite.png') -42px 3px no-repeat @main-color1; background: url('../images/suggestions/searchSprite.png') -42px 3px no-repeat -moz-linear-gradient(@start-location, @main-color1 0%, @main-color 100%); background: url('../images/suggestions/searchSprite.png') -42px 3px no-repeat -webkit-gradient(linear, left top, left bottom, color-stop(0%, @main-color1), color-stop(100%, @main-color) ); background: url('../images/suggestions/searchSprite.png') -42px 3px no-repeat -webkit-linear-gradient(@start-location, @main-color1 0%, @main-color 100%); background: url('../images/suggestions/searchSprite.png') -42px 3px no-repeat -o-linear-gradient(@start-location, @main-color1 0%, @main-color 100%); background: url('../images/suggestions/searchSprite.png') -42px 3px no-repeat -ms-linear-gradient(@start-location, @main-color1 0%, @main-color 100%); background: url('../images/suggestions/searchSprite.png') -42px 3px no-repeat linear-gradient(@start-location, @main-color1 0%, @main-color 100%); } #suggestionsResult * { -webkit-tap-highlight-color: transparent; z-index: 715; } #suggestionsResult { position: relative; top: 54px; left: 0px; display: inline-block; width: 100%; opacity: 0.92; background: @main-color; -webkit-padding-start: 0px !important; margin: 0px !important; } #suggestionsResult li { position: relative; height: 38px; line-height: 38px; padding: 1px 8px 1px 8px; border-bottom: @additional-light2 1px solid; font-family: @fontType; font-size: 14px; } #suggestionsResult li[class="resultCategory"] { position: relative; background: @main-color3; height: 24px; line-height: 24px; padding: 1px 8px 1px 8px; border-top: @additional-light2 1px solid; font-family: @fontType; font-size: 14px; color: @font-color5 !important; } #suggestionsResult a { display: inline-block; width: 88%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #suggestionsResult b { background: @accent-color; } #searchResults { width: 99.3%; height: 100%; position: absolute; top: 1000px; /*57px;*/ left: 0px; display: none; z-index:699; border:none; } .disabledText { color: @font-color1 !important; font-size: 18px !important; } .noContentMsg{ text-align:center; font-weight:bold; font-size: 15px !important; font-family: @fontType !important; } /* * Suggestion Providers Drop Down Style */ .topTriangle { background-color: transparent; font-size: 0px; line-height: 0%; width: 0px; border-bottom: 20px solid @secondary-color4; } .topTriangleRight{ border-right: 20px solid transparent; } .topTriangleLeft { border-left: 20px solid transparent; position: absolute; right: 0px; } .triangleContainer{ position: relative; height: 20px; } .topSpace { height: 10px; background: @secondary-color4; } .dropDownContent { background-color: @secondary-color4; border: 1px solid @secondary-color4; -webkit-box-shadow: 0px 4px 8px -3px @additional-dark0; font: 14px @fontType; color: @main-color; min-width: 135px; max-width: 250px; overflow: hidden; whiter-space: nowrap; } .dropDown { position: fixed; display: none; z-index: 902; } .overlay { position: fixed; display: none; z-index: 900; top: 0px; left: 0px; width: 100%; height: 100%; } .entry { border-top: 1px solid @secondary-color1; border-bottom: 1px solid @secondary-color3; height: 15px; padding: 10px; max-width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .entry:last-child{ border-bottom: none !important; } .selectedEntry { background-color: @accent-color0; font-weight: bold; } .unSelectedEntry { background-color: @secondary-color4; font-weight: normal; } /******************************************************************************* Popup Section *******************************************************************************/ .popup { width: 240px; height: 135px; position: fixed; display: none; left: 50%; top: 50%; margin-left: -120px; margin-top: -67px; z-index: 1001; border:1px solid @secondary-color5; border-radius: 2px; -webkit-box-shadow: 3px 3px 10px 0 @additional-dark0; } #popupOverlayFullScreen { width: 100%; height: 120%; /* due to iphone: orientation change + url bar hide = rendering issue */ display: none; position: fixed; top: 0px; left: 0px; z-index: 1000; background-color: @main-color0; opacity: 0.8; -webkit-tap-highlight-color: transparent; } .popupComponent { width: 100%; display: inline-block; position: relative; } .popupBackgroundGradient{ .linear-gradient(@start-location, @set4-begin, @set4-end); } .popupTitle { height: 30px; border-bottom:1px solid @secondary-color2; } #popupTitleTxt { width: 90%; font: 15px @fontType; /* font must be before the line-height */ color: @font-color3; line-height: 30px; /* font must be before the line-height */ height: 100%; text-indent: 10px; display: inline-block; overflow: hidden; text-overflow: ellipsis; } #popupXBtn { width: 10%; height: 100%; float: right; font-family: Comic Sans MS; display: inline-block; background: url('../images/popup/close_window_button.png') no-repeat center center; -webkit-tap-highlight-color: transparent; } .popupContent { height: 61px; background: @secondary-color5 url('../images/title_pattern.png') repeat top left; } #popupContentTxt { font: 13px @fontType; /* font must be before the line-height */ color: @font-color3; line-height: 60px; /* font must be before the line-height */ height: 100%; width: 220px; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; } .popupBottom { height: 42px; border-top:1px solid @secondary-color2 } .popupBtn { float: right; margin: 8px 10px 0px 0px; height: 24px; min-width: 50px; max-width: 100px; text-align: center; font: 13px @fontType; color: @main-color; border: 1px solid @main-color2; line-height: 24px; border-radius: 2px; padding: 0px 2px; overflow: hidden; text-overflow: ellipsis; -webkit-tap-highlight-color: transparent; .linear-gradient(@start-location, @set3-end, @set3-begin); } .popupBtn:active { .linear-gradient(@start-location, @set3-begin, @set3-end); } /******************************************************************************* ActionBar Section *******************************************************************************/ #actionBar { position: fixed; display: none; z-index: 601; text-align: center; white-space: nowrap; -webkit-tap-highlight-color: transparent; /*-webkit-overflow-scrolling: touch;*/ -webkit-user-select: none; } .actionBarEntry { position: relative; white-space: normal; color: @font-color6; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; } .actionBarEntry img{ height : 30px; width : 30px; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; } .msgActionBarEmpty{ color: @main-color; height: 55px; line-height: 55px; font-family: @fontType; text-align: center; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; } .actionBarText{ position: relative; height: 11px; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap; margin: 0px 2%; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; } .actionBarItemIcon { display: inline-block; position: relative; height: 30px; width: 30px; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; } .actionBarSystemIcon, .actionBarMissingIcon { background: url('../images/actionBar/actionBar_icons.png') no-repeat 0 0; } .actionBarDynamicIcon{ background-size: 100%; } .actionBarMissingIcon { background-position: -272px 0; } .actionBarLogoff { background-position: -211px 0px; } .actionBarRefresh { background-position: -242px 0px; } .actionBarAddFav { background-position: -180px 0px; } .actionBarAddFavDisable { background-position: -180px -30px; } .actionBarAddFavText { color: @font-color6; } .actionBarAddFavTextDisable { color: @font-color1; }