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

From I-Pixelmon
Jump to navigation Jump to search
(Created page with "→‎═════════════ Item infobox (minimal) ═════════════: table.item-infobox { float: right; clear: right; width: 220px; background-color: #fefefe; →‎static accent colour for every item page: border: 4px solid #8BC34A; border-radius: 12px; border-collapse: separate; box-shadow: 0 0 0 2px rgba(0,0,0,0.1); } table.item-infobox th.header-main { →‎same accent colour, darker shade: background-c...")
 
No edit summary
Line 5: Line 5:
   width: 220px;
   width: 220px;


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


  /* static accent colour for every item page */
   border: 4px solid #8BC34A;   /* lime-green accent */
   border: 4px solid #8BC34A;
   border-radius: 12px;
   border-radius: 12px;
   border-collapse: separate;
   border-collapse: separate;
   box-shadow: 0 0 0 2px rgba(0,0,0,0.1);
   box-shadow: 0 0 0 2px rgba(0,0,0,0.4);
}
}


table.item-infobox th.header-main {
table.item-infobox th.header-main {
  /* same accent colour, darker shade */
   background-color: #4CAF50;   /* darker header strip */
   background-color: #4CAF50;
   color: #fff;
   color: #fff;
   font-size: 140%;
   font-size: 140%;
   text-align: center;
   text-align: center;

Revision as of 16:14, 10 June 2025

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

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

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

table.item-infobox th.header-main {
  background-color: #4CAF50;   /* 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;
}