Template:Experiences/cards.css: Difference between revisions
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
.visualdata.datatable.cards td:before { | .visualdata.datatable.cards td:before { | ||
content: "" !important; | content: "" !important; | ||
Line 8: | Line 7: | ||
color: gray; | color: gray; | ||
font-weight: bold; | font-weight: bold; | ||
max-height: 100px; | max-height: 100px; | ||
} | } | ||
.visualdata.datatable.cards td[data-label="Picture"] img { | .visualdata.datatable.cards td[data-label="Picture"] img { | ||
border-bottom: 1px solid #ccc; | border-bottom: 1px solid #ccc; | ||
border-radius: 1000px; | border-radius: 1000px; | ||
display: block; | display: block; | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
width: 100%; | width: 100%; | ||
height: auto; | |||
} | } | ||
.visualdata.datatable.cards td[data-label="Name"] { | .visualdata.datatable.cards td[data-label="Name"] { | ||
background: blue; | background: blue; | ||
border-bottom: 1px solid #ccc; | border-bottom: 1px solid #ccc; | ||
text-align: center; | text-align: center; | ||
} | } | ||
.visualdata.datatable.cards td[data-label="Country"] { | .visualdata.datatable.cards td[data-label="Country"] { | ||
border-bottom: 1px solid #ccc; | border-bottom: 1px solid #ccc; | ||
text-align: center; | text-align: center; | ||
} | } | ||
.visualdata.datatable.cards td[data-label="Project"] { | .visualdata.datatable.cards td[data-label="Project"] { | ||
border-bottom: 1px solid #ccc; | border-bottom: 1px solid #ccc; | ||
text-align: center; | text-align: center; | ||
} | } | ||
.visualdata.datatable.cards td[data-label="Testimony"] { | .visualdata.datatable.cards td[data-label="Testimony"] { | ||
text-align: left; | |||
text-align: left; | |||
} | } |
Revision as of 13:29, 17 November 2024
.visualdata.datatable.cards td:before {
content: "" !important;
position: relative;
margin-left: 0;
margin-right: 1rem;
text-align: left;
color: gray;
font-weight: bold;
max-height: 100px;
}
.visualdata.datatable.cards td[data-label="Picture"] img {
border-bottom: 1px solid #ccc;
border-radius: 1000px;
display: block;
margin-left: auto;
margin-right: auto;
width: 100%;
height: auto;
}
.visualdata.datatable.cards td[data-label="Name"] {
background: blue;
border-bottom: 1px solid #ccc;
text-align: center;
}
.visualdata.datatable.cards td[data-label="Country"] {
border-bottom: 1px solid #ccc;
text-align: center;
}
.visualdata.datatable.cards td[data-label="Project"] {
border-bottom: 1px solid #ccc;
text-align: center;
}
.visualdata.datatable.cards td[data-label="Testimony"] {
text-align: left;
}