ds-front-test/css/ds.css

121 lines
1.8 KiB
CSS

@import '../vendor/fontawesome-free/css/all.css';
:root {
--ispc-blue: #213B55;
}
body {
height: 100%;
}
header {
border-bottom: 1px lightgrey solid;
padding-top: 10px;
padding-bottom: 10px;
}
header i,
header a.btn,
header span.btn
{
color: #333 !important;
}
hr {
width: 100%;
}
main {
background-color: #ebeef0;
}
footer {
min-height: 40px;
background-color: #213B55;
padding: 1rem 5rem;
}
footer a {
color: #fff;
cursor: pointer;
text-decoration: underline;
}
footer a:hover {
color: #fff;
}
footer .column > a {
display: block;
}
ul {
list-style: none;
}
ul li {
padding: 5px;
}
td ul {
margin-left: 0;
padding-left: 0;
}
.report-container {
margin: 0 auto;
background-color: #fff;
padding: 1rem 1rem 3rem 1rem;
}
.mt-2 {
margin-top: 2rem !important;
}
.blue-bg {
background-color: var(--ispc-blue) !important;
}
.btn {
color: #fff;
background-color: var(--ispc-blue);
border-color: var(--ispc-blue);
}
.btn:hover {
color: #fff;
background-color: var(--ispc-blue);
opacity: 0.7;
border-color: var(--ispc-blue);
}
table.table td,
table.table th {
border: none;
}
.table-sample {
max-width: 65%;
}
#map {
height: 500px;
}
#gallery img {
max-height: 200px;
min-height: 200px;
}
#coord span {
display: block;
}
/* Print layout */
@media print {
.report-container {
width: 100%;
}
.navbar,
footer,
#map {
display: none;
}
}
/* Responsiveness... */
@media (min-width: 1652px) {
.report-container {
width: 75%;
}
td.key {
min-width: 400px;
}
}
@media (max-width: 1652px) {
.report-container {
width: 100%;
}
td.key {
min-width: 200px;
}
}