diff --git a/org.adempiere.ui.zk/theme/default/css/fragment/about.css.dsp b/org.adempiere.ui.zk/theme/default/css/fragment/about.css.dsp new file mode 100644 index 0000000000..464bbf7a61 --- /dev/null +++ b/org.adempiere.ui.zk/theme/default/css/fragment/about.css.dsp @@ -0,0 +1,28 @@ +.about-trace-panel { +} +.about-info-panel { +} +.about-credit-panel { +} +.about-credit-panel-logo { +} +.about-credit-panel-sponsors { +} +.about-credit-panel-sponsors-header { +} +.about-credit-panel-sponsors-links { +} +.about-credit-panel-contributors { +} +.about-credit-panel-contributors-header { +} +.about-credit-panel-contributors-links { +} +.about-main-panel { +} +.about-main-panel-logo { +} +.about-main-panel-version { +} +.about-main-panel-links { +} diff --git a/org.adempiere.ui.zk/theme/default/css/fragment/adwindow.css.dsp b/org.adempiere.ui.zk/theme/default/css/fragment/adwindow.css.dsp new file mode 100644 index 0000000000..380639c3c7 --- /dev/null +++ b/org.adempiere.ui.zk/theme/default/css/fragment/adwindow.css.dsp @@ -0,0 +1,229 @@ +<%@ taglib uri="http://www.zkoss.org/dsp/web/core" prefix="c" %> +<%@ taglib uri="http://www.idempiere.org/dsp/web/util" prefix="u" %> +<%-- breadcrumb --%> +.breadcrumb-toolbar-button { + background-color: transparent; + display:inline-block; + width: 22px; + height: 22px; +} +.breadcrumb-toolbar-button img { + width: 22px; + height: 22px; +} +.breadcrumb-record-info { + font-size: 12px; +} + +.adwindow-form > .z-grid-body { + background-color: #F9F9F9; +} + +.adwindow-layout { + position:absolute; + border: none; + width: 100%; + height: 100%; + background-color: #F9F9F9; +} + +.adwindow-layout .z-center { + border: none; +} + +.adwindow-north { + min-height: 56px; + width: 100%; + padding: 0px; + margin: 0px; + border: none; +} + +.adwindow-south { + height: 20px; + width: 100%; + padding: 0px; + margin: 0px; + border-top: 1px solid #C5C5C5 !important; +} + +.adwindow-status { + min-height: 22px; +} + +.adwindow-status-docinfo { + display: inline-block; + position: absolute; + right: 4px; +} + +.docstatus-normal .z-label { + color: #6a6a6a; +} + +.docstatus-error .z-label { + color: red; +} + +.adwindow-status-docstatus { + display: inline-block; + float: left; + padding-left: 4px; +} + +.adwindow-toolbar { + border: 0px; + padding: 2px 4px; + height: 26px; + background-image: none; + background-color: #fff; +} + +.adwindow-breadcrumb { + height: 30px; + background-color: #FFF; + padding: 0px; + padding-left: 5px; + border-bottom: 1px solid #C5C5C5 !important; + clear: both; +} + +.adwindow-detailpane { + width: 100%; + overflow-y: visible; +} + +.adwindow-detailpane-tabbox .z-tab-selected span.z-tab-text { + cursor: pointer; +} + +.adwindow-detailpane-tabbox .z-tab-selected span.z-tab-text:hover { + text-decoration: underline; +} + +.adwindow-detailpane-tabpanel { + background-color: #fff +} + +.adwindow-detailpane-toolbar { + border: none; +} + +.adwindow-detailpane-toolbar .z-toolbar-body { + width: 100%; +} + +.adwindow-detailpane-toolbar .z-toolbarbutton { + float: left; + display: inline-block; + padding: 0px; + padding-left: 1px; + width: 20px; +} + +.adwindow-detailpane-toolbar .z-toolbarbutton img { + width: 16px; + height: 16px; +} + +.adwindow-detailpane-toolbar .z-toolbar-body .docstatus-normal, +.adwindow-detailpane-toolbar .z-toolbar-body .docstatus-error { + padding-left: 4px; + margin-top: 2px; +} + +.adwindow-detailpane-toolbar .z-toolbar-body .docstatus-normal .z-label, +.adwindow-detailpane-toolbar .z-toolbar-body .docstatus-error .z-label { + font-size: ${c:property('org.zkoss.zul.theme.fontSizeM')}; +} + +.adwindow-detailpane-message { + float: right; +} + +.adwindow-detailpane-tabbox { + width: 99%; + margin: auto; + background-color: #D3D3D3; +} + +.adwindow-gridview-detail { + height: 200px; +} + +.adwindow-gridview-detail + .z-south-splitter { + border-top: 1px solid #C5C5C5; + border-bottom: 1px solid #C5C5C5; +} + +.adwindow-gridview-detail .z-south-body { + padding-top: 1px; + background-color: #D3D3D3; +} + +.adwindow-gridview-borderlayout { + position: absolute; height: 100%; width: 100%; +} + +.adwindow-detailpane-sub-tab::before { + content: ''; + position: absolute; + width: 0px; + height: 0px; + top: 6px; + left: 4px; + border-top: 5px dashed transparent; + border-left: 5px dashed #696969; + border-right: 5px dashed transparent; + border-bottom: 5px solid transparent; +} + +<%-- ad tab --%> +.adtab-content { + margin: 0; + padding: 0; + border: none; + position: relative; +} + +.adtab-form { + border:none !important; + margin:0; + padding:0; +} + +.adtab-grid { + margin-top: -1px; + border: none !important; +} + +.adtab-grid-south { + border: none; + height: 30px; +} + +.adtab-grid-south .z-paging { + border: none; + padding: 0; +} + +.adtab-form-borderlayout { + width: 100%; + height: 100%; + position: absolute; +} + +.adtab-form-borderlayout .z-center { + background-color: #F9F9F9; +} + +.adtab-form-borderlayout .z-south-collapsed:before { + content: '${u:cleanAmp(u:getMsg(u:getCtx(), "Detail"))}'; + position: absolute; + font-size: 12px; + font-weight: bold; + text-align: center; + line-height: 12px; + left: 4px; + height: 12px; +} diff --git a/org.adempiere.ui.zk/theme/default/css/fragment/application-menu.css.dsp b/org.adempiere.ui.zk/theme/default/css/fragment/application-menu.css.dsp new file mode 100644 index 0000000000..2b2323759a --- /dev/null +++ b/org.adempiere.ui.zk/theme/default/css/fragment/application-menu.css.dsp @@ -0,0 +1,102 @@ +.menu-href { + font-size: 11px; + font-weight: normal; + color: #333 !important; + text-decoration: none !important; + padding-right: 4px; +} + +.menu-href:hover, .menu-href:active { + text-decoration: underline !important; + color: blue !important; +} + +.menu-href img { + padding: 2px; + padding-right: 4px; + width: 16px; + height: 16px; +} + +.menu-href-newbtn { + height: 17px; + line-height: 10px; + padding: 1px 1px; + padding-bottom: 2px; + padding-left: 2px; + margin-bottom: 2px; +} + +.menu-href-newbtn img { + width: 10px; + height: 10px; +} + +.menu-href-newbtn .z-toolbarbutton-content { + height: 10px; + width: 10px; + display: inline-block; + line-height: 10px; +} + +.tree-search-combo .z-comboitem-img img { + width: 16px; + height: 16px; +} + +.menu-search-panel .z-comboitem-image { + padding-bottom:4px; +} + +.menu-search-panel-container .z-panel-body { + background-color: transparent; +} + +.menu-search-panel-container .z-panel-top .z-toolbar.z-toolbar-panel { + padding-bottom: 0px; + padding-top: 8px; +} + +.menu-panel .z-toolbar-panel { + padding-right: 0; +} + +.menu-panel { + width: 100% !important; + height: 100% !important; + position: relative !important; +} + +.menu-panel .z-tree { + border: none !important; + width: 100%; +} + +.menu-search-toggle-box { + display: inline-block; + border: 1px solid #ababab; +} + +.menu-search-toggle-box .z-toolbarbutton-hover { + border: none; +} + +.menu-search-toggle-off { + margin:0px; + padding: 1px 4px 1px 4px; + border-radius: 0px; +} + +.menu-search-toggle-on { + background: #999999 !important; + -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset !important; + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset !important; + margin:0px !important; + padding: 1px 4px 1px 4px !important; + border-radius: 0px; +} + +.menu-search-toggle-on img, .menu-search-toggle-off img { + height: 16px; + width: 16px; +} diff --git a/org.adempiere.ui.zk/theme/default/css/fragment/borderlayout.css.dsp b/org.adempiere.ui.zk/theme/default/css/fragment/borderlayout.css.dsp new file mode 100644 index 0000000000..7f40256841 --- /dev/null +++ b/org.adempiere.ui.zk/theme/default/css/fragment/borderlayout.css.dsp @@ -0,0 +1,54 @@ +.z-south-splitter, .z-west-splitter, .z-east-splitter, .z-north-splitter { + background: none !important; +} + +.z-south-collapsed { + height: 24px; +} + +.z-south-collapsed:hover, .z-east-collapsed:hover, .z-west-collapsed:hover, .z-north-collapsed:hover { + box-shadow:inset 0 0 8px rgba(197,197,197,0.5); +} + +.z-south-collapsed .z-borderlayout-icon { + height: 12px; + line-height: 12px; +} + +.z-west-collapsed { + cursor: pointer; + width: 24px; +} + +.z-west-collapsed > .z-borderlayout-icon { + width: 12px; right: auto; +} + +.z-east-collapsed { + cursor: pointer; + width: 24px; +} +.z-east-collapsed > .z-borderlayout-icon { + width: 12px; + left: auto; +} + +.z-borderlayout, .z-north, .z-center, .z-south { + border: none; +} + +.z-east-splitter-button, +.z-west-splitter-button, +.z-north-splitter-button, +.z-south-splitter-button { + filter: alpha(opacity=100); <%-- IE --%> + opacity: 1.0; <%-- Moz + FF --%> +} + +.z-east-splitter-button-over, +.z-west-splitter-button-over, +.z-north-splitter-button-over, +.z-south-splitter-button-over { + -webkit-filter: brightness(50%); + filter: brightness(50%); +} diff --git a/org.adempiere.ui.zk/theme/default/css/fragment/button.css.dsp b/org.adempiere.ui.zk/theme/default/css/fragment/button.css.dsp new file mode 100644 index 0000000000..9d2139d2e6 --- /dev/null +++ b/org.adempiere.ui.zk/theme/default/css/fragment/button.css.dsp @@ -0,0 +1,108 @@ +.z-button { + display: inline-block; + margin: 0px; + padding: 4px 20px; + font-size: 12px; + line-height: 20px; + text-align: center; + vertical-align: middle; + cursor: pointer; + background-color: #f5f5f5; + background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); + background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); + background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); + background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); + background-repeat: repeat-x; + border: 1px solid #cccccc; + border-color: #e6e6e6 #e6e6e6 #bfbfbf; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + border-bottom-color: #b3b3b3; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + zoom: 1; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); +} + +.z-button { + margin: 0px !important; +} + +.z-button-hover, +.z-button-focus, +.z-button-click, +.z-button-disabled { + color: #333333; + background-color: #e6e6e6; +} + +.z-button-click { + background-color: #cccccc \9; +} + +.z-button-hover, +.z-button-focus { + color: #333333; + text-decoration: none; + background-position: 0 -15px; + -webkit-transition: background-position 0.1s linear; + -moz-transition: background-position 0.1s linear; + -o-transition: background-position 0.1s linear; + transition: background-position 0.1s linear; +} + +.z-button-focus { + outline: 5px auto -webkit-focus-ring-color; +} + +.z-button-click { + background-image: none; + outline: 0; + -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); +} + +.z-button-disabled { + cursor: default; + background-image: none; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +.z-button.btn-small { + padding: 1px 5px; +} + +.z-button-disabled { + color: black; cursor: default; opacity: .6; -moz-opacity: .6; -khtml-opacity: .6; filter: alpha(opacity=60); +} + +.img-btn img { + height: 22px; + width: 22px; + background-color: transparent; +} + +.txt-btn img, .small-img-btn img { + height: 16px; + width: 16px; + background-color: transparent; + vertical-align: middle; + display: inline-block; +} + +.btn-sorttab { + box-shadow: 0px 0px 4px #bbb; + color: #555; + border: solid 1px #bbb; + text-shadow: 0px 1px 2px #888; +} diff --git a/org.adempiere.ui.zk/theme/default/css/fragment/desktop.css.dsp b/org.adempiere.ui.zk/theme/default/css/fragment/desktop.css.dsp new file mode 100644 index 0000000000..17e0dc7457 --- /dev/null +++ b/org.adempiere.ui.zk/theme/default/css/fragment/desktop.css.dsp @@ -0,0 +1,220 @@ +<%-- header --%> +.desktop-header-left { + margin: 0; + margin-left: 5px; + margin-top: 3px; + background-color: transparent !important; + border: none !important; +} + +.desktop-header-right { + margin: 0; + margin-top: 3px; + padding-right: 5px; + background-color: transparent !important; + border: none !important; +} + +.desktop-header { + background-color: #E4E4E4; + width: 100%; + height: 46px; + border-bottom: 1px solid #C5C5C5 !important; +} + +.desktop-header-font { + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 10px; +} + +.desktop-header-username { + padding-right: 6px; +} + +.desktop-header-username:hover { + color: blue; + text-decoration: underline; +} + +.desktop-user-panel { + float: right; +} + +.desktop-layout { + position: absolute; + border: none; + background-color: #E4E4E4; +} + +.desktop-tabbox { + padding-top: 0px; + background-color: #E4E4E4; +} + +.desktop-tabbox .z-tab { + margin-right: 2px; +} + +.desktop-tabbox .z-tab { + height: 24px; +} + +.desktop-tabbox .z-tab-selected { + height: 25px; +} + +.desktop-tabbox .z-tab-selected { + border-top: 2px solid #666; + border-top-left-radius: 5px 5px; + border-top-right-radius: 5px 5px; +} + +.desktop-tabbox .z-tab .z-tab-text { + padding-top: 0px; + padding-bottom: 0px; +} + +.desktop-north, .desktop-center { + border: none; +} + +.desktop-center { + padding-top: 4px; + background-color: #E4E4E4; +} + +.desktop-tabpanel { + margin: 0; + padding: 0; + border: 0; + position: relative !important; + background-color: #FFFFFF +} + +.desktop-left-column { + width: 200px; + border: none; + border-right: 1px solid #C5C5C5; + background-color: #E4E4E4; + padding-top: 4px; +} + +.desktop-right-column { + width: 200px; + border: none; + border-left: 1px solid #C5C5C5; + background-color: #E4E4E4; + padding-top: 4px; +} + +.desktop-left-column + .z-west-splitter, .desktop-left-column.z-west { + border-top: none; + border-right: 1px solid #c5c5c5; +} + +.desktop-right-column + .z-east-splitter, .desktop-right-column.z-east { + border-top: none; + border-left: 1px solid #c5c5c5; +} + +.desktop-left-column .z-west-body { + border-right: none; +} + +.desktop-right-column .z-east-body { + border-left: none; +} + +.desktop-layout > div > .z-west-collapsed, .desktop-layout > div > .z-east-collapsed { + border-top: none; +} + +.desktop-left-column .z-anchorlayout, .desktop-right-column .z-anchorlayout { + overflow-x: hidden; +} + +.z-anchorlayout { overflow:auto } + +.z-anchorchildren { overflow:visible } + +.desktop-hometab { + margin-left: 4px !important; +} + +.desktop-tabbox .z-tabs .z-toolbar-tabs-body { + padding: 0px !important; + margin: 0px !important; +} + +.desktop-tabbox .z-tabs .z-toolbar-tabs-body .z-toolbarbutton { + padding: 0px !important; + border: 1px solid transparent !important; + margin: 0px !important; +} + +.desktop-tabbox .z-tabs .z-toolbar-tabs .z-toolbarbutton-hover { + border: none !important; + padding: 0px !important; + margin: 0px !important; +} + +.desktop-tabbox .z-tabs .z-toolbar-tabs .z-toolbarbutton-hover .z-toolbarbutton-content { + background-image: none !important; + background-color:#DDD !important; + padding: 0px !important; + margin: 0px !important; + -webkit-box-shadow:inset 0px 0px 3px #CCC; + -moz-box-shadow:inset 0px 0px 3px #CCC; + -o-box-shadow:inset 0px 0px 3px #CCC; + -ms-box-shadow:inset 0px 0px 3px #CCC; + box-shadow:inset 0px 0px 3px #CCC; +} + +.desktop-menu-popup { + z-index: 9999; + background-color: #fff; +} + +.desktop-menu-toolbar { + background-color: #ffffff; + verticle-align: middle; + padding: 2px; + border-top: 1px solid #c5c5c5; +} + +.desktop-home-tabpanel { + background-color: #FFFFFF; + width: 100% !important; +} + +.link { + cursor:pointer; + padding: 2px 2px 4px 4px; + border: none !important; +} + +.link.z-toolbarbutton:hover { + border: none !important; + background-image: none !important; + text-decoration: underline; +} + +.link.z-toolbarbutton:hover span { + color: blue; +} + +.desktop-home-tabpanel .z-panel-head { + background-color: #FFFFFF; +} + +<%-- window container --%> +.window-container-toolbar-btn .z-toolbarbutton-content img { + width: 22px; + height: 22px; +} + +.window-container-toolbar-btn.context-help-btn .z-toolbarbutton-content img { + width: 16px; + height: 16px; + padding: 3px 3px; +} diff --git a/org.adempiere.ui.zk/theme/default/css/fragment/field-editor.css.dsp b/org.adempiere.ui.zk/theme/default/css/fragment/field-editor.css.dsp new file mode 100644 index 0000000000..3c034eb5e4 --- /dev/null +++ b/org.adempiere.ui.zk/theme/default/css/fragment/field-editor.css.dsp @@ -0,0 +1,178 @@ +.mandatory-decorator-text { + text-decoration: none; font-size: xx-small; vertical-align: top; color:red; +} + +.editor-box { + display: inline-block; + border: none; + padding: 0px; + margin: 0px; + background-color: transparent; + position: relative; +} + +.editor-input { + box-sizing: border-box; + -moz-box-sizing: border-box; /* Firefox */ + display: inline-block; + padding-right: 22px; + width: 100%; + height: 21px; +} + +.editor-input:focus { + border: 1px solid #0000ff; +} + +.editor-input-disd { + padding-right: 0px !important; +} + +.editor-button { + padding: 0px; + margin: 0px; + display: inline-block; + background-color: transparent; + background-image: none; + width: 20px; + height: 22px; + min-height: 22px; + border: none; + position: absolute; + right: 1px; + top: 2px; +} + +.editor-button :hover { + -webkit-filter: contrast(1.5); + filter: contrast(150%); +} + +.editor-button img { + vertical-align: top; + text-align: left; + width: 18px; + height: 18px; + padding: 1px 1px; +} + + +.editor-box .grid-editor-input.z-textbox { +} + +.grid-editor-button { +} + +.grid-editor-button img { +} + +.number-box { + display: inline-block; + white-space:nowrap; +} + +.number-box .grid-editor-input.z-decimalbox { +} + +.datetime-box { + display: inline-block; + white-space:nowrap; +} + +.datetime-box .z-datebox { + display: inline; +} + +.datetime-box .z-timebox { + display: inline; +} + +span.grid-combobox-editor { + width: 100% !important; + position: relative; +} + +.grid-combobox-editor input { + width: 100% !important; + padding-right: 26px; + border-bottom-right-radius: 6px; + border-top-right-radius: 6px; + border-right: 0px; +} + +.grid-combobox-editor.z-combobox-disabled input { + border-bottom-right-radius: 3px; + border-top-right-radius: 3px; + border-right: 1px solid #cfcfcf; + padding-right: 5px; +} + +.grid-combobox-editor .z-combobox-button { + position: absolute; + right: 0px; + top: 1px; + border-bottom-right-radius: 3px; + border-top-right-radius: 3px; + border-bottom-left-radius: 0px; + border-top-left-radius: 0px; +} + +.grid-combobox-editor input:focus { + border-right: 0px; +} + +.grid-combobox-editor input:focus + .z-combobox-button { + border-left: 1px solid #0000ff; +} + +<%-- payment rule --%> +.payment-rule-editor { + display: inline-block; + border: none; + padding: 0px; + margin: 0px; + background-color: transparent; + position: relative; +} +.payment-rule-editor .z-combobox { + width: 100%; +} +.payment-rule-editor .z-combobox-input { + display: inline-block; + padding-right: 44px; + width: 100%; + height: 24px; + border-bottom-right-radius: 6px; + border-top-right-radius: 6px; + border-right: 0px; +} +.payment-rule-editor .z-combobox-input:focus { + border: 1px solid #0000ff; +} +.payment-rule-editor .z-combobox-input.editor-input-disd { + padding-right: 22px !important; +} +.payment-rule-editor .z-combobox-button { + position: absolute; + right: 0px; + top: 1px; +} +.payment-rule-editor .z-combobox .z-combobox-button-hover { + background-color: #ddd; + background-position: 0px 0px; +} +.payment-rule-editor .editor-button { + border-radius: 0px; + right: 24px; +} + +<%-- chart --%> +.chart-field { + padding: 10px; + border: 1px solid lightgray !important; +} + +.field-label { + position: relative; + float: right; +} diff --git a/org.adempiere.ui.zk/theme/default/css/fragment/find-window.css.dsp b/org.adempiere.ui.zk/theme/default/css/fragment/find-window.css.dsp new file mode 100644 index 0000000000..3d32ec72a9 --- /dev/null +++ b/org.adempiere.ui.zk/theme/default/css/fragment/find-window.css.dsp @@ -0,0 +1,15 @@ +.find-window { +} +.find-window-simple { +} +.find-window-advanced { +} + +.find-window-simple .z-south .z-hbox, .find-window-advanced .z-south .z-hbox { + margin-top: 5px; +} + +.find-window-simple .img-btn, .find-window-simple .img-btn.btn-ok.z-button, .find-window-simple .img-btn.btn-cancel.z-button, +.find-window-advanced .img-btn, .find-window-advanced .img-btn.btn-ok.z-button, .find-window-advanced .img-btn.btn-cancel.z-button { + margin: 0 2px; +} diff --git a/org.adempiere.ui.zk/theme/default/css/fragment/form.css.dsp b/org.adempiere.ui.zk/theme/default/css/fragment/form.css.dsp new file mode 100644 index 0000000000..78681a2a52 --- /dev/null +++ b/org.adempiere.ui.zk/theme/default/css/fragment/form.css.dsp @@ -0,0 +1,80 @@ +.form-label +{ + text-align: right; +} + +.form-label-heading +{ + text-align: center; +} + +.form-button { + width: 99%; +} + +.form-button img { + width: 16px; + height: 16px; +} + +<%-- confirm panel --%> +.confirm-panel { + width: auto; + height: auto; + position: relative; + padding-left: 2px; + padding-right: 2px; +} +.confirm-panel-right { + float: right; +} +.confirm-panel-left { + float: left; +} + +<%-- busy dialog --%> +.busy-dialog { + cursor: wait; + background-color: transparent; +} +.busy-dialog-box { + background-color: transparent; + padding: 9px; +} +.busy-dialog-img { + height: 16px; + width: 16px; + background: transparent no-repeat center; + background-image: url(../images/progress3.gif) !important; + display: -moz-inline-box; + vertical-align: top; + display: inline-block; +} +.busy-dialog-label { + color: #363636; +} + +<%-- status bar --%> +.status { + width: 100%; + height: 20px; +} +.status-db { + padding-top: 0; + pdding-bottom: 0; + padding-left: 5px; + padding-right: 5px; + cursor: pointer; + width: 100%; + height: 100%; + margin: 0; + border-left: solid 1px #9CBDFF; +} +.status-info { + padding-right: 10px; + border-left: solid 1px #9CBDFF; +} +.status-border { + border: solid 1px #9CBDFF; +} + diff --git a/org.adempiere.ui.zk/theme/default/css/fragment/gadget.css.dsp b/org.adempiere.ui.zk/theme/default/css/fragment/gadget.css.dsp new file mode 100644 index 0000000000..0e0f793588 --- /dev/null +++ b/org.adempiere.ui.zk/theme/default/css/fragment/gadget.css.dsp @@ -0,0 +1,196 @@ +.fav-new-btn { + margin-left: 4px; + margin-bottom: 3px; + padding-left: 1px; +} + +.fav-new-btn img { + height: 16px; + width: 16px; +} + +.z-panel-head { + background-image: none; background-color: #FFFFFF; +} + +.z-panel { + border-radius: 3px; + border: 1px solid #d8d8d8; + border-bottom-width: 2px; +} + +.z-panel-noborder { + border: none !important; +} + +.z-panelchildren { + border: none; +} + +.z-panel-head { + padding-bottom: 4px; + border: none; +} + +.z-panel-head .z-panel-header { + padding: 0 0 2px 0; + color: #262626; + background: #F4F4F4; + font-weight: 300; + font-size: 13px; +} + +.z-caption .z-caption-content { + padding: 0 0 2px 0; + color: #262626; + font-weight: 300; + font-size: 13px; + cursor: move; +} + +.dashboard-layout { + width: 100%; + height: 100%; + position: absolute; +} + +.dashboard-widget { + margin-top: 4px; + margin-left: auto; + margin-right: auto; + position: relative; + width: 92%; +} + +.dashboard-widget-max { + margin: auto; + width: auto; +} + +.dashboard-widget.dashboard-widget-max > .z-panel-body > .z-panelchildren { + overflow: auto; +} + +.dashboard-report-iframe { + min-height:300px; + border: 1px solid lightgray; + margin:auto; + width: 99%; + height: 90%; +} + +.favourites-box { + width: 90%; + margin: auto; + padding: 5px 0px 5px 0px; +} + +.favourites-box .z-vbox { + width: 100%; +} + +.favourites-box .z-hbox { + padding: 2px 0px; + width: 100%; +} + +.favourites-box .z-toolbar-start { + float: right; +} + +.recentitems-box { + width: 90%; + margin: auto; + padding: 5px 0px 5px 0px; +} + +.recentitems-box A { + display: block; + padding: 2px 0px; +} + +.recentitems-box .z-toolbar-start { + float: right; +} + +.views-box { + width: 90%; + margin: auto; + padding: 5px 0px 5px 0px; +} + +.views-box .z-vbox { + width: 100%; +} + +.views-box .z-toolbarbutton { + width: 100%; + padding: 2px 0px; +} + +.views-box .link img { + height: 16px; + width: 16px; +} + +.activities-box { + width: 90%; + margin: auto; + padding: 5px 0px 5px 0px; +} + +.activities-box .z-vbox { + width: 100%; +} + +.activities-box .z-button { + text-align: left; +} + +.recentitems-box .z-toolbar, .favourites-box .z-toolbar { + margin-top: 5px; + margin-bottom: 5px; +} + +<%-- performance indicator --%> +.performance-indicator { + margin: auto; + position: relative; +} +.performance-indicator img { + display: block; + margin: auto; +} +.window-view-pi .performance-indicator img { +} +.performance-indicator-box { + background-color: #eee; + border: 1px solid #d8d8d8; + border-radius: 5px; + cursor: pointer; +} +.performance-indicator-title { + text-align: center; + background-color: #c8c8c8; + border: 1px solid #c8c8c8; + padding-top: 4px; + padding-bottom: 4px; +} +.performance-panel .z-grid { + border: none; + margin:0; + padding:0; + position: relative; + width: 100%; +} + +.dashboard-widget.dashboard-widget-max .chart-gadget { + height: 100% !important; +} + +.help-content +{ + padding: 5px; + font-size: 11px; + font-weight: normal; +} diff --git a/org.adempiere.ui.zk/theme/default/css/fragment/grid.css.dsp b/org.adempiere.ui.zk/theme/default/css/fragment/grid.css.dsp new file mode 100644 index 0000000000..ea480d631a --- /dev/null +++ b/org.adempiere.ui.zk/theme/default/css/fragment/grid.css.dsp @@ -0,0 +1,67 @@ +<%@ taglib uri="http://www.zkoss.org/dsp/web/core" prefix="c" %> +<%@ taglib uri="http://www.idempiere.org/dsp/web/util" prefix="u" %> +.z-grid tbody tr.highlight td.z-cell { + background-color: #FFFFCC !important; + background-image: none !important; +} + +.z-grid tbody tr.highlight td.row-indicator-selected { + background-color: #FFFFCC !important; + background-image: url(${c:encodeURL('/theme/default/images/EditRecord16.png')}) !important; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + cursor: pointer; +} + +.z-grid tbody tr.highlight td.row-indicator { + background-color: transparent !important; + background-image: none !important; +} + +<%-- text overflow for grid cell --%> +.z-cell > span.z-label { + overflow: hidden; + text-overflow: ellipsis; + display: inline-block; + width: 100%; +} + +.z-column-content, .z-listheader-content, .z-listcell-content { + padding: 2px 3px 1px; +} + +.z-grid-body .z-cell { + padding: 2px 3px; +} + +.z-row .z-cell, .z-listitem .z-listcell, .z-listitem.z-listitem-selected>.z-listcell { + border-left: 1px solid #cfcfcf; +} + +.z-grid-emptybody td { + text-align: left; +} + +.z-grid-body { + background-color: #FFF; +} + +<%-- grid layout --%> +.grid-layout { + border: none !important; + margin: 0 !important; + padding: 0 !important; + background-color: transparent !important; +} +.grid-layout .z-row-inner, .grid-layout .z-cell { + border: none !important; + background-color: transparent !important; +} +.grid-layout tr.z-row-over>td.z-row-inner, .grid-layout tr.z-row-over>.z-cell { + border: none !important; +} +.grid-layout tr.z-row-over>td.z-row-inner, .grid-layout tr.z-row-over>.z-cell { + background-image: none !important; +} + diff --git a/org.adempiere.ui.zk/theme/default/css/fragment/group.css.dsp b/org.adempiere.ui.zk/theme/default/css/fragment/group.css.dsp new file mode 100644 index 0000000000..6c4666917f --- /dev/null +++ b/org.adempiere.ui.zk/theme/default/css/fragment/group.css.dsp @@ -0,0 +1,34 @@ +tr.z-group { + background: #E9F2FB repeat-x 0 0; + background-image: url(../images/group_bg.gif) !important; +} + +.z-group-header .z-label { + font-family: Helvetica,Arial,sans-serif; + color: #333; + width: auto; + font-weight: bold; + font-size: 11px; +} + +.z-group td.z-group-inner { + overflow: hidden !important; + border-bottom: 1px solid #CFCFCF !important; + border-top: 1px solid #CFCFCF !important; + padding: 4px 5px; +} + +.z-group-icon { + display: inline-block; + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.z-group-icon-close:before { + content: "\f0da"; +} +.z-group-icon-open:before { + content: "\f0d7"; +} \ No newline at end of file diff --git a/org.adempiere.ui.zk/theme/default/css/fragment/help-window.css.dsp b/org.adempiere.ui.zk/theme/default/css/fragment/help-window.css.dsp new file mode 100644 index 0000000000..f119702d43 --- /dev/null +++ b/org.adempiere.ui.zk/theme/default/css/fragment/help-window.css.dsp @@ -0,0 +1,93 @@ +.help-window { + position: relative; +} +.help-window-header { + padding: 10px 0 10px 20px; +} +.help-window-title { + color: #FF0000; +} +.help-window-description { +} +.help-window-help { +} +.help-window-tabs { + color: #0000CC; +} +.help-window-content { + border-top: 1px solid #ddd; +} +.help-window-content-l { +} +.help-window-content-r { + border-left: 1px solid #ddd; + padding: 5px; +} +.help-window-tab { + border-bottom: 1px solid #ddd; +} +.help-window-tab-header { + background-color: #E6E6FA; +} +.help-window-tab-name { + padding: 3px 15px !important; + color: #000066; +} +.help-window-tab-description { + padding: 3px !important; +} +.help-window-tab-help { +} +.help-window-fields { + border-bottom: 1px solid #ddd; + color: #6600CC; + padding: 5px 15px; +} +.help-window-fields-link { +} +.help-window-field { + border-bottom: 1px solid #ddd; + padding: 5px 15px; +} +.help-window-field-name { + color: #0000CC; +} +.help-window-field-description { +} +.help-window-field-help { +} + +.help-window p, .help-window h3, .help-window h4, .help-window h5 { + display: inline; +} + +.help-window-content-r a { + color: #3465a4 !important; + text-decoration: underline; +} + +.help-window-content-r a:hover { + text-decoration: none; +} + +.help-window-content-l a { + color: #000 !important; + text-decoration: none; +} + +.help-window-content-l a:hover { + text-decoration: none; +} + +.help-window-content-l td { + padding: 8px 20px; + border-bottom: 1px solid #ddd; +} + +.help-window-tab td { + padding: 5px 15px 0 15px; +} + +.help-window-content-l tr:hover td { + background-color: #eee; +} diff --git a/org.adempiere.ui.zk/theme/default/css/fragment/info-window.css.dsp b/org.adempiere.ui.zk/theme/default/css/fragment/info-window.css.dsp new file mode 100644 index 0000000000..109d179bf8 --- /dev/null +++ b/org.adempiere.ui.zk/theme/default/css/fragment/info-window.css.dsp @@ -0,0 +1,31 @@ +.info-panel .z-window-overlapped, .info-panel .z-window-highlighted { + background-color: #F4F4F4 !important; +} + +.info-panel .z-grid { + border: none !important; +} + +.info-panel .z-center { +} + +.info-panel .z-listbox { + width: 99% !important; + position: relative; + margin: auto; +} + +.info-panel .z-south { + margin-top: 2px; + border-top: 1px solid #C5C5C5; + background-color: #F4F4F4; +} + +.info-panel .z-window-highlighted .z-window-content { + padding: 0px; +} + +.info-product-tabbedpane { + background-color: #FFFFFF; +} + diff --git a/org.adempiere.ui.zk/theme/default/css/fragment/input-element.css.dsp b/org.adempiere.ui.zk/theme/default/css/fragment/input-element.css.dsp new file mode 100644 index 0000000000..2d3b3dfb82 --- /dev/null +++ b/org.adempiere.ui.zk/theme/default/css/fragment/input-element.css.dsp @@ -0,0 +1,42 @@ +<%-- Combobox --%> +.z-combobox-disabled { + color: black !important; cursor: default !important; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; filter: alpha(opacity=100); +} + +.z-combobox-disabled * { + color: black !important; cursor: default !important; +} + +.z-combobox-text-disabled { + background-color: #ECEAE4 !important; +} + +<%-- highlight focus form element --%> +input:focus, textarea:focus, .z-combobox-input:focus, z-datebox-input:focus { + border: 1px solid #0000ff; +} + +<%-- FOCUSED FIELD in different color --%> + +.z-textbox-focus, .z-textbox-focus input, +.z-decimalbox-focus, .z-decimalbox-focus input, +.z-intbox-focus, .z-intbox-focus input, +.z-longbox-focus, .z-longbox-focus input, +.z-doublebox-focus, .z-doublebox-focus input, +.z-combobox-focus .z-combobox-input, +.z-checkbox-focus .z-checkbox-input, +.z-datebox-focus .z-datebox-input, +.z-timebox-focus .z-timebox-input { + background: #FFFFCC; +} + +.z-textbox-readonly, .z-intbox-readonly, .z-longbox-readonly, .z-doublebox-readonly, +.z-decimalbox-readonly, .z-datebox-readonly, .z-timebox-readonly, .editor-input-disd { + background-color: #F0F0F0; +} + +<%-- workaround for http://jira.idempiere.com/browse/IDEMPIERE-692 --%> +.z-combobox-popup { + max-height: 200px; +} + diff --git a/org.adempiere.ui.zk/theme/default/css/fragment/login.css.dsp b/org.adempiere.ui.zk/theme/default/css/fragment/login.css.dsp new file mode 100644 index 0000000000..57a4a84dbf --- /dev/null +++ b/org.adempiere.ui.zk/theme/default/css/fragment/login.css.dsp @@ -0,0 +1,81 @@ +.login-window { + background-color: #E5E5E5; +} + +.login-window .z-window-content { + background-color: #E5E5E5; +} + +.login-box-body { + width: 660px; + background-image: url(../images/login-box-bg.png); + background-repeat: repeat-y; + background-color: transparent; + z-index: 1; + padding: 0; + margin: 0; + text-align: center; + padding-bottom: 100px; +} + +.login-box-header { + background-image: url(../images/login-box-header.png); + background-color: transparent; + z-index: 2; + height: 54px; + width: 660px; +} + +.login-box-header-txt { + color: white !important; + font-weight: bold; + position: relative; + top: 30px; +} + +.login-box-header-logo { + padding-top: 20px; + padding-bottom: 25px; +} + +.login-box-footer { + background-image: url(../images/login-box-footer.png); + background-position: top right; + background-attachment: scroll; + background-repeat: repeat-y; + z-index: 2; + height: 110px; + width: 660px; +} + +.login-box-footer .confirm-panel { + width: 600px !important; +} + +.login-box-footer-pnl { + width: 604px; + margin-left: 10px; + margin-right: 10px; + padding-top: 40px !important; +} + +.login-label { + color: black; + text-align: right; + width: 40%; +} + +.login-field { + text-align: left; + width: 55%; +} + +.login-btn { + padding: 4px 20px !important; +} + +.login-east-panel, .login-west-panel { + width: 350px; + background-color: #E0EAF7; + position: relative; +} diff --git a/org.adempiere.ui.zk/theme/default/css/fragment/menu-tree.css.dsp b/org.adempiere.ui.zk/theme/default/css/fragment/menu-tree.css.dsp new file mode 100644 index 0000000000..8b32add3f8 --- /dev/null +++ b/org.adempiere.ui.zk/theme/default/css/fragment/menu-tree.css.dsp @@ -0,0 +1,52 @@ +<%@ taglib uri="http://www.zkoss.org/dsp/web/core" prefix="c" %> +<%@ taglib uri="http://www.idempiere.org/dsp/web/util" prefix="u" %> +.menu-treecell-cnt { + border: 0; margin: 0; padding: 0; + font-family: ${c:property('org.zkoss.zul.theme.fontFamilyC')}; + font-size: ${c:property('org.zkoss.zul.theme.fontSizeM')}; + font-weight: normal; + overflow-x: hidden; + white-space: nowrap; + text-overflow: ellipsis !important; + cursor: pointer; +} + +div.z-tree-body td.menu-tree-cell { + cursor: pointer; + padding: 0 2px; + font-size: ${c:property('org.zkoss.zul.theme.fontSizeM')}; + font-weight: normal; + overflow: visible; +} + +div.menu-tree-cell-cnt { + border: 0; margin: 0; padding: 0; + font-family: ${c:property('org.zkoss.zul.theme.fontFamilyC')}; + font-size: ${c:property('org.zkoss.zul.theme.fontSizeM')}; font-weight: normal; + white-space:nowrap +} + +td.menu-tree-cell-disd * { + color: #C5CACB !important; cursor: default!important; +} + +td.menu-tree-cell-disd a:visited, td.menu-tree-cell-disd a:hover { + text-decoration: none !important; + cursor: default !important;; + border-color: #D0DEF0 !important; +} + +div.z-dottree-body td.menu-tree-cell { + cursor: pointer; padding: 0 2px; + font-size: ${c:property('org.zkoss.zul.theme.fontSizeM')}; font-weight: normal; overflow: visible; +} + +div.z-filetree-body td.menu-tree-cell { + cursor: pointer; padding: 0 2px; + font-size: ${c:property('org.zkoss.zul.theme.fontSizeM')}; font-weight: normal; overflow: visible; +} + +div.z-vfiletree-body td.menu-tree-cell { + cursor: pointer; padding: 0 2px; + font-size: ${c:property('org.zkoss.zul.theme.fontSizeM')}; font-weight: normal; overflow: visible; +} diff --git a/org.adempiere.ui.zk/theme/default/css/fragment/setup-wizard.css.dsp b/org.adempiere.ui.zk/theme/default/css/fragment/setup-wizard.css.dsp new file mode 100644 index 0000000000..c7b530e15a --- /dev/null +++ b/org.adempiere.ui.zk/theme/default/css/fragment/setup-wizard.css.dsp @@ -0,0 +1,49 @@ +.tree-wsetupwizard-finished { + background-color: #90EE90; + margin-left:20px +} + +.tree-wsetupwizard-skipped { + background-color: #00FF00; + margin-left:20px +} + +.tree-wsetupwizard-delayed { + background-color: #0080FF; + margin-left:20px; +} + +.tree-wsetupwizard-in-progress { + background-color: #FFFF33; + margin-left:20px; +} + +.tree-wsetupwizard-pending { + background-color: #FFFF00; + margin-left:20px; +} + +.tree-setupwizard-nostatus{ + margin-left:20px; +} + +.tree-wsetupwizard-finished-all { + background-color: #90EE90; +} + +.progressmeter-setupwizard { +background: #FFFF00 repeat-x 0 0 ; +background-image: none; +border: 1px solid #CFCFCF; +text-align: left; +height: 20px; +overflow: hidden; +} +.progressmeter-setupwizard-img { +display: inline-block; +background: #90EE90; +background-image: none; +height: 20px; +line-height: 0; +font-size: 0; +} diff --git a/org.adempiere.ui.zk/theme/default/css/fragment/tab-editor.css.dsp b/org.adempiere.ui.zk/theme/default/css/fragment/tab-editor.css.dsp new file mode 100644 index 0000000000..22cde799a9 --- /dev/null +++ b/org.adempiere.ui.zk/theme/default/css/fragment/tab-editor.css.dsp @@ -0,0 +1,14 @@ +.tab-editor-form { +} + +.tab-editor-form-content { +} + +.tab-editor-form-east-panel { +} + +.tab-editor-form-center-panel { +} + +.tab-editor-form-west-panel { +} diff --git a/org.adempiere.ui.zk/theme/default/css/fragment/tab.css.dsp b/org.adempiere.ui.zk/theme/default/css/fragment/tab.css.dsp new file mode 100644 index 0000000000..1fe531a75c --- /dev/null +++ b/org.adempiere.ui.zk/theme/default/css/fragment/tab.css.dsp @@ -0,0 +1,16 @@ +.z-tab-close { + top:4px; + margin-right:2px; + padding-right:18px; +} + +<%-- set color for text and label --%> +.z-tab-selected .z-tab-text, .z-tab .z-tab-text, div.z-treefooter-content, div.z-treecell-content, div.z-treecol-content, +.z-label, .z-toolbarbutton-content, tr.z-treerow, tr.z-treerow a, tr.z-treerow a:visited { + color: #333; + font-family: Helvetica,Arial,sans-serif; +} + +.z-tab-button :hover { + color: blue; +} diff --git a/org.adempiere.ui.zk/theme/default/css/fragment/toolbar-popup.css.dsp b/org.adempiere.ui.zk/theme/default/css/fragment/toolbar-popup.css.dsp new file mode 100644 index 0000000000..62b44eb31c --- /dev/null +++ b/org.adempiere.ui.zk/theme/default/css/fragment/toolbar-popup.css.dsp @@ -0,0 +1,48 @@ +.toolbar-popup-window { + border-left: 1px solid #c5c5c5; + border-right: 1px solid #c5c5c5; +} +.toolbar-popup-window .z-window-content { + padding: 0px; +} +.toolbar-popup-window.z-window.z-window-noheader { + padding: 4px; + padding-bottom: 0px; +} + +.toolbar-popup-window.process-buttons-popup .z-button { + white-space: nowrap; + width: 95%; + text-align: left; + margin: auto; +} + +.toolbar-popup-window.process-buttons-popup .toolbar-popup-window-cnt { + padding: 8px; +} + +.toolbar-popup-window::before { + border-bottom: 7px solid rgba(0, 0, 0, 0.2); + border-left: 7px solid transparent; + border-right: 7px solid transparent; + content: ""; + display: inline-block; + left: 9px; + position: absolute; + top: -7px; +} + +.toolbar-popup-window::after { + border-bottom: 6px solid #FFFFFF; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + content: ""; + display: inline-block; + left: 10px; + position: absolute; + top: -6px; +} + +.toolbar-popup-window .dialog-footer { + padding: 4px; +} diff --git a/org.adempiere.ui.zk/theme/default/css/fragment/toolbar.css.dsp b/org.adempiere.ui.zk/theme/default/css/fragment/toolbar.css.dsp new file mode 100644 index 0000000000..0d42998040 --- /dev/null +++ b/org.adempiere.ui.zk/theme/default/css/fragment/toolbar.css.dsp @@ -0,0 +1,42 @@ +.z-toolbar.z-toolbar-tabs { + padding-top: 0px; +} + +.toolbar { + padding: 0px; +} + +.z-toolbarbutton-content { + padding: 0px; +} + +.toolbar-button { + background-color: transparent; + display:inline-block; + margin-left: 1px; + margin-right: 1px; + width: 28px; + height: 28px; + padding: 1px; +} + +.toolbar-button .z-toolbarbutton-content { + width: 24px; + height: 24px; + padding: 1px; + border: none; + display: inline-block; +} + +.depressed img { + border-width: 1px; + border-color: #9CBDFF; + background-color: #C4DCFB; + padding: 0px 1px 0px 1px; +} + +.disableFilter img { + opacity: 0.2; + filter: progid : DXImageTransform . Microsoft . Alpha(opacity = 20); + -moz-opacity: 0.2; +} diff --git a/org.adempiere.ui.zk/theme/default/css/fragment/tree.css.dsp b/org.adempiere.ui.zk/theme/default/css/fragment/tree.css.dsp new file mode 100644 index 0000000000..fc6d3f63a8 --- /dev/null +++ b/org.adempiere.ui.zk/theme/default/css/fragment/tree.css.dsp @@ -0,0 +1,9 @@ +<%@ taglib uri="http://www.zkoss.org/dsp/web/core" prefix="c" %> +.z-treecell-content { + font-family: ${c:property('org.zkoss.zul.theme.fontFamilyC')}; + font-size: ${c:property('org.zkoss.zul.theme.fontSizeM')}; +} + +.z-treecell-content { + padding: 2px 1px; +} diff --git a/org.adempiere.ui.zk/theme/default/css/fragment/window.css.dsp b/org.adempiere.ui.zk/theme/default/css/fragment/window.css.dsp new file mode 100644 index 0000000000..931835a7a8 --- /dev/null +++ b/org.adempiere.ui.zk/theme/default/css/fragment/window.css.dsp @@ -0,0 +1,119 @@ +div.wc-modal, div.wc-modal-none, div.wc-highlighted, div.wc-highlighted-none { + background-color: white; +} + +.z-window-embedded .z-window-content { + border: none; +} + +.z-window-embedded .z-window-header, +.z-window-embedded .z-window-content { + background-image: none; +} + +.z-modal-mask { + z-index: 1800 !important; +} +.z-window { + padding: 0px; +} + +.z-window-embedded .z-window-content { + border: none; +} + +.z-window-overlapped .z-window-content, .z-window-modal .z-window-content, +.z-window-highlighted .z-window-content, .z-window-embedded .z-window-content { + border: none; +} + +.z-window-header { + padding: 4px; + border-top-left-radius: 3px; + border-top-right-radius: 3px; + background-color: #484848; + border-color: #484848; +} +.z-window-embedded > .z-window-header { + border-radius: 0px; + background-color: transparent; +} + +.z-window-overlapped, .z-window-popup, .z-window-modal, .z-window-highlighted, +.embedded-dialog .z-window-embedded +{ + background-color: #fff; + margin: 0px; +} + +.z-window-overlapped .z-window-header, +.z-window-popup .z-window-header, +.z-window-modal .z-window-header, +.z-window-highlighted .z-window-header +{ + color: #fff; + font-weight: bold; +} + +.z-window-header, .z-window-content { + background-image: none !important; +} + +.z-window-modal-shadow, .z-window-overlapped-shadow, .z-window-popup-shadow, .z-window-embedded-shadow, .z-window-highlighted-shadow +{ + border-radius: 0px !important; +} + +<%-- dialog --%> +.embedded-dialog { + position: absolute; +} + +.embedded-dialog .z-window-embedded-header { + color: #fff; + font-weight: bold; +} + +.popup-dialog .z-window-overlapped .z-window-content, .popup-dialog .z-window-highlighted .z-window-content { + padding: 0px; + background-color: #f5f5f5; +} +.popup-dialog > .z-window-content, .info-panel > .z-window-content { + padding: 0px; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.popup-dialog .dialog-content { + padding: 8px !important; + --margin-bottom: 20px !important; +} + +.popup-dialog.z-window-overlapped .dialog-footer { + padding: 12px 15px 8px 15px !important; +} + +.popup-dialog.z-window-highlighted .dialog-footer { + padding: 12px 15px 8px 15px !important; +} + +.dialog-footer { + margin-bottom: 0; + background-color: #f5f5f5; + border-top: 1px solid #ddd; + -webkit-box-shadow: inset 0 1px 0 #ffffff; + -moz-box-shadow: inset 0 1px 0 #ffffff; + box-shadow: inset 0 1px 0 #ffffff; +} + +.btn-ok { + font-weight: bold; +} + +<%-- notification message --%> +.z-notification .z-notification-content { + width: 400px; +} + +.z-notification { + padding: 3px !important; +} diff --git a/org.adempiere.ui.zk/theme/default/css/theme.css.dsp b/org.adempiere.ui.zk/theme/default/css/theme.css.dsp index 0e507aba7a..2a0e151e46 100644 --- a/org.adempiere.ui.zk/theme/default/css/theme.css.dsp +++ b/org.adempiere.ui.zk/theme/default/css/theme.css.dsp @@ -13,1980 +13,70 @@ html,body { overflow: hidden; } -<%-- login --%> -.login-window { - background-color: #E5E5E5; -} - -.login-window .z-window-content { - background-color: #E5E5E5; -} - -.login-box-body { - width: 660px; - background-image: url(../images/login-box-bg.png); - background-repeat: repeat-y; - background-color: transparent; - z-index: 1; - padding: 0; - margin: 0; - text-align: center; - padding-bottom: 100px; -} - -.login-box-header { - background-image: url(../images/login-box-header.png); - background-color: transparent; - z-index: 2; - height: 54px; - width: 660px; -} - -.login-box-header-txt { - color: white !important; - font-weight: bold; - position: relative; - top: 30px; -} - -.login-box-header-logo { - padding-top: 20px; - padding-bottom: 25px; -} - -.login-box-footer { - background-image: url(../images/login-box-footer.png); - background-position: top right; - background-attachment: scroll; - background-repeat: repeat-y; - z-index: 2; - height: 110px; - width: 660px; -} - -.login-box-footer .confirm-panel { - width: 600px !important; -} - -.login-box-footer-pnl { - width: 604px; - margin-left: 10px; - margin-right: 10px; - padding-top: 40px !important; -} - -.login-label { - color: black; - text-align: right; - width: 40%; -} - -.login-field { - text-align: left; - width: 55%; -} - -.login-btn { - padding: 4px 20px !important; -} - -.login-east-panel, .login-west-panel { - width: 350px; - background-color: #E0EAF7; - position: relative; -} - -<%-- header --%> -.desktop-header-left { - margin: 0; - margin-left: 5px; - margin-top: 3px; - background-color: transparent !important; - border: none !important; -} - -.desktop-header-right { - margin: 0; - margin-top: 3px; - padding-right: 5px; - background-color: transparent !important; - border: none !important; -} - -.desktop-header { - background-color: #E4E4E4; - width: 100%; - height: 46px; - border-bottom: 1px solid #C5C5C5 !important; -} - -.desktop-header-font { - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 10px; -} - -.desktop-header-username { - padding-right: 6px; -} - -.desktop-header-username:hover { - color: blue; - text-decoration: underline; -} - -.menu-href { - font-size: 11px; - font-weight: normal; - color: #333 !important; - text-decoration: none !important; - padding-right: 4px; -} - -.menu-href:hover, .menu-href:active { - text-decoration: underline !important; - color: blue !important; -} - -.menu-href img { - padding: 2px; - padding-right: 4px; - width: 16px; - height: 16px; -} - -.menu-href-newbtn { - height: 17px; - line-height: 10px; - padding: 1px 1px; - padding-bottom: 2px; - padding-left: 2px; - margin-bottom: 2px; -} - -.menu-href-newbtn img { - width: 10px; - height: 10px; -} - -.menu-href-newbtn .z-toolbarbutton-content { - height: 10px; - width: 10px; - display: inline-block; - line-height: 10px; -} - -.z-toolbar.z-toolbar-tabs { - padding-top: 0px; -} - -.window-container-toolbar-btn .z-toolbarbutton-content img { - width: 22px; - height: 22px; -} - -.window-container-toolbar-btn.context-help-btn .z-toolbarbutton-content img { - width: 16px; - height: 16px; - padding: 3px 3px; -} - -.tree-search-combo .z-comboitem-img img { - width: 16px; - height: 16px; -} - -.fav-new-btn { - margin-left: 4px; - margin-bottom: 3px; - padding-left: 1px; -} - -.fav-new-btn img { - height: 16px; - width: 16px; -} - -.disableFilter img { - opacity: 0.2; - filter: progid : DXImageTransform . Microsoft . Alpha(opacity = 20); - -moz-opacity: 0.2; -} - -.toolbar { - padding: 0px; -} - -.z-toolbarbutton-content { - padding: 0px; -} - -.toolbar-button { - background-color: transparent; - display:inline-block; - margin-left: 1px; - margin-right: 1px; - width: 28px; - height: 28px; - padding: 1px; -} - -.breadcrumb-toolbar-button { - background-color: transparent; - display:inline-block; - width: 22px; - height: 22px; -} - -.breadcrumb-toolbar-button img { - width: 22px; - height: 22px; -} - -.breadcrumb-record-info { - font-size: 12px; -} - -.toolbar-button .z-toolbarbutton-content { - width: 24px; - height: 24px; - padding: 1px; - border: none; - display: inline-block; -} - -.depressed img { - border-width: 1px; - border-color: #9CBDFF; - background-color: #C4DCFB; - padding: 0px 1px 0px 1px; -} - -<%-- button --%> -.z-button { - display: inline-block; - margin: 0px; - padding: 4px 20px; - font-size: 12px; - line-height: 20px; - text-align: center; - vertical-align: middle; - cursor: pointer; - background-color: #f5f5f5; - background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); - background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); - background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); - background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); - background-repeat: repeat-x; - border: 1px solid #cccccc; - border-color: #e6e6e6 #e6e6e6 #bfbfbf; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - border-bottom-color: #b3b3b3; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); - zoom: 1; - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); - -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -} - -.z-button { - margin: 0px !important; -} - -.z-button-hover, -.z-button-focus, -.z-button-click, -.z-button-disabled { - color: #333333; - background-color: #e6e6e6; -} - -.z-button-click { - background-color: #cccccc \9; -} - -.z-button-hover, -.z-button-focus { - color: #333333; - text-decoration: none; - background-position: 0 -15px; - -webkit-transition: background-position 0.1s linear; - -moz-transition: background-position 0.1s linear; - -o-transition: background-position 0.1s linear; - transition: background-position 0.1s linear; -} - -.z-button-focus { - outline: 5px auto -webkit-focus-ring-color; -} - -.z-button-click { - background-image: none; - outline: 0; - -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); - -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -} - -.z-button-disabled { - cursor: default; - background-image: none; - opacity: 0.65; - filter: alpha(opacity=65); - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; -} - -.img-btn img { - height: 22px; - width: 22px; - background-color: transparent; -} - -.txt-btn img, .small-img-btn img { - height: 16px; - width: 16px; - background-color: transparent; - vertical-align: middle; - display: inline-block; -} - -.z-button.btn-small { - padding: 1px 5px; -} - -.btn-sorttab { - box-shadow: 0px 0px 4px #bbb; - color: #555; - border: solid 1px #bbb; - text-shadow: 0px 1px 2px #888; -} - -<%-- desktop --%> -div.wc-modal, div.wc-modal-none, div.wc-highlighted, div.wc-highlighted-none { - background-color: white; -} - -.desktop-user-panel { - float: right; -} - -.desktop-layout { - position: absolute; - border: none; - background-color: #E4E4E4; -} - -.desktop-tabbox { - padding-top: 0px; - background-color: #E4E4E4; -} - -.desktop-tabbox .z-tab { - margin-right: 2px; -} - -.desktop-tabbox .z-tab { - height: 24px; -} - -.desktop-tabbox .z-tab-selected { - height: 25px; -} - -.desktop-tabbox .z-tab-selected { - border-top: 2px solid #666; - border-top-left-radius: 5px 5px; - border-top-right-radius: 5px 5px; -} - -.desktop-tabbox .z-tab .z-tab-text { - padding-top: 0px; - padding-bottom: 0px; -} - -.desktop-north, .desktop-center { - border: none; -} - -.desktop-center { - padding-top: 4px; - background-color: #E4E4E4; -} - -.desktop-tabpanel { - margin: 0; - padding: 0; - border: 0; - position: relative !important; - background-color: #FFFFFF -} - -.menu-search-panel .z-comboitem-image { - padding-bottom:4px; -} - -.menu-search-panel-container .z-panel-body { - background-color: transparent; -} - -.menu-search-panel-container .z-panel-top .z-toolbar.z-toolbar-panel { - padding-bottom: 0px; - padding-top: 8px; -} - -.menu-panel .z-toolbar-panel { - padding-right: 0; -} - -.desktop-left-column { - width: 200px; - border: none; - border-right: 1px solid #C5C5C5; - background-color: #E4E4E4; - padding-top: 4px; -} - -.desktop-right-column { - width: 200px; - border: none; - border-left: 1px solid #C5C5C5; - background-color: #E4E4E4; - padding-top: 4px; -} - -.desktop-left-column + .z-west-splitter, .desktop-left-column.z-west { - border-top: none; - border-right: 1px solid #c5c5c5; -} - -.desktop-right-column + .z-east-splitter, .desktop-right-column.z-east { - border-top: none; - border-left: 1px solid #c5c5c5; -} - -.z-south-splitter, .z-west-splitter, .z-east-splitter, .z-north-splitter { - background: none !important; -} - -.desktop-left-column .z-west-body { - border-right: none; -} - -.desktop-right-column .z-east-body { - border-left: none; -} - -.desktop-layout > div > .z-west-collapsed, .desktop-layout > div > .z-east-collapsed { - border-top: none; -} - -.desktop-left-column .z-anchorlayout, .desktop-right-column .z-anchorlayout { - overflow-x: hidden; -} - -.z-anchorlayout { overflow:auto } - -.z-anchorchildren { overflow:visible } - -.slimScroll.z-anchorlayout { overflow:hidden } - -.desktop-hometab { - margin-left: 4px !important; -} - -.desktop-tabbox .z-tabs .z-toolbar-tabs-body { - padding: 0px !important; - margin: 0px !important; -} - -.desktop-tabbox .z-tabs .z-toolbar-tabs-body .z-toolbarbutton { - padding: 0px !important; - border: 1px solid transparent !important; - margin: 0px !important; -} - -.desktop-tabbox .z-tabs .z-toolbar-tabs .z-toolbarbutton-hover { - border: none !important; - padding: 0px !important; - margin: 0px !important; -} - -.desktop-tabbox .z-tabs .z-toolbar-tabs .z-toolbarbutton-hover .z-toolbarbutton-content { - background-image: none !important; - background-color:#DDD !important; - padding: 0px !important; - margin: 0px !important; - -webkit-box-shadow:inset 0px 0px 3px #CCC; - -moz-box-shadow:inset 0px 0px 3px #CCC; - -o-box-shadow:inset 0px 0px 3px #CCC; - -ms-box-shadow:inset 0px 0px 3px #CCC; - box-shadow:inset 0px 0px 3px #CCC; -} - -.desktop-menu-popup { - z-index: 9999; - background-color: #fff; -} - -.desktop-menu-toolbar { - background-color: #ffffff; - verticle-align: middle; - padding: 2px; - border-top: 1px solid #c5c5c5; -} - -.desktop-home-tabpanel { - background-color: #FFFFFF; - width: 100% !important; -} - -.link { - cursor:pointer; - padding: 2px 2px 4px 4px; - border: none !important; -} - -.link.z-toolbarbutton:hover { - border: none !important; - background-image: none !important; - text-decoration: underline; -} - -.link.z-toolbarbutton:hover span { - color: blue; -} - -<%-- dashlet --%> -.z-panel-head { - background-image: none; background-color: #FFFFFF; -} - -.z-panel { - border-radius: 3px; - border: 1px solid #d8d8d8; - border-bottom-width: 2px; -} - -.z-panel-noborder { - border: none !important; -} - -.z-panelchildren { - border: none; -} - -.z-panel-head { - padding-bottom: 4px; - border: none; -} - -.z-panel-head .z-panel-header { - padding: 0 0 2px 0; - color: #262626; - background: #F4F4F4; - font-weight: 300; - font-size: 13px; -} - -.z-caption .z-caption-content { - padding: 0 0 2px 0; - color: #262626; - font-weight: 300; - font-size: 13px; - cursor: move; -} - -.desktop-home-tabpanel .z-panel-head { - background-color: #FFFFFF; -} - -.menu-panel { - width: 100% !important; - height: 100% !important; - position: relative !important; -} - -.menu-panel .z-tree { - border: none !important; - width: 100%; -} - -.dashboard-layout { - width: 100%; - height: 100%; - position: absolute; -} - -.dashboard-widget { - margin-top: 4px; - margin-left: auto; - margin-right: auto; - position: relative; - width: 92%; -} - -.dashboard-widget-max { - margin: auto; - width: auto; -} - -.dashboard-widget.dashboard-widget-max > .z-panel-body > .z-panelchildren { - overflow: auto; -} - -.dashboard-report-iframe { - min-height:300px; - border: 1px solid lightgray; - margin:auto; - width: 99%; - height: 90%; -} - -.favourites-box { - width: 90%; - margin: auto; - padding: 5px 0px 5px 0px; -} - -.favourites-box .z-vbox { - width: 100%; -} - -.favourites-box .z-hbox { - padding: 2px 0px; - width: 100%; -} - -.favourites-box .z-toolbar-start { - float: right; -} - -.recentitems-box { - width: 90%; - margin: auto; - padding: 5px 0px 5px 0px; -} - -.recentitems-box A { - display: block; - padding: 2px 0px; -} - -.recentitems-box .z-toolbar-start { - float: right; -} - -.views-box { - width: 90%; - margin: auto; - padding: 5px 0px 5px 0px; -} - -.views-box .z-vbox { - width: 100%; -} - -.views-box .z-toolbarbutton { - width: 100%; - padding: 2px 0px; -} - -.views-box .link img { - height: 16px; - width: 16px; -} - -.activities-box { - width: 90%; - margin: auto; - padding: 5px 0px 5px 0px; -} - -.activities-box .z-vbox { - width: 100%; -} - -.activities-box .z-button { - text-align: left; -} - -.recentitems-box .z-toolbar, .favourites-box .z-toolbar { - margin-top: 5px; - margin-bottom: 5px; -} - -<%-- adwindow and form --%> -.adwindow-form > .z-grid-body { - background-color: #F9F9F9; -} - -.adwindow-layout { - position:absolute; - border: none; - width: 100%; - height: 100%; - background-color: #F9F9F9; -} - -.adwindow-layout .z-center { - border: none; -} - -.adwindow-north { - min-height: 56px; - width: 100%; - padding: 0px; - margin: 0px; - border: none; -} - -.adwindow-south { - height: 20px; - width: 100%; - padding: 0px; - margin: 0px; - border-top: 1px solid #C5C5C5 !important; -} - -.adwindow-status { - min-height: 22px; -} - -.adwindow-status-docinfo { - display: inline-block; - position: absolute; - right: 4px; -} - -.docstatus-normal .z-label { - color: #6a6a6a; -} - -.docstatus-error .z-label { - color: red; -} - -.adwindow-status-docstatus { - display: inline-block; - float: left; - padding-left: 4px; -} - -.adwindow-toolbar { - border: 0px; - padding: 2px 4px; - height: 26px; - background-image: none; - background-color: #fff; -} - -.adwindow-breadcrumb { - height: 30px; - background-color: #FFF; - padding: 0px; - padding-left: 5px; - border-bottom: 1px solid #C5C5C5 !important; - clear: both; -} - -.adwindow-detailpane { - width: 100%; - overflow-y: visible; -} - -.adwindow-detailpane-tabbox .z-tab-selected span.z-tab-text { - cursor: pointer; -} - -.adwindow-detailpane-tabbox .z-tab-selected span.z-tab-text:hover { - text-decoration: underline; -} - -.adwindow-detailpane-tabpanel { - background-color: #fff -} - -.adwindow-detailpane-toolbar { - border: none; -} - -.adwindow-detailpane-toolbar .z-toolbar-body { - width: 100%; -} - -.adwindow-detailpane-toolbar .z-toolbarbutton { - float: left; - display: inline-block; - padding: 0px; - padding-left: 1px; - width: 20px; -} - -.adwindow-detailpane-toolbar .z-toolbarbutton img { - width: 16px; - height: 16px; -} - -.adwindow-detailpane-toolbar .z-toolbar-body .docstatus-normal, -.adwindow-detailpane-toolbar .z-toolbar-body .docstatus-error { - padding-left: 4px; - margin-top: 2px; -} - -.adwindow-detailpane-toolbar .z-toolbar-body .docstatus-normal .z-label, -.adwindow-detailpane-toolbar .z-toolbar-body .docstatus-error .z-label { - font-size: ${c:property('org.zkoss.zul.theme.fontSizeM')}; -} - -.adwindow-detailpane-message { - float: right; -} - -.adwindow-detailpane-tabbox { - width: 99%; - margin: auto; - background-color: #D3D3D3; -} - -.adwindow-gridview-detail { - height: 200px; -} - -.adwindow-gridview-detail + .z-south-splitter { - border-top: 1px solid #C5C5C5; - border-bottom: 1px solid #C5C5C5; -} - -.adwindow-gridview-detail .z-south-body { - padding-top: 1px; - background-color: #D3D3D3; -} - -.adwindow-gridview-borderlayout { - position: absolute; height: 100%; width: 100%; -} - -<%-- ad tab --%> -.adtab-content { - margin: 0; - padding: 0; - border: none; - position: relative; -} - -.adtab-form { - border:none !important; - margin:0; - padding:0; -} - -.adtab-grid { - margin-top: -1px; - border: none !important; -} - -.adtab-grid-south { - border: none; - height: 30px; -} - -.adtab-grid-south .z-paging { - border: none; - padding: 0; -} - -.adtab-form-borderlayout { - width: 100%; - height: 100%; - position: absolute; -} - -.adtab-form-borderlayout .z-center { - background-color: #F9F9F9; -} - -.adtab-form-borderlayout .z-south-collapsed:before { - content: '${u:cleanAmp(u:getMsg(u:getCtx(), "Detail"))}'; - position: absolute; - font-size: 12px; - font-weight: bold; - text-align: center; - line-height: 12px; - left: 4px; - height: 12px; -} - -.z-south-collapsed { - height: 24px; -} - -.z-south-collapsed:hover, .z-east-collapsed:hover, .z-west-collapsed:hover, .z-north-collapsed:hover { - box-shadow:inset 0 0 8px rgba(197,197,197,0.5); -} - -.z-south-collapsed .z-borderlayout-icon { - height: 12px; - line-height: 12px; -} - -.z-grid tbody tr.highlight td.z-cell { - background-color: #FFFFCC !important; - background-image: none !important; -} - -.z-grid tbody tr.highlight td.row-indicator-selected { - background-color: #FFFFCC !important; - background-image: url(${c:encodeURL('/theme/default/images/EditRecord16.png')}) !important; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - cursor: pointer; -} - -.z-grid tbody tr.highlight td.row-indicator { - background-color: transparent !important; - background-image: none !important; -} - -.form-label -{ - text-align: right; -} - -.form-label-heading -{ - text-align: center; -} - -<%-- status bar --%> -.status { - width: 100%; - height: 20px; -} - -.status-db { - padding-top: 0; - pdding-bottom: 0; - padding-left: 5px; - padding-right: 5px; - cursor: pointer; - width: 100%; - height: 100%; - margin: 0; - border-left: solid 1px #9CBDFF; -} - -.status-info { - padding-right: 10px; - border-left: solid 1px #9CBDFF; -} - -.status-border { - border: solid 1px #9CBDFF; -} - -.form-button { - width: 99%; -} - -.form-button img { - width: 16px; - height: 16px; -} - -<%-- Combobox --%> -.z-combobox-disabled { - color: black !important; cursor: default !important; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; filter: alpha(opacity=100); -} - -.z-combobox-disabled * { - color: black !important; cursor: default !important; -} - -.z-combobox-text-disabled { - background-color: #ECEAE4 !important; -} - -<%-- Button --%> -.z-button-disabled { - color: black; cursor: default; opacity: .6; -moz-opacity: .6; -khtml-opacity: .6; filter: alpha(opacity=60); -} - -<%-- highlight focus form element --%> -input:focus, textarea:focus, .z-combobox-input:focus, z-datebox-input:focus { - border: 1px solid #0000ff; -} - -.mandatory-decorator-text { - text-decoration: none; font-size: xx-small; vertical-align: top; color:red; -} -<%-- menu tree cell --%> -.menu-treecell-cnt { - border: 0; margin: 0; padding: 0; - font-family: ${c:property('org.zkoss.zul.theme.fontFamilyC')}; - font-size: ${c:property('org.zkoss.zul.theme.fontSizeM')}; - font-weight: normal; - overflow-x: hidden; - white-space: nowrap; - text-overflow: ellipsis !important; - cursor: pointer; -} - -.z-treecell-content { - font-family: ${c:property('org.zkoss.zul.theme.fontFamilyC')}; - font-size: ${c:property('org.zkoss.zul.theme.fontSizeM')}; -} - -.z-west-collapsed { - cursor: pointer; - width: 24px; -} - -.z-west-collapsed > .z-borderlayout-icon { - width: 12px; right: auto; -} - -.z-east-collapsed { - cursor: pointer; - width: 24px; -} -.z-east-collapsed > .z-borderlayout-icon { - width: 12px; - left: auto; -} - -<%-- FOCUSED FIELD in different color --%> - -.z-textbox-focus, .z-textbox-focus input, -.z-decimalbox-focus, .z-decimalbox-focus input, -.z-intbox-focus, .z-intbox-focus input, -.z-longbox-focus, .z-longbox-focus input, -.z-doublebox-focus, .z-doublebox-focus input, -.z-combobox-focus .z-combobox-input, -.z-checkbox-focus .z-checkbox-input, -.z-datebox-focus .z-datebox-input, -.z-timebox-focus .z-timebox-input { - background: #FFFFCC; -} - -<%-- Editor --%> -.editor-box { - display: inline-block; - border: none; - padding: 0px; - margin: 0px; - background-color: transparent; - position: relative; -} - -.editor-input { - box-sizing: border-box; - -moz-box-sizing: border-box; /* Firefox */ - display: inline-block; - padding-right: 22px; - width: 100%; - height: 21px; -} - -.editor-input:focus { - border: 1px solid #0000ff; -} - -.editor-input-disd { - padding-right: 0px !important; -} - -.editor-button { - padding: 0px; - margin: 0px; - display: inline-block; - background-color: transparent; - background-image: none; - width: 20px; - height: 22px; - min-height: 22px; - border: none; - position: absolute; - right: 1px; - top: 2px; -} - -.editor-button :hover { - -webkit-filter: contrast(1.5); - filter: contrast(150%); -} - -.editor-button img { - vertical-align: top; - text-align: left; - width: 18px; - height: 18px; - padding: 1px 1px; -} - - -.editor-box .grid-editor-input.z-textbox { -} - -.grid-editor-button { -} - -.grid-editor-button img { -} - -.number-box { - display: inline-block; - white-space:nowrap; -} - -.number-box .grid-editor-input.z-decimalbox { -} - -.datetime-box { - display: inline-block; - white-space:nowrap; -} - -.datetime-box .z-datebox { - display: inline; -} - -.datetime-box .z-timebox { - display: inline; -} - -<%-- Group --%> -tr.z-group { - background: #E9F2FB repeat-x 0 0; - background-image: url(../images/group_bg.gif) !important; -} - -.z-group-header .z-label { - font-family: Helvetica,Arial,sans-serif; - color: #333; - width: auto; - font-weight: bold; - font-size: 11px; -} - -.z-group td.z-group-inner { - overflow: hidden !important; - border-bottom: 1px solid #CFCFCF !important; - border-top: 1px solid #CFCFCF !important; - padding: 4px 5px; -} - -.z-group-icon { - display: inline-block; - font-family: FontAwesome; - font-weight: normal; - font-style: normal; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -.z-group-icon-close:before { - content: "\f0da"; -} -.z-group-icon-open:before { - content: "\f0d7"; -} - <%-- Tablet --%> .tablet-scrolling { -webkit-overflow-scrolling: touch; } -<%-- Tab --%> -.z-tab-close { - top:4px; - margin-right:2px; - padding-right:18px; -} - -<%-- set color for text and label --%> -.z-tab-selected .z-tab-text, .z-tab .z-tab-text, div.z-treefooter-content, div.z-treecell-content, div.z-treecol-content, -.z-label, .z-toolbarbutton-content, tr.z-treerow, tr.z-treerow a, tr.z-treerow a:visited { - color: #333; - font-family: Helvetica,Arial,sans-serif; -} - -.z-textbox-readonly, .z-intbox-readonly, .z-longbox-readonly, .z-doublebox-readonly, -.z-decimalbox-readonly, .z-datebox-readonly, .z-timebox-readonly, .editor-input-disd { - background-color: #F0F0F0; -} - -<%-- menu tree cell --%> -div.z-tree-body td.menu-tree-cell { - cursor: pointer; - padding: 0 2px; - font-size: ${c:property('org.zkoss.zul.theme.fontSizeM')}; - font-weight: normal; - overflow: visible; -} - -div.menu-tree-cell-cnt { - border: 0; margin: 0; padding: 0; - font-family: ${c:property('org.zkoss.zul.theme.fontFamilyC')}; - font-size: ${c:property('org.zkoss.zul.theme.fontSizeM')}; font-weight: normal; - white-space:nowrap -} - -td.menu-tree-cell-disd * { - color: #C5CACB !important; cursor: default!important; -} - -td.menu-tree-cell-disd a:visited, td.menu-tree-cell-disd a:hover { - text-decoration: none !important; - cursor: default !important;; - border-color: #D0DEF0 !important; -} - -div.z-dottree-body td.menu-tree-cell { - cursor: pointer; padding: 0 2px; - font-size: ${c:property('org.zkoss.zul.theme.fontSizeM')}; font-weight: normal; overflow: visible; -} - -div.z-filetree-body td.menu-tree-cell { - cursor: pointer; padding: 0 2px; - font-size: ${c:property('org.zkoss.zul.theme.fontSizeM')}; font-weight: normal; overflow: visible; -} - -div.z-vfiletree-body td.menu-tree-cell { - cursor: pointer; padding: 0 2px; - font-size: ${c:property('org.zkoss.zul.theme.fontSizeM')}; font-weight: normal; overflow: visible; -} - -div.simileAjax-bubble-container { - z-index: 2800 !important; -} - -.info-panel .z-window-overlapped, .info-panel .z-window-highlighted { - background-color: #F4F4F4 !important; -} - -.info-panel .z-grid { - border: none !important; -} - -.info-panel .z-center { -} - -.info-panel .z-listbox { - width: 99% !important; - position: relative; - margin: auto; -} - -.info-panel .z-south { - margin-top: 2px; - border-top: 1px solid #C5C5C5; - background-color: #F4F4F4; -} - -.info-panel .z-window-highlighted .z-window-content { - padding: 0px; -} - -.z-borderlayout, .z-north, .z-center, .z-south { - border: none; -} - -.z-window-embedded .z-window-content { - border: none; -} - -.z-window-embedded .z-window-header, -.z-window-embedded .z-window-content { - background-image: none; -} - -.z-modal-mask { - z-index: 1800 !important; -} - -.grid-layout { - border: none !important; - margin: 0 !important; - padding: 0 !important; - background-color: transparent !important; -} - -.grid-layout .z-row-inner, .grid-layout .z-cell { - border: none !important; - background-color: transparent !important; -} - -.grid-layout tr.z-row-over>td.z-row-inner, .grid-layout tr.z-row-over>.z-cell { - border: none !important; -} - -.grid-layout tr.z-row-over>td.z-row-inner, .grid-layout tr.z-row-over>.z-cell { - background-image: none !important; -} - -.confirm-panel { - width: auto; - height: auto; - position: relative; - padding-left: 2px; - padding-right: 2px; -} - -.confirm-panel-right { - float: right; -} - -.confirm-panel-left { - float: left; -} - -.info-product-tabbedpane { - background-color: #FFFFFF; -} - -.field-label { - position: relative; - float: right; -} - -tbody.z-grid-empty-body td { - text-align: left; -} - -<%-- notification message --%> -.z-notification .z-notification-content { - width: 400px; -} - -.z-notification { - padding: 3px !important; -} - -<%-- toolbar popup dialog --%> -.toolbar-popup-window { - border-left: 1px solid #c5c5c5; - border-right: 1px solid #c5c5c5; -} -.toolbar-popup-window .z-window-content { - padding: 0px; -} -.toolbar-popup-window.z-window.z-window-noheader { - padding: 4px; - padding-bottom: 0px; -} - -.toolbar-popup-window.process-buttons-popup .z-button { - white-space: nowrap; - width: 95%; - text-align: left; - margin: auto; -} - -.toolbar-popup-window.process-buttons-popup .toolbar-popup-window-cnt { - padding: 8px; -} - -.toolbar-popup-window::before { - border-bottom: 7px solid rgba(0, 0, 0, 0.2); - border-left: 7px solid transparent; - border-right: 7px solid transparent; - content: ""; - display: inline-block; - left: 9px; - position: absolute; - top: -7px; -} - -.toolbar-popup-window::after { - border-bottom: 6px solid #FFFFFF; - border-left: 6px solid transparent; - border-right: 6px solid transparent; - content: ""; - display: inline-block; - left: 10px; - position: absolute; - top: -6px; -} - -.toolbar-popup-window .dialog-footer { - padding: 4px; -} - -.adwindow-detailpane-sub-tab::before { - content: ''; - position: absolute; - width: 0px; - height: 0px; - top: 6px; - left: 4px; - border-top: 5px dashed transparent; - border-left: 5px dashed #696969; - border-right: 5px dashed transparent; - border-bottom: 5px solid transparent; -} - -span.grid-combobox-editor { - width: 100% !important; - position: relative; -} - -.grid-combobox-editor input { - width: 100% !important; - padding-right: 26px; - border-bottom-right-radius: 6px; - border-top-right-radius: 6px; - border-right: 0px; -} - -.grid-combobox-editor.z-combobox-disabled input { - border-bottom-right-radius: 3px; - border-top-right-radius: 3px; - border-right: 1px solid #cfcfcf; - padding-right: 5px; -} - -.grid-combobox-editor .z-combobox-button { - position: absolute; - right: 0px; - top: 1px; - border-bottom-right-radius: 3px; - border-top-right-radius: 3px; - border-bottom-left-radius: 0px; - border-top-left-radius: 0px; -} - -.grid-combobox-editor input:focus { - border-right: 0px; -} - -.grid-combobox-editor input:focus + .z-combobox-button { - border-left: 1px solid #0000ff; -} - -.embedded-dialog { - position: absolute; -} - -.embedded-dialog .z-window-embedded-header { - color: #fff; - font-weight: bold; -} - -.z-window { - padding: 0px; -} - -.z-window-embedded .z-window-content { - border: none; -} - -.z-window-overlapped .z-window-content, .z-window-modal .z-window-content, -.z-window-highlighted .z-window-content, .z-window-embedded .z-window-content { - border: none; -} - -.z-window-header { - padding: 4px; - border-top-left-radius: 3px; - border-top-right-radius: 3px; - background-color: #484848; - border-color: #484848; -} -.z-window-embedded > .z-window-header { - border-radius: 0px; - background-color: transparent; -} - -.z-window-overlapped, .z-window-popup, .z-window-modal, .z-window-highlighted, -.embedded-dialog .z-window-embedded -{ - background-color: #fff; - margin: 0px; -} - -.z-window-overlapped .z-window-header, -.z-window-popup .z-window-header, -.z-window-modal .z-window-header, -.z-window-highlighted .z-window-header -{ - color: #fff; - font-weight: bold; -} - -.z-window-header, .z-window-content { - background-image: none !important; -} - -.z-window-modal-shadow, .z-window-overlapped-shadow, .z-window-popup-shadow, .z-window-embedded-shadow, .z-window-highlighted-shadow -{ - border-radius: 0px !important; -} - -<%-- Splitter button --%> -.z-east-splitter-button, -.z-west-splitter-button, -.z-north-splitter-button, -.z-south-splitter-button { - filter: alpha(opacity=100); <%-- IE --%> - opacity: 1.0; <%-- Moz + FF --%> -} - -.z-east-splitter-button-over, -.z-west-splitter-button-over, -.z-north-splitter-button-over, -.z-south-splitter-button-over { - -webkit-filter: brightness(50%); - filter: brightness(50%); -} - -.help-content -{ - padding: 5px; - font-size: 11px; - font-weight: normal; -} - -<%-- Tree nodes configurable on Setup Wizard --%> -.tree-wsetupwizard-finished { - background-color: #90EE90; - margin-left:20px -} - -.tree-wsetupwizard-skipped { - background-color: #00FF00; - margin-left:20px -} - -.tree-wsetupwizard-delayed { - background-color: #0080FF; - margin-left:20px; -} - -.tree-wsetupwizard-in-progress { - background-color: #FFFF33; - margin-left:20px; -} - -.tree-wsetupwizard-pending { - background-color: #FFFF00; - margin-left:20px; -} - -.tree-setupwizard-nostatus{ - margin-left:20px; -} - -.tree-wsetupwizard-finished-all { - background-color: #90EE90; -} - -.progressmeter-setupwizard { -background: #FFFF00 repeat-x 0 0 ; -background-image: none; -border: 1px solid #CFCFCF; -text-align: left; -height: 20px; -overflow: hidden; -} -.progressmeter-setupwizard-img { -display: inline-block; -background: #90EE90; -background-image: none; -height: 20px; -line-height: 0; -font-size: 0; -} - -.menu-search-toggle-box { - display: inline-block; - border: 1px solid #ababab; -} - -.menu-search-toggle-box .z-toolbarbutton-hover { - border: none; -} - -.menu-search-toggle-off { - margin:0px; - padding: 1px 4px 1px 4px; - border-radius: 0px; -} - -.menu-search-toggle-on { - background: #999999 !important; - -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset !important; - box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset !important; - margin:0px !important; - padding: 1px 4px 1px 4px !important; - border-radius: 0px; -} - -.menu-search-toggle-on img, .menu-search-toggle-off img { - height: 16px; - width: 16px; -} -<%-- workaround for http://jira.idempiere.com/browse/IDEMPIERE-692 --%> -.z-combobox-popup { - max-height: 200px; -} - -<%-- dialog --%> -.popup-dialog .z-window-overlapped .z-window-content, .popup-dialog .z-window-highlighted .z-window-content { - padding: 0px; - background-color: #f5f5f5; -} -.popup-dialog > .z-window-content, .info-panel > .z-window-content { - padding: 0px; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} -.popup-dialog .dialog-content { - padding: 8px !important; - --margin-bottom: 20px !important; -} - -.popup-dialog.z-window-overlapped .dialog-footer { - padding: 12px 15px 8px 15px !important; -} - -.popup-dialog.z-window-highlighted .dialog-footer { - padding: 12px 15px 8px 15px !important; -} - -.dialog-footer { - margin-bottom: 0; - background-color: #f5f5f5; - border-top: 1px solid #ddd; - -webkit-box-shadow: inset 0 1px 0 #ffffff; - -moz-box-shadow: inset 0 1px 0 #ffffff; - box-shadow: inset 0 1px 0 #ffffff; -} - -.btn-ok { - font-weight: bold; -} - <%-- vbox fix for firefox and ie --%> table.z-vbox > tbody > tr > td > table { width: 100%; } -<%-- performance indicator --%> -.performance-indicator { - margin: auto; - position: relative; -} - -.performance-indicator img { - display: block; - margin: auto; -} - -.window-view-pi .performance-indicator img { -} - -.performance-indicator-box { - background-color: #eee; - border: 1px solid #d8d8d8; - border-radius: 5px; - cursor: pointer; -} - -.performance-indicator-title { - text-align: center; - background-color: #c8c8c8; - border: 1px solid #c8c8c8; - padding-top: 4px; - padding-bottom: 4px; -} - -.performance-panel .z-grid { - border: none; - margin:0; - padding:0; - position: relative; - width: 100%; -} - -<%-- about dialog --%> -.about-trace-panel { -} -.about-info-panel { -} -.about-credit-panel { -} -.about-credit-panel-logo { -} -.about-credit-panel-sponsors { -} -.about-credit-panel-sponsors-header { -} -.about-credit-panel-sponsors-links { -} -.about-credit-panel-contributors { -} -.about-credit-panel-contributors-header { -} -.about-credit-panel-contributors-links { -} -.about-main-panel { -} -.about-main-panel-logo { -} -.about-main-panel-version { -} -.about-main-panel-links { -} - -<%-- busy dialog --%> -.busy-dialog { - cursor: wait; - background-color: transparent; -} - -.busy-dialog-box { - background-color: transparent; - padding: 9px; -} - -.busy-dialog-img { - height: 16px; - width: 16px; - background: transparent no-repeat center; - background-image: url(../images/progress3.gif) !important; - display: -moz-inline-box; - vertical-align: top; - display: inline-block; -} - -.busy-dialog-label { - color: #363636; -} - -<%-- tab editor --%> -.tab-editor-form { -} -.tab-editor-form-content { -} -.tab-editor-form-east-panel { -} -.tab-editor-form-center-panel { -} -.tab-editor-form-west-panel { -} - <%-- workflow activity --%> .workflow-activity-form { } - .workflow-panel-table { border: 0px; } -<%-- find window --%> -.find-window { -} -.find-window-simple { -} -.find-window-advanced { -} - -.find-window-simple .z-south .z-hbox, .find-window-advanced .z-south .z-hbox { - margin-top: 5px; -} - -.find-window-simple .img-btn, .find-window-simple .img-btn.btn-ok.z-button, .find-window-simple .img-btn.btn-cancel.z-button, -.find-window-advanced .img-btn, .find-window-advanced .img-btn.btn-ok.z-button, .find-window-advanced .img-btn.btn-cancel.z-button { - margin: 0 2px; -} - <%-- payment form --%> .payment-form-content { } -<%-- help window --%> -.help-window { - position: relative; -} -.help-window-header { - padding: 10px 0 10px 20px; -} -.help-window-title { - color: #FF0000; -} -.help-window-description { -} -.help-window-help { -} -.help-window-tabs { - color: #0000CC; -} -.help-window-content { - border-top: 1px solid #ddd; -} -.help-window-content-l { -} -.help-window-content-r { - border-left: 1px solid #ddd; - padding: 5px; -} -.help-window-tab { - border-bottom: 1px solid #ddd; -} -.help-window-tab-header { - background-color: #E6E6FA; -} -.help-window-tab-name { - padding: 3px 15px !important; - color: #000066; -} -.help-window-tab-description { - padding: 3px !important; -} -.help-window-tab-help { -} -.help-window-fields { - border-bottom: 1px solid #ddd; - color: #6600CC; - padding: 5px 15px; -} -.help-window-fields-link { -} -.help-window-field { - border-bottom: 1px solid #ddd; - padding: 5px 15px; -} -.help-window-field-name { - color: #0000CC; -} -.help-window-field-description { -} -.help-window-field-help { -} + -.help-window p, .help-window h3, .help-window h4, .help-window h5 { - display: inline; -} + -.help-window-content-r a { - color: #3465a4 !important; - text-decoration: underline; -} + -.help-window-content-r a:hover { - text-decoration: none; -} + -.help-window-content-l a { - color: #000 !important; - text-decoration: none; -} + -.help-window-content-l a:hover { - text-decoration: none; -} + -.help-window-content-l td { - padding: 8px 20px; - border-bottom: 1px solid #ddd; -} + + + -.help-window-tab td { - padding: 5px 15px 0 15px; -} + -.help-window-content-l tr:hover td { - background-color: #eee; -} + -<%-- payment rule --%> -.payment-rule-editor { - display: inline-block; - border: none; - padding: 0px; - margin: 0px; - background-color: transparent; - position: relative; -} -.payment-rule-editor .z-combobox { - width: 100%; -} -.payment-rule-editor .z-combobox-input { - display: inline-block; - padding-right: 44px; - width: 100%; - height: 24px; - border-bottom-right-radius: 6px; - border-top-right-radius: 6px; - border-right: 0px; -} -.payment-rule-editor .z-combobox-input:focus { - border: 1px solid #0000ff; -} -.payment-rule-editor .z-combobox-input.editor-input-disd { - padding-right: 22px !important; -} -.payment-rule-editor .z-combobox-button { - position: absolute; - right: 0px; - top: 1px; -} -.payment-rule-editor .z-combobox .z-combobox-button-hover { - background-color: #ddd; - background-position: 0px 0px; -} -.payment-rule-editor .editor-button { - border-radius: 0px; - right: 24px; -} + -<%-- chart --%> -.chart-field { - padding: 10px; - border: 1px solid lightgray !important; -} -.dashboard-widget.dashboard-widget-max .chart-gadget { - height: 100% !important; -} + -<%-- text overflow for grid cell --%> -.z-cell > span.z-label { - overflow: hidden; - text-overflow: ellipsis; - display: inline-block; - width: 100%; -} + -.z-column-content, .z-listheader-content, .z-listcell-content { - padding: 2px 3px 1px; -} + -.z-grid-body .z-cell { - padding: 2px 3px; -} + -.z-treecell-content { - padding: 2px 1px; -} + -.z-tab-button :hover { - color: blue; -} + -.z-row .z-cell, .z-listitem .z-listcell, .z-listitem.z-listitem-selected>.z-listcell { - border-left: 1px solid #cfcfcf; -} + -.z-grid-emptybody td { - text-align: left; -} + + + + + + + + + -.z-grid-body { - background-color: #FFF; -} \ No newline at end of file