Jump to content

Template:Infobox Player/styles.css: Difference between revisions

From VeraciaWiki
No edit summary
No edit summary
Line 2: Line 2:
     background: #eee;
     background: #eee;
     border: 1px solid #aaa;
     border: 1px solid #aaa;
    float: right;
     margin: 0 0 0.5em 0.5em;
     margin: 0 0 0.5em 0.5em;
     padding: 0.5em;
     padding: 0; /* Remove padding as cells have padding */
     width: 250px;
     width: 250px;
}
  }
.infobox-title {
 
  .infobox th, .infobox td {
    padding: 0.5em; /* Add padding to cells */
  }
 
  .infobox-title {
     font-size: 1.5em;
     font-size: 1.5em;
     text-align: center;
     text-align: center;
     font-weight: bold;
     font-weight: bold;
}
  }
.infobox-race-class {
 
  .infobox-race, .infobox-class {
     text-align: center;
     text-align: center;
}
  }
 
 
.infobox-image {
  .infobox-image {
     text-align: center;
     text-align: center;
}
  }
.infobox-image-quote {
 
  .infobox-image-quote {
     text-align: center;
     text-align: center;
     font-style: italic;
     font-style: italic;
}
  }
 
 
.infobox-table th {
  .infobox th.infobox-title {
     text-align: left;
     text-align: left; /* Title should be left-aligned */
     vertical-align: top;
  }
     width: 120px;
 
}
  .infobox tr.infobox-image-quote {
.infobox-table td {
     /* Remove bottom border for image quote row */
     vertical-align: top;
    border-bottom: none;
}
  }
 
  .infobox tr.infobox-image {
     /* Add some space above the image */
    margin-top: 0.5em;
  }
 
  .infobox tr.infobox-title {
     /* Remove top border for title row */
    border-top: none;
  }

Revision as of 16:47, 4 April 2024

.infobox {
    background: #eee;
    border: 1px solid #aaa;
    margin: 0 0 0.5em 0.5em;
    padding: 0; /* Remove padding as cells have padding */
    width: 250px;
  }
  
  .infobox th, .infobox td {
    padding: 0.5em; /* Add padding to cells */
  }
  
  .infobox-title {
    font-size: 1.5em;
    text-align: center;
    font-weight: bold;
  }
  
  .infobox-race, .infobox-class {
    text-align: center;
  }
  
  .infobox-image {
    text-align: center;
  }
  
  .infobox-image-quote {
    text-align: center;
    font-style: italic;
  }
  
  .infobox th.infobox-title {
    text-align: left; /* Title should be left-aligned */
  }
  
  .infobox tr.infobox-image-quote {
    /* Remove bottom border for image quote row */
    border-bottom: none;
  }
  
  .infobox tr.infobox-image {
    /* Add some space above the image */
    margin-top: 0.5em;
  }
  
  .infobox tr.infobox-title {
    /* Remove top border for title row */
    border-top: none;
  }