opt-cc/static/src/styles.css

81 lines
1.1 KiB
CSS
Raw Normal View History

@import "../node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css";
2017-05-10 11:04:06 +02:00
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 {
2018-07-30 21:30:59 +02:00
max-width: 20%;
min-width: 345px;
margin: 0;
position: static;
2017-05-10 11:04:06 +02:00
float: left;
2018-08-01 20:53:25 +02:00
border-right: thin solid #dadada;
2018-08-04 10:35:26 +02:00
box-shadow: #dadada 1px 1px 6px;
2017-05-10 11:04:06 +02:00
}
2017-09-03 12:49:59 +02:00
2017-05-10 11:04:06 +02:00
#right {
2017-08-12 23:13:39 +02:00
overflow: hidden;
2017-05-10 11:04:06 +02:00
}
/* 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 {
2018-07-15 15:38:33 +02:00
display: flex;
}
.snack-bar-button button {
2018-07-15 15:38:33 +02:00
color: #ffffff;
border: 1px solid;
margin-left: 10px;
}
/* Icon theme */
.mat-icon {
color: #c5c5c5;
}