281 lines
5.4 KiB
CSS
281 lines
5.4 KiB
CSS
@import "~ag-grid-community/dist/styles/ag-grid.css";
|
|
@import "~ag-grid-community/dist/styles/ag-theme-dark.css";
|
|
@import "~@angular/material/prebuilt-themes/indigo-pink.css";
|
|
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');
|
|
|
|
body{
|
|
margin: 0 auto;
|
|
background-color: #272324;
|
|
width: 100%;
|
|
font-family: 'Roboto Slab', 'Cambria', serif !important;
|
|
color: white;
|
|
background-size: auto 100%;
|
|
background-image: url("./assets/tlo.png");
|
|
background-position: center ;
|
|
background-repeat: no-repeat;
|
|
background-attachment: fixed;
|
|
background-color: #000080;
|
|
}
|
|
|
|
.btn {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ag-header-cell-label {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.ag-cell{
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.ag-paging-page-summary-panel{
|
|
color: darkgray;
|
|
display: inline-block;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.ag-paging-row-summary-panel{
|
|
color: darkgray;
|
|
}
|
|
|
|
/* @media screen and (max-width: 800px) {
|
|
.hide{
|
|
display: none;
|
|
}
|
|
} */
|
|
|
|
.btn, div, button, input, label, textarea {
|
|
border-radius: 0 !important;
|
|
}
|
|
|
|
.ag-theme-dark {
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.container {
|
|
max-width: 100% !important;
|
|
margin: 2rem auto !important;
|
|
}
|
|
|
|
.alert-grey {
|
|
background-color: #22272a;
|
|
}
|
|
|
|
body .ui-dialog .ui-dialog-titlebar {
|
|
border: 1px solid #000 !important;
|
|
background-color: #000 !important;
|
|
}
|
|
|
|
body .ui-dialog .ui-dialog-content {
|
|
color: #fff !important;
|
|
background-color: #272324 !important;
|
|
border-color: #cea856 !important;
|
|
}
|
|
|
|
.snackbar-success {
|
|
background-color: #082d05 !important;
|
|
border-color: #28a745 !important;
|
|
border-radius: 0 !important;
|
|
color: white !important;
|
|
}
|
|
|
|
.snackbar-error {
|
|
background-color: #3f1010 !important;
|
|
border-color: #dc3545 !important;
|
|
border-radius: 0 !important;
|
|
color: white !important;
|
|
}
|
|
|
|
a:hover{
|
|
color: white !important;
|
|
}
|
|
|
|
.ag-paging-button{
|
|
color: darkgrey;
|
|
background-color: transparent;
|
|
border-color: darkgrey;
|
|
}
|
|
|
|
.ag-paging-panel{
|
|
height: 50px !important;
|
|
}
|
|
|
|
label.btn-study-cave {
|
|
margin-left: 5px !important;
|
|
}
|
|
|
|
.btn-study-cave {
|
|
color: #fff;
|
|
background-color: #000080;
|
|
}
|
|
|
|
.btn-study-cave:hover {
|
|
background-color: orange;
|
|
color: #FFF !important;
|
|
}
|
|
|
|
.alert-danger{
|
|
background-color: transparent;
|
|
color: #cea856;
|
|
border-color: #cea856;
|
|
}
|
|
|
|
.alert-success{
|
|
background-color: transparent;
|
|
color: #cea856;
|
|
border-color: #cea856;
|
|
}
|
|
|
|
.mat-form-field-label {
|
|
color: #fff !important;
|
|
}
|
|
|
|
.mat-form-field-underline {
|
|
background-color: #fff !important;
|
|
}
|
|
|
|
.mat-simple-snackbar {
|
|
justify-content: center !important;
|
|
font-family: 'Roboto Slab', 'Cambria', serif !important;
|
|
}
|
|
|
|
.button
|
|
{
|
|
clip-path: polygon(0% 50%, 15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%);
|
|
background-color: #000080;
|
|
width: auto;
|
|
min-width: 300px;
|
|
text-align: center;
|
|
border-color: #000080;
|
|
border-bottom: #000080;
|
|
color: white;
|
|
font-size: x-large;
|
|
outline: none;
|
|
}
|
|
|
|
.button:hover
|
|
{
|
|
background-color: orange;
|
|
border-color: orange;
|
|
}
|
|
|
|
button:hover, a:hover {
|
|
transition: 400ms !important;
|
|
}
|
|
|
|
.content .wrapper .content {
|
|
background-color: #28102f !important;
|
|
border: 1px solid #625283 !important;
|
|
}
|
|
|
|
.ui-dialog * {
|
|
font-family: 'Roboto Slab', 'Cambria', serif !important;
|
|
}
|
|
|
|
.ui-dialog .fa, .ui-dialog .fas, .ui-dialog .far, .ui-dialog .pi {
|
|
font-family: "primeicons" !important;
|
|
}
|
|
|
|
.ag-theme-dark * {
|
|
font-family: 'Roboto Slab', 'Cambria', serif !important;
|
|
}
|
|
|
|
.ag-theme-dark .fa, .ag-theme-dark .fas, .ag-theme-dark .far {
|
|
font-family: "Font Awesome 5 Free" !important;
|
|
}
|
|
|
|
.ag-theme-dark .ag-body, .ag-theme-dark .ag-row-odd, .ag-theme-dark .ag-menu {
|
|
background-color: #19032f !important;
|
|
}
|
|
|
|
.ag-theme-dark input, .ag-theme-dark select {
|
|
background-color: #1e0935 !important;
|
|
padding: 1rem !important;
|
|
}
|
|
|
|
.ag-filter-body-wrapper > div {
|
|
padding: 0.5rem !important;
|
|
background-color: #0c0118 !important;
|
|
}
|
|
|
|
.ag-theme-dark .ag-row-even {
|
|
background-color: #29054d !important;
|
|
}
|
|
|
|
.ag-theme-dark .ag-paging-panel {
|
|
border-bottom: 1px solid darkgrey !important;
|
|
border-left: 1px solid darkgrey !important;
|
|
border-right: 1px solid darkgrey !important;
|
|
border-top-width: 0 !important;
|
|
}
|
|
|
|
.ag-theme-dark, .ag-theme-dark .ag-header {
|
|
background-color: #0c0118 !important;
|
|
}
|
|
|
|
.ag-theme-dark .ag-row-focus {
|
|
background-color: #6c08d7 !important;
|
|
}
|
|
|
|
.ag-theme-dark .ag-row-hover {
|
|
background-color: #4f069d !important;
|
|
}
|
|
|
|
.ui-listbox {
|
|
display: block !important;
|
|
width: 700px !important;
|
|
}
|
|
|
|
.ag-theme-dark {
|
|
font-size: 24px !important;
|
|
}
|
|
|
|
.ag-header {
|
|
font-size: 24px !important;
|
|
height: 60px !important;
|
|
min-height: 60px !important;
|
|
text-align: center;
|
|
}
|
|
|
|
.ag-header-row, .ag-header-cell {
|
|
height: 60px !important;
|
|
min-height: 60px !important;
|
|
}
|
|
|
|
.ag-theme-dark .ag-header-cell {
|
|
line-height: 50px !important;
|
|
}
|
|
|
|
@media screen and (max-width: 700px) {
|
|
.ag-theme-dark {
|
|
font-size: 16px !important;
|
|
}
|
|
|
|
.ag-header {
|
|
font-size: 16px !important;
|
|
}
|
|
|
|
}
|
|
|
|
@media screen and (max-width: 470px) {
|
|
.ag-theme-dark {
|
|
font-size: 14px !important;
|
|
}
|
|
|
|
.ag-header {
|
|
font-size: 14px !important;
|
|
|
|
}
|
|
|
|
.ag-paging-panel {
|
|
font-size: 12px !important;
|
|
}
|
|
|
|
} |