diff options
Diffstat (limited to 'ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/column-advanced-display/column-advanced-display.component.css')
-rw-r--r-- | ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/column-advanced-display/column-advanced-display.component.css | 108 |
1 files changed, 108 insertions, 0 deletions
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/column-advanced-display/column-advanced-display.component.css b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/column-advanced-display/column-advanced-display.component.css new file mode 100644 index 00000000..81b64fba --- /dev/null +++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/column-advanced-display/column-advanced-display.component.css @@ -0,0 +1,108 @@ +table, th , td { + border: 1px solid grey; + border-collapse: collapse; + padding: 5px; +} +table tr:nth-child(odd) { + background-color: #f1f1f1; +} +table tr:nth-child(even) { + background-color: #ffffff; +} + +.btn-alt { + border-color: #087ac2 transparent #0568ae; + background-color: #0568ae; + background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); + color: #ffffff; } + +.checkbox { + position: relative; + min-height: 24px; + font-family: "Omnes-ECOMP-W02", Arial; + font-size: 1rem; +} +.checkbox input { + -webkit-tap-highlight-color: transparent; + height: 20px; + margin-left: 20px; + opacity: 0; + outline: none; + position: absolute; + left: 1px; + top: 1px; + width: 10px; } +.checkbox input:focus + .skin { + border-color: #0568ae; } +.checkbox input:focus + .skin:before { + content: ""; + height: 34px; + left: -6px; + top: -6px; + outline: 1px dotted #000000; + position: absolute; + width: 34px; } +.checkbox input:checked:not(:disabled) + .skin { + background-color: #0568ae; + border-color: #0568ae; } +.checkbox input:checked:disabled + .skin:after { + color: #5A5A5A; } +.checkbox input:checked + .skin:after { + height: 20px; + width: 10px; + background-color: transparent; + font-size: 23.4px; + color: #FFFFFF; + line-height: 21px; } +.checkbox input:disabled + .skin { + cursor: not-allowed; + background-color: #d2d2d2; + border-color: #d2d2d2; + color: #666666; } +.checkbox input:disabled + .skin + span { + cursor: not-allowed; + color: #666666; } +.checkbox input:invalid + .skin { + border: solid 1px #cf2a2a; } +.checkbox input:indeterminate + .skin:after { + background-color: transparent; + font-size: 25px; + color: #0574ac; + content: "\e920"; } +.checkbox .skin { + background-color: #fff; + border: 1px solid #d2d2d2; + border-radius: 3px; + display: inline-block; + height: 24px; + width: 24px; + position: absolute; + left: 0; + top: 0; } +.checkbox span { + display: inline-block; + margin-left: 34px; + margin-top: 0; + position: relative; + top: 3px; } +.checkbox label { + font-size: 1.6rem; + font-family: "Omnes-ECOMP-W02", Arial; } +.checkbox input { + z-index: 9999; } +.checkbox input.indeterminate + .skin:after { + font-size: 22px; + color: #0568ae; } + +input { + background-color: #ffffff; + border: 1px solid #d2d2d2; + -webkit-appearance: none; + box-shadow: 2px 3px 2px -2px rgba(0, 0, 0, 0.08) inset; + transition: border .3s linear 0s; + font-family: "Omnes-ECOMP-W02", Arial; } + +mat-icon{ + color: #006496; + cursor: pointer; +} |