opt-cc/static/src/styles.css

81 lines
1.1 KiB
CSS

@import "../node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css";
body {
padding-top: 50px;
}
.tabs-container {
width: 520px;
}
label {
display: block;
}
.ng-touched.ng-invalid {
border-color: #a94442;
}
.tag-controls > .form-control {
width: calc(100% - 119px);
display: inline-block;
}
.tag-controls > button {
margin-top: -2px;
}
.tag-controls {
padding-bottom: 8px;
}
form {
padding-bottom: 10px;
}
#footer {
position: fixed;
bottom: 0;
width: 100%;
}
#left {
max-width: 20%;
min-width: 345px;
margin: 0;
position: static;
float: left;
border-right: thin solid #dadada;
box-shadow: #dadada 1px 1px 6px;
}
#right {
overflow: hidden;
}
/* MATERIAL */
/* Snackbar begin*/
.custom-snack-bar {
text-align: center;
border-radius: 8px 8px 0 0 !important;
font-weight: 700;
color: #ffffff;
text-shadow: black 0.1em 0.1em 0.2em
}
.custom-snack-bar > simple-snack-bar {
display: flex;
}
.snack-bar-button button {
color: #ffffff;
border: 1px solid;
margin-left: 10px;
}
/* Icon theme */
.mat-icon {
color: #c5c5c5;
}