@openui5/themelib_sap_horizon 1.99.0 → 1.100.0

package/src/sap/ui/commons/themes/sap_horizon_hcb/Dialog.less

@@ -0,0 +1,91 @@
+/* ====================================== */
+/* CSS for control sap.ui.commons/Dialog  */
+/* Horizon High Contrast Black theme      */
+/* ====================================== */
+
+@_sap_ui_commons_Dialog_FooterHeight: 36px;
+
+/* header */
+
+.sapUiDlg {
+	font-size: @sapUiDesktopFontSize;
+}
+
+.sapUiDlgHdr {
+	background-color: @sapUiGroupContentBackground;
+	margin:0;
+	padding: 6px 10px 0 10px;
+	color: @sapUiTextTitle;
+	border-width: 1px 1px 0px 1px;
+	border-color: @sapUiContentForegroundBorderColor;
+	border-style: solid;
+}
+
+.sapUiDlgHdrBtns > a {
+	color: @sapUiTextTitle;
+	background-color: @sapUiGroupContentBackground;
+	text-align: center;
+	border-width: 1px;
+	border-color: @sapUiContentForegroundBorderColor;
+	border-style: solid;
+	margin: 4px 1px 0 0;
+}
+
+.sapUiDlgCloseBtn {
+  background-image: url(img/formattedTextView/close-hcb.png);
+  background-position: center center;
+  background-repeat: no-repeat;
+  outline: none;
+}
+
+.sapUiDlgCloseBtn:hover,
+.sapUiDlgCloseBtn:focus {
+  background-image: url(img/formattedTextView/close-hcb-hover.png);
+}
+
+/* content */
+
+.sapUiDlgCont {
+	background-color: @sapUiGroupContentBackground;
+	border-width: 1px 1px 0px 1px;
+	border-color: @sapUiContentForegroundBorderColor;
+	border-style: solid;
+	top: 27px;
+}
+
+.sapUiDlgNoButtons .sapUiDlgCont {
+	padding-bottom: 8px;
+	bottom: 20px;
+}
+
+/* footer */
+
+.sapUiDlgFooter {
+	background-color: @sapUiGroupContentBackground;
+	border-width: 1px 1px 1px 1px;
+	border-color: @sapUiContentForegroundBorderColor;
+	border-style: solid;
+}
+
+.sapUiDlgNoButtons .sapUiDlgFooter {
+	background-position: left -16px;
+	height: 20px;
+}
+
+.sapUiDlgBtns {
+	background-color: @sapUiGroupContentBackground;  /* to cover the other background image with the lower line */
+	padding: 9px 25px 3px 16px;
+}
+
+.sapUiDlgNoButtons .sapUiDlgBtns,
+.sapUiDlgNoButtons .sapUiDlgWave {
+	display: none;
+}
+
+.sapUiDlgGrip{
+	color: @sapUiBaseText;
+	text-align: center;
+	padding: 3px;
+	height: 8px;
+	width: 4px;
+}

package/src/sap/ui/commons/themes/sap_horizon_hcb/DropdownBox.less

@@ -0,0 +1,8 @@
+/* =========================================== */
+/* CSS for control sap.ui.commons/DropdownBox  */
+/* Horizon High Contrast Black theme           */
+/* =========================================== */
+
+.sapUiTfCombo {
+	font-size: @sapUiDesktopFontSize;
+}

package/src/sap/ui/commons/themes/sap_horizon_hcb/FormattedTextView.less

@@ -0,0 +1,12 @@
+/* ================================================= */
+/* CSS for control sap.ui.commons/FormattedTextView  */
+/* Horizon High Contrast Black theme                 */
+/* ================================================= */
+
+.sapUiFTV {
+	font-size: @sapUiDesktopFontSize;
+}
+
+.sapUiInverted-CTX .sapUiFTV {
+	color: @sapUiBaseText;
+}

package/src/sap/ui/commons/themes/sap_horizon_hcb/HorizontalDivider.less

@@ -0,0 +1,16 @@
+/* ================================================= */
+/* CSS for control sap.ui.commons/HorizontalDivider  */
+/* Horizon High Contrast Black theme                 */
+/* ================================================= */
+
+.sapUiCommonsHoriDiv{
+	font-size: @sapUiDesktopFontSize;
+}
+
+.sapUiCommonsHoriDivTypePage{
+	border-color: @sapUiContentForegroundBorderColor;
+}
+
+.sapUiCommonsHoriDivTypeArea{
+	border-color: @sapUiContentForegroundBorderColor;
+}

