Template:AuthorCard/styles.css: Difference between revisions

From AbhiprayaVedi
Created page with ".author-card { display: flex; margin: 10px 0 0; padding-top: 5px; padding-bottom: 15px; border: 1px solid #ddd; border-radius: 6px; } .author-card-image img { width: 120px; height: auto; border-radius: 4px; } .author-card-content { padding: 15px 15px 15px 0px; flex: 1; } .author-card-name { margin-top: 0; margin-bottom: 8px; padding-left: 15px; } .author-card-bio { padding-top: 5px; padding-right: 0px; padding-bottom: 5px;..."
 
mNo edit summary
 
Line 1: Line 1:
.author-card {
.author-card {
   display: flex;
   display: flex;
   margin: 10px 0 0;
   gap: 1rem;
   padding-top: 5px;
   border-top: 2px solid #ccc;
  padding-bottom: 15px;
   padding: 1rem 0;
  border: 1px solid #ddd;
   border-radius: 6px;
}
}


.author-card-image img {
.author-photo img {
   width: 120px;
   border-radius: 50%;
    height: auto;
   max-width: 150px;
   border-radius: 4px;
}
}


.author-card-content {
.author-info {
  padding: 15px 15px 15px 0px;
   flex: 1;
   flex: 1;
}
}


.author-card-name {
.author-name {
   margin-top: 0;
   font-size: 1.2em;
  margin-bottom: 8px;
   font-weight: bold;
   padding-left: 15px;
}
}


.author-card-bio {
.author-display {
    padding-top: 5px;
  font-size: 1em;
    padding-right: 0px;
  color: #555;
    padding-bottom: 5px;
}
    padding-left: 15px;
 
   color: #444;
.author-bio {
   line-height: 1.5;
   margin-top: 0.5em;
   line-height: 1.4;
}
}

Latest revision as of 11:14, 2 June 2026

.author-card {
  display: flex;
  gap: 1rem;
  border-top: 2px solid #ccc;
  padding: 1rem 0;
}

.author-photo img {
  border-radius: 50%;
  max-width: 150px;
}

.author-info {
  flex: 1;
}

.author-name {
  font-size: 1.2em;
  font-weight: bold;
}

.author-display {
  font-size: 1em;
  color: #555;
}

.author-bio {
  margin-top: 0.5em;
  line-height: 1.4;
}