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

From Pixelrus
Jump to navigation Jump to search
No edit summary
m (Remove the gap between infobox headers and card borders)
 
(One intermediate revision by the same user not shown)
Line 5: Line 5:
   width: 220px;
   width: 220px;


   background-color: #000;      /* ← black */
   background-color: #fefefe;      /* ← black */
   color: #fff;                /* default text inside cells */
   color: #fff;                /* default text inside cells */


   border: 4px solid #8BC34A;   /* lime-green accent */
   border: 4px solid #000000;  
   border-radius: 12px;
   border-radius: 12px;
   border-collapse: separate;
   border-collapse: separate;
  border-spacing: 0;
   box-shadow: 0 0 0 2px rgba(0,0,0,0.4);
   box-shadow: 0 0 0 2px rgba(0,0,0,0.4);
}
}


table.item-infobox th.header-main {
table.item-infobox th.header-main {
   background-color: #4CAF50;  /* darker header strip */
   background-color: #000000;  /* darker header strip */
   color: #fff;
   color: #fff;
   font-size: 140%;
   font-size: 140%;

Latest revision as of 08:02, 3 August 2026

/* ═════════════ Item infobox (minimal) ═════════════ */
table.item-infobox {
  float: right;
  clear: right;
  width: 220px;

  background-color: #fefefe;      /* ← black */
  color: #fff;                 /* default text inside cells */

  border: 4px solid #000000; 
  border-radius: 12px;
  border-collapse: separate;
  border-spacing: 0;
  box-shadow: 0 0 0 2px rgba(0,0,0,0.4);
}

table.item-infobox th.header-main {
  background-color: #000000;   /* darker header strip */
  color: #fff;
  font-size: 140%;
  text-align: center;
  padding: 6px 0;
}

table.item-infobox td.img-cell {
  text-align: center;
  padding: 8px 0;
}