package/src/sap/ui/commons/themes/sap_horizon_hcb/Image.less

@@ -0,0 +1,8 @@
+/* ===================================== */
+/* CSS for control sap.ui.commons/Image  */
+/* Horizon High Contrast Black theme     */
+/* ===================================== */
+
+.sapUiImg {
+	font-size: @sapUiDesktopFontSize;
+}

package/src/sap/ui/commons/themes/sap_horizon_hcb/InPlaceEdit.less

@@ -0,0 +1,63 @@
+/* =========================================== */
+/* CSS for control sap.ui.commons/InPlaceEdit  */
+/* Horizon High Contrast Black theme           */
+/* =========================================== */
+
+.sapUiIpe{
+	height: 18px;
+	margin: 1px; /* otherwise focus outline is cut in MatrixLayout */
+	font-size: @sapUiDesktopFontSize;
+}
+
+.sapUiIpeFocus,
+.sapUiIpeFocus:hover{
+	outline:1px solid @sapUiContentFocusColor;
+	border-color: @sapUiContentFocusColor;
+}
+
+.sapUiIpeUndo{
+	background-color: @sapUiFieldBackground;
+	border-color: @sapUiFieldBorderColor;
+	border-style: dotted;
+	padding-right: 18px;
+}
+
+.sapUiIpeLink:hover > .sapUiIpeCont,
+.sapUiIpeFocus.sapUiIpeLink > .sapUiIpeCont{
+	padding-right: 18px;
+}
+
+/* warning state */
+.sapUiIpeWarn,
+.sapUiIpeUndo.sapUiIpeWarn{
+	color: @sapUiTextInverted;
+}
+
+/* Revert/Edit Button */
+.sapUiIpe > .sapUiBtnS.sapUiBtnLite,
+.sapUiIpeCont > .sapUiBtnS.sapUiBtnLite{
+	width: 18px;
+	border-radius: 0;
+	text-decoration: none;
+	padding-left: 4px;
+	padding-right: 6px;
+}
+
+html[data-sap-ui-browser^="cr"] .sapUiIpe > .sapUiBtnS.sapUiBtnLite > span,
+html[data-sap-ui-browser^="cr"] .sapUiIpeCont > .sapUiBtnS.sapUiBtnLite > span,
+html[data-sap-ui-browser^="ie"] .sapUiIpe > .sapUiBtnS.sapUiBtnLite > span,
+html[data-sap-ui-browser^="ie"] .sapUiIpeCont > .sapUiBtnS.sapUiBtnLite > span{
+	margin-top: -2px;
+}
+
+.sapUiIpeEdit > .sapUiBtnS.sapUiBtnLite{
+	border-color: @sapUiFieldBorderColor;
+}
+
+.sapUiIpeErr.sapUiIpeEdit > .sapUiBtnS.sapUiBtnLite{
+	background-color: @sapUiHighlight;
+}
+
+.sapUiIpeWarn.sapUiIpeEdit > .sapUiBtnS.sapUiBtnLite{
+	background-color: @sapUiFieldBackground;
+}

package/src/sap/ui/commons/themes/sap_horizon_hcb/Label.less

@@ -0,0 +1,20 @@
+/* ===================================== */
+/* CSS for control sap.ui.commons/Label  */
+/* Horizon High Contrast Black theme     */
+/* ===================================== */
+
+.sapUiLbl {
+	font-size: @sapUiDesktopFontSize;
+}
+
+.sapUiLblIco {
+	margin-top: 1px;
+}
+
+.sapUiLbLReqInd {
+	color: @sapUiBaseText;
+}
+
+.sapUiInverted-CTX .sapUiLbl {
+	color: @sapUiBaseText;
+}

package/src/sap/ui/commons/themes/sap_horizon_hcb/Link.less

@@ -0,0 +1,18 @@
+/* ==================================== */
+/* CSS for control sap.ui.commons/Link  */
+/* Horizon High Contrast Black theme    */
+/* ==================================== */
+
+.sapUiLnk,
+.sapUiLnkDsbl {
+	text-decoration: underline;
+	font-size: @sapUiDesktopFontSize;
+}
+.sapUiLnk:hover {
+	text-decoration: none;
+}
+
+html[data-sap-ui-browser^="ie"] .sapUiTableDataCell > .sapUiTableCellInner > .sapUiLnk:focus:before,
+html[data-sap-ui-browser^="ed"] .sapUiTableDataCell > .sapUiTableCellInner > .sapUiLnk:focus:before {
+	border-width: 2px;
+}

