Template:Experiences/cards.css: Difference between revisions

From Wikiyouth
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;
}