Jump to content

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

From VeraciaWiki
No edit summary
No edit summary
 
(54 intermediate revisions by the same user not shown)
Line 1: Line 1:
.infobox {
.infobox {
    background: #eee;
  border: 1px solid #000;
    border: 1px solid #aaa;
  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: 30%;
    width: 250px;
   float: right;
   }
   border-collapse: collapse;
    
   table-layout: fixed
   .infobox th, .infobox td {
}
    padding: 0.5em; /* Add padding to cells */
 
  }
.infobox .infobox-title {
 
  font-size: 1.5em;
  .infobox-title {
  font-weight: bold;
    font-size: 1.5em;
  text-align: center;
    text-align: center;
  text-indent: 0;
    font-weight: bold;
  padding-bottom: 0;
   }
   margin-bottom: 0;
 
}
  .infobox-race, .infobox-class {
 
    text-align: center;
.infobox-race-class {
   }
  text-align: center;
 
   padding-top: 0;
  .infobox-image {
  margin-top: 0;
    text-align: center;
}
   }
 
    
.infobox-primary .infobox-image {
   .infobox-image-quote {
  text-align: center;
    text-align: center;
   padding: 0;
    font-style: italic;
   margin: 0;
   }
   width: 25%;
    
}
   .infobox th.infobox-title {
 
    text-align: left; /* Title should be left-aligned */
.infobox-image-quote {
  }
  font-style: italic;
    
  text-align: center;
   .infobox tr.infobox-image-quote {
  vertical-align: top;
    /* Remove bottom border for image quote row */
  padding-bottom: 20px;
    border-bottom: none;
   padding-top: 0;
  }
}
 
 
  .infobox tr.infobox-image {
.infobox th,
    /* Add some space above the image */
.infobox td {
    margin-top: 0.5em;
  padding: 0.25em;
  }
   vertical-align: top;
 
   font-size: 0.9em;
  .infobox tr.infobox-title {
}
    /* Remove top border for title row */
 
    border-top: none;
.infobox-primary-end th {
   }
  border: 1px solid #000;
  vertical-align: middle;
}
 
.infobox-secondary th {
  text-align: left;
  padding-left: 0.5em;
}
 
.infobox-secondary-end th {
   text-align: left;
   padding-left: 0.5em;
}
 
.infobox-secondary-end td {
  border-bottom: 1px solid #000;
}
 
.infobox-attribute {
  border: 1px solid #000 !important;
  text-align: center !important;
  text-indent: 0 !important;
}
 
.infobox-attribute-value {
  border: 1px solid #000 !important;
  text-align: center !important;
  text-indent: 0 !important;
   font-weight: normal !important;
}

Latest revision as of 14:47, 13 April 2024

.infobox {
  border: 1px solid #000;
  margin: 0 0 0.5em 0.5em;
  padding: 0.5em;
  width: 30%;
  float: right;
  border-collapse: collapse;
  table-layout: fixed
}

.infobox .infobox-title {
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  text-indent: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.infobox-race-class {
  text-align: center;
  padding-top: 0;
  margin-top: 0;
}

.infobox-primary .infobox-image {
  text-align: center;
  padding: 0;
  margin: 0;
  width: 25%;
}

.infobox-image-quote {
  font-style: italic;
  text-align: center;
  vertical-align: top;
  padding-bottom: 20px;
  padding-top: 0;
}

.infobox th,
.infobox td {
  padding: 0.25em;
  vertical-align: top;
  font-size: 0.9em;
}

.infobox-primary-end th {
  border: 1px solid #000;
  vertical-align: middle;
}

.infobox-secondary th {
  text-align: left;
  padding-left: 0.5em;
}

.infobox-secondary-end th {
  text-align: left;
  padding-left: 0.5em;
}

.infobox-secondary-end td {
  border-bottom: 1px solid #000;
}

.infobox-attribute {
  border: 1px solid #000 !important;
  text-align: center !important; 
  text-indent: 0 !important;
}

.infobox-attribute-value {
  border: 1px solid #000 !important;
  text-align: center !important; 
  text-indent: 0 !important;
  font-weight: normal !important;
}