package/src/sap/ui/commons/themes/sap_horizon_hcb/ListBox.less

@@ -0,0 +1,62 @@
+/* ======================================= */
+/* CSS for control sap.ui.commons/ListBox  */
+/* Horizon High Contrast Black theme       */
+/* ======================================= */
+
+@_sap_ui_commons_ListBox_BorderRadius: 2px;
+
+.sapUiLbx {
+	border-collapse: separate; /* to prevent inheriting "collapse" */
+	font-size: @sapUiDesktopFontSize;
+}
+
+.sapUiLbxITxt {
+	font-size: @sapUiDesktopFontSize;
+}
+
+.sapUiLbxI:focus {
+	outline: none;
+}
+
+.sapUiLbxDis,
+.sapUiLbxIDis {
+	border-color: darken(@sapUiContentForegroundBorderColor, 40);
+}
+
+/* each item has a border which may be colored when selected */
+.sapUiLbxI > span {
+	border: 2px solid transparent;
+	border-right-width: 0;
+	border-left-width: 0;
+}
+
+.sapUiLbxI > span.sapUiLbxISec,
+.sapUiLbxI:focus > span.sapUiLbxISec,
+.sapUiLbxRo > ul > .sapUiLbxI.sapUiLbxISel:focus > span.sapUiLbxISec,
+.sapUiLbxDis > ul > .sapUiLbxI:focus > span.sapUiLbxISec,
+.sapUiLbxRo > ul > .sapUiLbxI:focus > span.sapUiLbxISec,
+.sapUiLbxIDis:focus > span.sapUiLbxISec {
+	border-left: 1px solid darken(@sapUiContentForegroundBorderColor, 40);
+}
+
+.sapUiLbxI > span,
+.sapUiLbxIIco {
+	padding: 0 5px;
+}
+
+/* color of border around the items depends on the selection and enabled state */
+.sapUiLbxI:focus > span,
+.sapUiLbxRo > ul > .sapUiLbxI.sapUiLbxISel:focus > span {
+	border-color: @sapUiContentForegroundBorderColor;
+}
+
+.sapUiLbxDis > ul > .sapUiLbxI:focus > span,
+.sapUiLbxRo > ul > .sapUiLbxI:focus > span,
+.sapUiLbxIDis:focus > span {
+	border-color: @sapUiContentForegroundBorderColor;
+}
+
+.sapUiLbxIIcoFont{
+	font-size: 14px;
+	line-height: 14px;
+}

package/src/sap/ui/commons/themes/sap_horizon_hcb/MenuBar.less

@@ -0,0 +1,77 @@
+/* ======================================= */
+/* CSS for control sap.ui.commons/MenuBar  */
+/* Horizon High Contrast Black theme       */
+/* ======================================= */
+
+.sapUiMnuBar {
+	background-color: @sapUiGroupContentBackground;
+	border-color: @sapUiContentForegroundBorderColor;
+	font-size: @sapUiDesktopFontSize;
+	font-weight: bold;
+}
+
+.sapUiMnuBarDsbl {
+	border-color: @sapUiContentForegroundBorderColor;
+}
+
+.sapUiMnuBarArea {
+	height: 20px;
+	padding-top: 0px;
+	padding-bottom: 0px;
+	padding-left: 5px;
+}
+
+.sapUiMnuBarItm {
+	border: 2px solid transparent;
+	padding: 1px 8px 1px 8px;
+	margin-right: 2px;
+	outline: medium none;
+}
+
+.sapUiMnuBarItmDsbl {
+	color: @sapUiContentDisabledTextColor;
+}
+
+.sapUiMnuBarItm > span {
+	background-image: url("img/menu/trg.png");
+	background-position: right bottom;
+	background-repeat: no-repeat;
+	padding-right: 13px;
+	padding-bottom: 2px;
+}
+
+html[dir=rtl][data-sap-ui-browser*="ie"] .sapUiMnuBarItm > span {
+	display: inline-block;
+}
+
+.sapUiMnuBarItm.sapUiMnuBarItmDsbl > span {
+	background-image: url("img/menu/trg-dis.png");
+}
+
+.sapUiMnuBarItm:focus {
+	background-color: @sapUiHighlight;
+}
+
+.sapUiMnuBarItm.sapUiMnuBarItmDsbl:focus {
+	background-color: lighten(@sapUiGroupContentBackground, 75.3);
+}
+
+.sapUiMnuBarOvrFlw:after{
+	content: "";
+}
+
+.sapUiMnuBarOvrFlw > span{
+	background-image: url("img/menu/bar-overflow.gif");
+	background-position: center center;
+	padding-left: 9px;
+}
+
+html[dir=rtl][data-sap-ui-browser*="ie"] .sapUiMnuBarItm.sapUiMnuBarOvrFlw > span {
+	display: inline;
+}
+
+.sapUiMnuBarItm.sapUiMnuBarOvrFlw {
+	padding: 0 0 2px 0;
+	top: 0px;
+	margin-right: 3px;
+}

