q 3zg2g2RYAQJ2EE/-1023470623sthead,1РОН`,/com.sap.portal.resourcerepository/repo/application_branding/~com.sap.portal.navigation.mfp.resources/2/default/less/tabletui.less&&&GZ=1&000&A6E90000&2#gz&*&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:38:25 GMT cache-control: max-age=604800 Content-Length: 12835 /******************************************************************************* Toolbox extended panel *******************************************************************************/ @import "palette.less"; @import "mixin.less"; /* TABLET - Toolbox - extended */ .toolboxExtended{ left: -274px !important; } .leftPanelExtended{ width: 265px !important; } #arrowLeft { width: 0; height: 0; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-right: 9px solid @accent-color0; top: 39%; right: 0px; z-index: 100; position: absolute; -webkit-tap-highlight-color: transparent; } #searchPanelExtended{ height: 76px; top: 67px; left: 0px; display: block; position: absolute; width: 270px; z-index: 100; } #searchFieldExtended{ position: absolute; width: 187px; top: 21px; left: 15px; color: @main-color !important; height: 32px; box-sizing: border-box; background: @secondary-color1; border: 2px solid @secondary-color2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-family: @fontType ; font-style: italic; font-size: 13px; text-indent: 5px; padding-right: 34px; background: @secondary-color4; /* Old browsers */ .linear-gradient(@start-location, @set3-begin, @set3-end); } .searchFieldInFocus{ color: @main-color !important; border-color: @secondary-color2 !important; font-style: normal !important; } #goExtended{ height: 28px; width: 30px; position: absolute; top: 21px; left: 196px; display: inline-block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: @secondary-color; border: 2px solid @secondary-color1; background: @secondary-color4; /* Old browsers */ .linear-gradient(@start-location, @set3-end, @set3-begin); } #goExtended.goExtendedEnabled:active{ background: @secondary-color4; /* Old browsers */ .linear-gradient(@start-location, @set3-begin, @set3-end); } .goExtendedInFocus{ border-color: @secondary-color2 !important; } #clearButtonExtended { display: inline-block; width: 19px; height: 19px; position: absolute; left: 170px; top: 26px; background: @secondary-color4 url('../images/suggestions/icons-18-white.png') -71px 1px no-repeat; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; border: @secondary-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%); } #clearButtonExtended: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; } #goExtendedIcon{ display: inline-block; width: 20px; height: 20px; position: absolute; left: 5px; top: 5px; -webkit-tap-highlight-color: transparent; } .goExtendedIconEnabled { background: url('../images/toolBoxExtended/toolbox_search.png') -8px 0px no-repeat transparent; } .goExtendedIconDisabled { background: url('../images/toolBoxExtended/toolbox_search.png') -35px 0px no-repeat transparent; } #searchPanelExtendedProviders{ background: url('../images/toolBoxExtended/toolbox_search.png') -54px 10px no-repeat transparent; left: 230px; top: 18px; width: 30px; height: 35px; display: inline-block; border-radius: 5px; position: relative; -webkit-tap-highlight-color: transparent; } .listIconFolderExtended, .listIconNoteExtended{ top: 16px; background-position-y: 0px; } .listIconFolderExtended{ background-position-x: -300px; } .listIconNoteExtended{ background-position-x: -257px !important; } .listIconMissingExtended{ top: 16px; } #toolboxExtendedPanel *{ -webkit-tap-highlight-color: transparent; } #toolboxExtendedPanel { width: 0px; height: 100%; display: inline-block; // background: @secondary-color; .linear-gradient(right, @secondary-color7, @secondary-color6); position: relative; padding-top: 49px; border-left: @accent-color 1px solid; overflow-x: hidden; overflow-y: auto; display: none; } #noContentMsg{ border: none !important; font-size: 15px !important; background: @secondary-color; -webkit-tap-highlight-color: transparent; } #extendedPanelHeader { height: 76px; display: none; position: fixed; width: 300px; top: 0px; z-index: 10; -webkit-tap-highlight-color: transparent; } #extendedPanelHeader>.listHeader { white-space: nowrap; text-overflow: ellipsis; max-width: 300px; display: inline-block; overflow: hidden; position: absolute !important; text-align: left; top: 27px; left: 0px; text-indent: 0px; color: @main-color; font-family: @fontType ,Helvetica; font-size: 17px; line-height: 25px; } #toolboxExtendedList { // background-color: @secondary-color; .linear-gradient(right, @secondary-color7, @secondary-color6); margin: 0px; margin-left: -38px; margin-top: 0px; } .extendedListWithHeader{ margin-top: 72px !important; } #toolboxExtendedList li { width: 100%; color: @main-color; overflow: hidden; line-height: 60px; font-family: @fontType ; font-size: 13px; list-style-type: none; padding: 0px; border-top: @secondary-color 1px solid; color: @main-color !important; } .toolboxExtendedItem { /*items and folders*/ height: 70px; .linear-gradient(right, @secondary-color7, @secondary-color6); border-bottom: @secondary-color4 1px solid; -webkit-tap-highlight-color: transparent; } .toolboxExtendedCategory { height: 35px; background: @secondary-color1; border-bottom: @secondary-color5 1px solid; -webkit-tap-highlight-color: transparent; } /* only items can get pressed - not categories*/ #toolboxExtendedList li.toolboxExtendedItem:active, #toolboxExtendedList li.toolboxExtendedItem.pressed { background: @secondary-color; border-bottom: @secondary-color 1px solid; } #plug, #plug:active { background: transparent !important; height: 98px !important; border-bottom: transparent 1px solid !important; } /* #### overwrites mobile styles ### */ .toolboxbutton { height: 70px !important; position: relative; width: 101.5% !important; } .toolboxbutton>.itemtitle { line-height: 69px; } li>.itemTitleExtended { width: 250px; line-height: 70px; } li>.categoryTitleExtended { width: 275px; line-height: 36px; } .toolboxbutton>.listicon, #toolboxExtendedList>.listicon { display: inline-block; left: 5px; top: 16px; } .itemtitle { font-size: 15px !important; } .lastApp{ margin-bottom:37px !important; } /* BACK BUTTON overwrite */ .backbuttonToolboxExtended { border: solid 1px @secondary-color !important; padding: 0px 3px 0px 1px !important; position: relative !important; top: 23px !important; } #extendedPanelHeader > .backButton, #extendedPanelHeader > .backButton:active{ height: 30px !important; line-height: 26px !important; } #extendedPanelHeader > .backButton { .linear-gradient(@start-location, @set4-begin, @set4-end); // .toolBoxExtendedBackgroundImageGradient ( @secondary-color1, 0%, @secondary-color5, 100% , top ); color: @main-color !important; } #extendedPanelHeader > .backButton:active { // .linear-gradient(left, @secondary-color4, @secondary-color1); .linear-gradient(@start-location, @set4-end, @set4-begin); // .toolBoxExtendedBackgroundImageGradient ( @secondary-color4, 0%, @secondary-color1, 100% , left ); -webkit-tap-highlight-color: transparent !important; } .backbuttonToolboxExtended>span.backButtonArrowToolboxExtended, .backbuttonToolboxExtended:active > span.backButtonArrowToolboxExtended{ border-left: solid 1px @secondary-color !important; border-bottom: solid 1px @secondary-color !important; z-index: 0; height: 22px !important; width: 22.2px !important; left: -11px !important; top: 2.9px !important; } .backbuttonToolboxExtended > span.backButtonArrowToolboxExtended{ //.toolBoxExtendedBackgroundImageGradient ( @secondary-color1, 0%, @secondary-color5, 100%, -45deg, right); .linear-gradient(-45deg, @set4-end, @set4-begin, @start-location); } .backbuttonToolboxExtended:active > span.backButtonArrowToolboxExtended{ // .toolBoxExtendedBackgroundImageGradient ( @secondary-color4, 0%, @secondary-color1, 100%, -45deg, right); .linear-gradient(-45deg, @set4-begin, @set4-end, @start-location); } /******************************************************************************* Extended Header Actions *******************************************************************************/ .dynamicActionButton { display: inline-block; opacity: 0; position: relative; width: 36px; height: 36px; border: 1px solid transparent; } .dynamicActionButton:active { border: 1px solid @main-color2; } .firstDynamicActionButton { right: 3px; } .secondDynamicActionButton { right: 3px; } .tabletContentSingleActionAdded { padding: 0 80px !important; } .tabletContentDoubleActionAdded { padding: 0 120px !important; } /******************************************************************************* Tablet ActionBar Section *******************************************************************************/ #actionBar { height: auto; width: 224px; right: 35px; top: 69px; background: @secondary-color4; max-height: 485px; /* 10 entries max - single height + borders = 46 + 2 = 48 --> 480 (-2px top border of first and bottom borderof last) */ border: @secondary-color6 1px solid ; border-radius: 3px; border-top-right-radius: 0; /* the pointer corner should not be rounded */ -webkit-box-shadow: 0px 5px 10px 0 @additional-dark0; } #actionBar>:first-child { border-top: none; /* each item except the first will have an upper border - see ".actionBarEntry" border-top */ } #actionBar>:last-child { border-bottom: none; /* each item except the first will have an upper border - see ".actionBarEntry" border-top */ } .nonScrollableActionBar { overflow: hidden; } .scrollableActionBar { overflow-y: scroll; overflow-x: hidden; } .actionBarEntry { display: block; width: 224px; height: 46px; background: @secondary-color6; border-bottom: 1px solid @secondary-color5; border-top: 1px solid @secondary-color7; /* each item except the first will have an upper border - see "#actionBar>:first-child" border-top */ font: 18px @fontType ; text-align: left; } .actionBarEntry[disabled='disabled'] { background: @secondary-color5 !important; } .actionBarEntry[disabled='disabled']:active { background: @secondary-color5 !important; } .actionBarEntry:active { background: @accent-color0; } .actionBarText { display: inline-block; height:22px; left: 20px; top: 0; max-width: 150px; text-overflow: ellipsis; } .actionBarItemIcon { top: 10px; left: 14px; } #actionBarTabletPointer { position: fixed; display: none; z-index: 1000; top: 34px; right: 35px; width: 0; height: 0; background-color: transparent; border-bottom: 36px solid @secondary-color5; border-left: 36px solid transparent; font-size: 0; line-height: 0; } #actionBarBlankEntry{ display: block; width: 224px; height: 5px; background: @secondary-color5; border-bottom: 1px solid @secondary-color6; border-top: 1px solid @secondary-color7; /* each item except the first will have an upper border - see "#actionBar>:first-child" border-top */ } /******************************************************************************* Tablet Launcher Section *******************************************************************************/ .ico_image { height: 72px; width: 72px; } .ico_missing_deafult_app { background: url('../images/tablet/app_icons_sprite.png') no-repeat -144px; } .ico_deafult_app { background: url('../images/tablet/app_icons_sprite.png') no-repeat -72px; } .ico_deafult_container { background: url('../images/tablet/app_icons_sprite.png') no-repeat 0px; } .ico_txt { height: 36px; line-height: 36px; margin: 14px 0 0; max-width: 154px; min-width: 88px; font-size: 18px; border-radius: 6px; } .icon { margin: 26px 12px 38px 12px; width: 154px; padding: 8px 6px 8px 6px; &:active { border-radius: 6px; margin: 25px 11px 37px 11px; } }