Template:ReportCard/report-card.css: Difference between revisions
mNo edit summary |
mNo edit summary |
||
Line 94: | Line 94: | ||
border-radius: 8px; | border-radius: 8px; | ||
object-fit: cover; | object-fit: cover; | ||
margin: 5px; | |||
} | } | ||
Revision as of 19:55, 18 July 2023
kbd, samp, code, pre {
border: none !important;
font-family: helvetica !important;
}
pre {
max-width: 100% !important;
padding: 0px !important;
white-space: pre-line !important;
word-break: keep-all !important;
font-family: helvetica !important;
}
.report-card {
width: 33vw;
min-width: 500px;
border-radius: 5px;
margin: 28px auto 28px auto;
overflow: hidden;
box-shadow: 0 0 10px gray;
transition-duration: 0.5s;
font-family: helvetica !important;
}
@media screen and (max-width: 400px) {
.report-card {
width: 100%;
min-width: 95vw;
max-width: 95vw;
}
}
.report-card:hover {
transition: 0.5s;
}
.comp-img {
width: 100%;
height: auto;
vertical-align: middle;
}
.learn-more {
background-color: mediumturquoise;
color: white;
border: none !important;
width: 90%;
margin: 5px;
border-radius: 5px;
padding: 5px;
margin: auto;
}
.card-title {
display: inline-block;
justify-content: left;
font-size: 15px;
}
@media screen and (max-width: 500px) {
.card-title {
font-size: 12px;
}
}
.summary-container {
word-break: keep-all;
max-width: 100%;
padding: 15px;
border: none !important;
max-height: 50vh;
text-overflow: ellipsis;
font-family: helvetica!important;
}
.img-container {
display: flex;
overflow: hidden;
width: 100%;
justify-content: center;
align-items: center;
max-height: 30em;
height: auto;
position: relative;
border-bottom: 1px solid lightgray;
overflow: hidden;
}
.logo {
width: 70px;
height: 70px;
border: 1px solid #c2c2c2;
border-radius: 8px;
object-fit: cover;
margin: 5px;
}
@media screen and (max-width: 500px) {
.logo {
width: 75px;
}
}
.logo-container {
width: 70px;
height: 70px;
border-radius: 5%;
flex: 1;
margin: 5px;
padding: 5px;
align-items: center;
justify-content: center;
vertical-align: middle;
}
.view-more,
.edit {
width: 50%;
background-color: mediumturquoise;
color: white;
border-radius: 5px;
border: none;
margin: 5px;
}