package/src/sap/ui/commons/themes/sap_horizon_hcb/MenuButton.less

@@ -0,0 +1,39 @@
+/* ========================================== */
+/* CSS for control sap.ui.commons/MenuButton  */
+/* Horizon High Contrast Black theme          */
+/* ========================================== */
+
+.sapUiMenuButton{
+	font-size: @sapUiDesktopFontSize;
+}
+
+.sapUiBtn.sapUiMenuButton{
+	padding-right: 0px;
+	padding-bottom: 1px;
+}
+
+.sapUiBtn.sapUiMenuButton > .sapUiBtnIco {
+	margin-top: -2px;
+}
+
+.sapUiBtn.sapUiMenuButton > .sapUiBtnTxt {
+	padding-bottom: 1px;
+}
+
+.sapUiMenuButtonIco {
+	width: 12px;
+	height: 11px;
+	background-image: url("img/menubutton/Menu_Regular.png");
+}
+
+.sapUiBtnDsbl.sapUiMenuButton > .sapUiMenuButtonIco {
+	background-image: url("img/menubutton/Menu_Disabled.png");
+}
+
+html[data-sap-ui-browser^="ie"] .sapUiMenuButton.sapUiBtnIconOnly{
+	padding-top: 0px;
+}
+
+html[data-sap-ui-browser^="ie"] .sapUiMenuButton.sapUiBtnIconOnly > .sapUiBtnIco{
+	margin-top: -3px;
+}

package/src/sap/ui/commons/themes/sap_horizon_hcb/Message.less

@@ -0,0 +1,8 @@
+/* ======================================= */
+/* CSS for control sap.ui.commons/Message  */
+/* Horizon High Contrast Black theme       */
+/* ======================================= */
+
+.sapUiMsg {
+	font-size: @sapUiDesktopFontSize;
+}

package/src/sap/ui/commons/themes/sap_horizon_hcb/MessageBar.less

@@ -0,0 +1,57 @@
+/* ========================================== */
+/* CSS for control sap.ui.commons/MessageBar  */
+/* Horizon High Contrast Black theme          */
+/* ========================================== */
+
+.sapUiMsgBar {
+	background-color: @sapUiGroupContentBackground;
+	font-size: @sapUiDesktopFontSize;
+	padding: 2px;
+}
+
+/* Styling the left Open-Hide arrow: */
+.sapUiMsgBarToggle {
+	width: 14px;
+}
+
+.sapUiMsgBarToggle {
+	background-image: url("img/messagebar/collapsed.gif");
+}
+.sapUiRtl .sapUiMsgBarToggle {
+	background-image: url("img/messagebar/collapsedRTL.gif");
+}
+
+.sapUiMsgBarOpen .sapUiMsgBarToggle,
+.sapUiRtl .sapUiMsgBarOpen .sapUiMsgBarToggle {
+	background-image: url("img/messagebar/expanded.gif");
+}
+
+/* Styling the Icons-Counters container: */
+.sapUiMsgBarSums {
+	background-image: none;
+	background-color: @sapUiGroupContentBackground;
+	border: 1px solid transparent;
+	padding: 0px;
+}
+
+.sapUiMsgBarOpen .sapUiMsgBarSums,
+.sapUiMsgBarSums:hover {
+	background-color: @sapUiHighlight;
+}
+
+/* Styling the re-dock container: */
+.sapUiMsgBarHome {
+	background-color: @sapUiGroupContentBackground;
+	border: 0px solid transparent;
+	height: 21px;
+	margin: 0 0 0 3px;
+}
+
+.sapUiRtl .sapUiMsgBarHome {
+	margin: 0 3px 0 0;
+}
+
+.sapUiMsgBarHome:hover {
+	background-color: @sapUiHighlight;
+	border: 0px solid transparent;
+}

package/src/sap/ui/commons/themes/sap_horizon_hcb/MessageBox.less

