Template:ReportCard/report-card.css: Difference between revisions
mNo edit summary |
mNo edit summary |
||
(38 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
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 { | .report-card { | ||
width: | width: 50vw; | ||
min-width: 500px; | min-width: 500px; | ||
border-radius: 5px; | border-radius: 5px; | ||
margin: | margin: 28px auto 28px auto; | ||
overflow: hidden; | overflow: hidden; | ||
box-shadow: 0 0 10px gray; | box-shadow: 0 0 10px gray; | ||
transition-duration: 0.5s; | transition-duration: 0.5s; | ||
font-family: helvetica !important; | |||
} | } | ||
Line 31: | Line 45: | ||
background-color: mediumturquoise; | background-color: mediumturquoise; | ||
color: white; | color: white; | ||
border: none; | border: none !important; | ||
width: 90%; | width: 90%; | ||
margin: 5px; | margin: 5px; | ||
Line 42: | Line 56: | ||
display: inline-block; | display: inline-block; | ||
justify-content: left; | justify-content: left; | ||
font-size: | font-size: 20px; | ||
} | } | ||
Line 53: | Line 67: | ||
.summary-container { | .summary-container { | ||
word-break: keep-all; | word-break: keep-all; | ||
max-width: 100%; | max-width: 100%; | ||
padding: | padding: 15px; | ||
border: none !important; | |||
max-height: 50vh; | |||
text-overflow: ellipsis; | |||
font-family: helvetica!important; | |||
} | } | ||
Line 72: | Line 89: | ||
.logo { | .logo { | ||
width: | width: 70px; | ||
height: | height: 70px; | ||
margin: | border: 1px solid #c2c2c2; | ||
border-radius: 8px; | |||
object-fit: cover; | |||
margin: 15px; | |||
} | } | ||
Line 84: | Line 104: | ||
.logo-container { | .logo-container { | ||
width: | width: 70px; | ||
height: | height: 70px; | ||
border-radius: 5%; | border-radius: 5%; | ||
flex: 1; | flex: 1; | ||
margin: 5px; | margin: 5px; | ||
padding: 5px; | padding: 5px; |
Latest revision as of 20: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: 50vw;
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: 20px;
}
@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: 15px;
}
@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;
}