/* * This stylesheet overrides the PrimeFaces UI styles. * * NOTES *------------------ * The concept for overriding the PrimeFaces styles is to load this stylesheet after primefaces resources; two * ways to accomplish this: * A) Use to load this stylesheet and any other resource lastly. * e.g. * * Or * B) Call this stylesheet within the instead of tag. * * Method "A" did not seemed take effect, perhaps other configurations may be required. On the other hand, the * method "B" worked, however, it appears that the theme.css served by PrimeFaces takes precedence over all other stylesheets. * The solution, therefore, is to apply !important to every rule on any element that it's styled by theme.css. Alternatively, * and complete solution is to configure our custom stylesheet as theme.css, as suggested in PrimeFaces documentation. * * Yet, another alternative (currently in place), is to... * 1. Prevent loading theme.css in web.xml * * primefaces.THEME * none * * * 2. Add theme.css to the * * * 3. Add this stylesheet to the as stated above in option B. */ /** * WIZARD STYLES ************************************/ .ui-datatable-tablewrapper{ overflow: hidden; } .ui-wizard {} .ui-wizard-content {} .ui-wizard-step-titles { } .ui-wizard-step-title { margin: 0 6px 0 0; padding: 0.8em; color: #4f4f4f; background: transparent; /* !important;*/ text-shadow: 0 0 0 #333; /* !important;*/ box-shadow: 0 0 0 transparent inset; /* !important;*/ border-radius: 0; /* !important;*/ border: 0; /* !important;*/ font-size: 16px; } .ui-wizard-navbar {} .ui-wizard-nav-back {} .ui-wizard-nav-next {} /* * The wizard step tiles also have the classes 'ui-state-default', * 'ui-state-highlight', and 'ui-corner-all' that come from * theme.css. The folowing rules override these classes specifically for * the wizard. */ .profileAddressGrid.ui-panelgrid>*>tr, .profileAddressGrid.ui-panelgrid .ui-panelgrid-cell { border: none; padding: 0; padding-right : 30px } .ui-wizard-step-titles .ui-state-default{ color: #4f4f4f ; background : transparent; border : 0; } .ui-wizard-step-titles .ui-state-highlight{ color: #4f4f4f ; background:#fff; /* !important;*/ border-top: 6px solid #8db7cf; /* !important;*/ border-right: 1px solid #a8a8a8; /* !important;*/ border-bottom: 1px solid #fff; /* !important;*/ border-left: 1px solid #a8a8a8; /* !important;*/ } .ui-wizard-content{ margin-top: -1px; /* !important;*/ } .ui-wizard-content .ui-widget-content{ border-top-left-radius: 0; /* !important;*/ border-top-right-radius: 0; /* !important;*/ padding-top:10px; } .customPanelHeader1 .ui-widget-header{ background: transparent; vertical-align: center; border: 0; border-bottom: 1px solid #a8a8a8; line-height: 32px; } /********/ /** * MISC ************************************/ .ui-message-error{ display:inline-block; font-size:11pt !important; } .ui-tooltip .ui-tooltip-text{ padding: 3px 10px; background-color: #ffffff; color: #4f4f4f; border: 1px solid #a8a8a8; max-width: 400px; } /** * CUSTOM **************************************/ .custom-ui-button:hover{ border: 1px solid #7096AB; background-color:#85b2cb; color: #313131; box-shadow: 0 0 8px #85b2cb; } /** * DIALOG **************************************/ .ui-dialog-content > iframe { height: 100% !important; width:100% !important; } td.ui-panelgrid-cell.label{ text-align:left; width: 12em; } td.ui-panelgrid-cell.wizardLabel{ text-align:left; width: 20%; } td.ui-panelgrid-cell.wizardValue{ text-align:left; width: 80%; } /** * FIELDSET **************************************/ .ui-fieldset-legend.ui-state-default{ border:0; background:transparent;padding:3px; } /** * DROPDOWN **************************************/ /* #content .ui-selectonemenu {background: none;} #content .ui-selectonemenu .ui-selectonemenu-label {overflow: initial !important; line-height: 22px; } */