@@ -0,0 +1,42 @@
+/* ========================================== */
+/* CSS for control sap.ui.commons/MessageBox  */
+/* Horizon High Contrast Black theme          */
+/* ========================================== */
+
+.sapUiMboxCont {
+	font-size: @sapUiDesktopFontSize;
+}
+
+.sapUiMboxText {
+	font-size: @sapUiDesktopFontSize;
+}
+
+.sapUiMboxIcon {
+	font-size: @sapUiDesktopFontSize;
+}
+
+.sapUiMboxInfo {
+	background-image: url(img/messagebox/32x32/information.png);
+	font-size: @sapUiDesktopFontSize;
+}
+
+.sapUiMboxQuestion {
+	background-image: url(img/messagebox/32x32/question.png);
+	font-size: @sapUiDesktopFontSize;
+}
+
+.sapUiMboxWarning {
+	background-image: url(img/messagebox/32x32/warning.png);
+	font-size: @sapUiDesktopFontSize;
+}
+
+.sapUiMboxCritical,
+.sapUiMboxError {
+	background-image: url(img/messagebox/32x32/error.png);
+	font-size: @sapUiDesktopFontSize;
+}
+
+.sapUiMboxSuccess {
+	background-image: url(img/messagebox/32x32/success.png);
+	font-size: @sapUiDesktopFontSize;
+}

package/src/sap/ui/commons/themes/sap_horizon_hcb/MessageList.less

@@ -0,0 +1,10 @@
+/* =========================================== */
+/* CSS for control sap.ui.commons/MessageList  */
+/* Horizon High Contrast Black theme           */
+/* =========================================== */
+
+/* Container: */
+.sapUiMsgList {
+	border: 1px solid @sapUiContentForegroundBorderColor;
+	font-size: @sapUiDesktopFontSize;
+}

package/src/sap/ui/commons/themes/sap_horizon_hcb/MessageToast.less

@@ -0,0 +1,14 @@
+/* ============================================ */
+/* CSS for control sap.ui.commons/MessageToast  */
+/* Horizon High Contrast Black theme            */
+/* ============================================ */
+
+.sapUiMsgToastMsg {
+	background-color: @sapUiGroupContentBackground;
+	font-size: @sapUiDesktopFontSize;
+	border-color: @sapUiContentForegroundBorderColor;
+}
+
+.sapUiMsgToastArrow {
+	background-image: url("img/messagebar/toastarrow.gif");
+}

package/src/sap/ui/commons/themes/sap_horizon_hcb/Pagniator.less

@@ -0,0 +1,20 @@
+/* ========================================= */
+/* CSS for control sap.ui.commons/Paginator  */
+/* Horizon High Contrast Black theme         */
+/* ========================================= */
+
+.sapUiPag {
+	font-size: @sapUiDesktopFontSize;
+}
+
+.sapUiPagPage {
+	font-size: @sapUiDesktopFontSize;
+}
+
+.sapUiPagBack {
+	background-image: url(img/paginator/arrow_previous.gif);
+}
+
+.sapUiPagForward {
+	background-image: url(img/paginator/arrow_next.gif);
+}

package/src/sap/ui/commons/themes/sap_horizon_hcb/Panel.less

@@ -0,0 +1,40 @@
+/* ===================================== */
+/* CSS for control sap.ui.commons/Panel  */
+/* Horizon High Contrast Black theme     */
+/* ===================================== */
+
+@_sap_ui_commons_Panel_BorderRadius: 3px;
+
+.sapUiPanel {
+	font-size: @sapUiDesktopFontSize;
+}
+
+.sapUiPanelHdr {
+	min-height: 22px;
+	padding: 0 8px 0 4px;
+}
+
+.sapUiPanelTitle {
+	margin-left: 2px;
+}
+
+.sapUiPanelHeightSet > .sapUiPanelCont {
+	top: 22px;
+}
+
+.sapUiPanelHdr > a:focus {
+	outline-color: @sapUiBaseText;
+}
+
+.sapUiPanelTitle.sapUiTvH4,
+.sapUiPanelTitle.sapUiTvH5{
+	font-size: 11px; /* to be compatible */
+}
+
+.sapUiPanelCollArrow {
+	/* the 'collapse' icon on the left-hand side of the panel header */
+	background-image: url(img/panel/expanded.gif);
+}
+.sapUiPanelColl .sapUiPanelCollArrow {
+	background-image: url(img/panel/collapsed.gif);
+}