287 lines
7.4 KiB
CSS
287 lines
7.4 KiB
CSS
/* FIX HEADER IN HERO REGION */
|
|
.t-HeroRegion-wrap {
|
|
padding-top: 2rem;
|
|
}
|
|
.t-HeroRegion-wrap .t-HeroRegion-title {
|
|
line-height: 2;
|
|
}
|
|
.t-HeroRegion-wrap .t-HeroRegion-title button {
|
|
position: relative;
|
|
top: -0.3rem;
|
|
margin-left: 2rem;
|
|
}
|
|
.t-HeroRegion-wrap .t-HeroRegion-icon {
|
|
background: #5e5750;
|
|
}
|
|
.t-HeroRegion-wrap div.container div.row button {
|
|
margin-top: 1.4rem;
|
|
}
|
|
div.t-Dialog-body .t-HeroRegion {
|
|
margin-top: -3rem;
|
|
}
|
|
|
|
/* STRETCH HERO REGION + SHOW CLOSE BUTTON ON RIGHT EDGE */
|
|
.t-HeroRegion-col.t-HeroRegion-col--right {
|
|
display: none;
|
|
}
|
|
.t-HeroRegion-col .t-HeroRegion-title {
|
|
margin-bottom: 1rem;
|
|
}
|
|
.t-HeroRegion-col.t-HeroRegion-col--content button.RIGHT {
|
|
float: right;
|
|
position: relative;
|
|
right: 0;
|
|
top: 1rem;
|
|
}
|
|
.t-HeroRegion-col.t-HeroRegion-col--content {
|
|
line-height: 150%;
|
|
}
|
|
|
|
|
|
|
|
/* LINKS IN GRID */
|
|
table.a-GV-table a {
|
|
font-style: normal;
|
|
font-weight: bold !important;
|
|
text-decoration: none !important;
|
|
color: #518D54 !important;
|
|
}
|
|
table.a-GV-table a:hover {
|
|
text-decoration: underline !important;
|
|
color: #000 !important;
|
|
}
|
|
table.a-GV-table span.fa,
|
|
table.a-GV-table a span.fa {
|
|
color: #555 !important;
|
|
}
|
|
table.a-GV-table a span.fa:hover {
|
|
color: #000 !important;
|
|
}
|
|
|
|
|
|
|
|
/* CHECKBOX IN GRID + IN REPORT HEADER */
|
|
table.a-GV-table .apex-item-single-checkbox input:checked+.u-checkbox,
|
|
table.a-GV-table .apex-item-single-checkbox input:checked+label,
|
|
table.a-GV-table .u-checkbox.is-checked,
|
|
.u-selector.is-selected {
|
|
--a-checkbox-background-color: #7A9867 !important;
|
|
--a-checkbox-text-color: #fff !important;
|
|
}
|
|
table.a-GV-table .apex-item-single-checkbox input:checked+.u-checkbox:hover,
|
|
table.a-GV-table .apex-item-single-checkbox input:checked+label:hover,
|
|
table.a-GV-table .u-checkbox.is-checked:hover,
|
|
.a-IG-controlsCheckbox:checked+.a-IG-controlsCheckboxLabel:hover,
|
|
.a-IRR-controlsCheckbox:checked+.a-IRR-controlsCheckboxLabel:hover,
|
|
.u-selector.is-selected:hover,
|
|
ul.a-IG-reportSummary span.a-IG-reportSummary-icon:hover {
|
|
--a-checkbox-background-color: #5e5750 !important;
|
|
--a-checkbox-text-color: #fff !important;
|
|
}
|
|
|
|
|
|
|
|
/* FIX CONTROL BREAK FILTER BACKGROUND */
|
|
.icon-ig-control-break,
|
|
.a-IG-reportSummary-icon {
|
|
background: #7A7363;
|
|
}
|
|
|
|
/* GRID CONTROL BREAK */
|
|
div.a-IG-body table tr.a-GV-controlBreak,
|
|
div.a-IG-body table tr.a-GV-controlBreak th.a-GV-controlBreakHeader {
|
|
font-weight: bold;
|
|
color: #333;
|
|
}
|
|
|
|
/* REMOVE FUGLY OUTLINES IN GRID */
|
|
div.a-IG-body *:focus {
|
|
outline: none !important;
|
|
}
|
|
|
|
/* HIDE USELESS EDIT BUTTON */
|
|
div.a-Toolbar-group [data-action="edit"] {
|
|
display: none !important;
|
|
}
|
|
|
|
/* HOT BUTTON IN A GRIDD - SAVE BUTTON */
|
|
button.a-Button.a-Toolbar-item.js-actionButton.a-Button--hot.is-active {
|
|
background: #518D54;
|
|
}
|
|
|
|
|
|
|
|
/* BACKGROUND ON SELECTED ROW IN GRID + SHADOW */
|
|
.a-GV-table tr.is-selected .a-GV-cell,
|
|
.a-GV-table tr.is-updated .a-GV-cell { /* CHANGED ROW */
|
|
background-color: #ececea !important;
|
|
}
|
|
.a-GV-table .a-GV-cell.is-focused,
|
|
.a-GV-table .a-GV-controlBreakHeader.is-focused,
|
|
.a-GV-table .a-GV-header.is-focused,
|
|
.a-GV-table .a-GV-headerGroup.is-focused {
|
|
box-shadow: inset 0 0 0 2px #666 !important;
|
|
}
|
|
|
|
/* BACKGROUND ON SELECTED ROW IN GRID DURING EDIT */
|
|
.a-GV-table tr.is-selected td.is-active.is-focused,
|
|
.a-GV-table tr.is-selected td.is-active.is-focused input {
|
|
box-shadow: inset 0 0 0 2px #999 !important;
|
|
}
|
|
|
|
/* HIDE BORDERS ON READ ONLY ITEMS */
|
|
div.NO_BORDERS span.display_only.apex-item-display-only {
|
|
border: 0;
|
|
}
|
|
|
|
/* FIX GRID COLUMN GROUPS - REMOVE DOUBLE BORDERS */
|
|
th.a-GV-headerGroup {
|
|
border-left: 0;
|
|
border-top: 0;
|
|
}
|
|
|
|
|
|
|
|
/* HERO REGION WITHOUT ICON */
|
|
div.t-HeroRegion.t-HeroRegion--hideIcon {
|
|
margin-bottom: -2rem;
|
|
}
|
|
|
|
|
|
|
|
/* NOTIFICATIONS */
|
|
div.a-Notification,
|
|
div.a-Notification.a-Notification--error .a-Notification-title,
|
|
div.a-Notification.a-Notification--error .a-Notification-item,
|
|
.t-Alert.t-Alert--success .t-Alert-title {
|
|
color: #111;
|
|
font-family: 'Roboto', sans-serif;
|
|
font-size: 110%;
|
|
}
|
|
div.a-Notification .a-Notification-item,
|
|
div.a-Notification.a-Notification--error .a-Notification-item {
|
|
font-size: 80%;
|
|
line-height: 130%;
|
|
}
|
|
|
|
/* ICON */
|
|
.t-Alert--horizontal .t-Alert-icon .t-Icon {
|
|
font-size: 200%;
|
|
background: transparent;
|
|
padding: 3rem 4rem 3rem 2rem;
|
|
}
|
|
.t-Alert.t-Alert--success .t-Alert-title,
|
|
.t-Alert.t-Alert--success.t-Alert--horizontal .t-Alert-icon {
|
|
color: #fff !important;
|
|
}
|
|
.t-Alert--warning.t-Alert--horizontal .t-Alert-icon,
|
|
.t-Alert--yellow.t-Alert--horizontal .t-Alert-icon {
|
|
color: #333;
|
|
}
|
|
|
|
/* SUCCESS NOTIFICATION */
|
|
.t-Alert.t-Alert--success.t-Alert--horizontal {
|
|
background: #518D54 !important;
|
|
}
|
|
|
|
/* WARNING NOTIFICATION */
|
|
button.a-Button.a-Button--notification.js-showDetails {
|
|
background: transparent;
|
|
border: 0;
|
|
outline: none;
|
|
}
|
|
/** fa fa-info-circle */
|
|
.t-Alert--colorBG.t-Alert--warning,
|
|
.t-Alert--colorBG.t-Alert--yellow {
|
|
background: #E3C04D;
|
|
}
|
|
.t-Alert--horizontal .t-Alert-buttons {
|
|
align-items: end;
|
|
}
|
|
|
|
|
|
|
|
/* HIDE HEADER ON MODAL PAGE */
|
|
.ui-dialog-titlebar {
|
|
border-bottom: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
.ui-dialog-titlebar > * {
|
|
display: none;
|
|
}
|
|
.HIDDEN {
|
|
display: none;
|
|
}
|
|
|
|
|
|
|
|
/* FOOTER */
|
|
footer.t-Footer {
|
|
background-color: #efedeb;
|
|
align-items: start;
|
|
font-weight: 100%;
|
|
}
|
|
footer.t-Footer div.t-Footer-top a { /* LINK TO TOP */
|
|
color: #666;
|
|
}
|
|
|
|
|
|
|
|
/* DIVIDER FOR LIST VIEW */
|
|
ul.a-ListView li.a-ListView-divider.ui-bar-inherit {
|
|
font-weight: normal;
|
|
background: transparent;
|
|
}
|
|
|
|
|
|
|
|
/* SHOW SOURCE CODE AS MONOSPACE */
|
|
.SOURCE_CODE div.t-Form-itemWrapper,
|
|
.SOURCE_CODE td.t-Report-cell,
|
|
span.SOURCE_CODE {
|
|
font-family: 'Roboto Mono', monospace;
|
|
white-space: pre;
|
|
}
|
|
.SOURCE_CODE td.t-Report-cell {
|
|
padding: 0.1rem 0.5rem;
|
|
white-space: pre;
|
|
font-size: 85%;
|
|
color: #111;
|
|
}
|
|
|
|
|
|
|
|
/* REGION FILTERS (ITEMS USED TO FILTER VIEW) ABOVE REPORT/GRID */
|
|
.REGION_FILTERS {
|
|
font-size: 85%;
|
|
color: #555;
|
|
padding: 0 1rem 1.2rem;
|
|
margin-top: -0.5rem;
|
|
}
|
|
.REGION_FILTERS .ITEM_NAME {
|
|
padding: 0 0.5rem 0 0;
|
|
}
|
|
.REGION_FILTERS .ITEM_VALUE {
|
|
color: #000;
|
|
padding: 0 2rem 0 0;
|
|
}
|
|
.REGION_FILTERS a {
|
|
color: #000;
|
|
}
|
|
|
|
|
|
|
|
/* TABS */
|
|
ul.t-Tabs.t-Tabs--simple {
|
|
margin: 0 1.5rem 1.5rem;
|
|
}
|
|
ul.t-Tabs.t-Tabs--simple .t-Tabs-link {
|
|
padding: 1rem 1.5rem;
|
|
}
|
|
ul.t-Tabs.t-Tabs--simple .is-active .t-Tabs-link {
|
|
box-shadow: none;
|
|
border-bottom: 6px solid #7A7363;
|
|
outline: none;
|
|
}
|
|
|