Jump to content

Wikipedia:WikiProject Louisville/Infobox/styles.css

From Wikipedia, the free encyclopedia
/*
  Styles for WikiProject Louisville's infobox on the front page
*/

/* Control rendering of regular infobox parts for better display on mobile devices. */
.wplouinfobox .infobox-image { padding: 2px; }
.wplouinfobox .infobox-label { padding: 2px; width: 60px; line-height: 110%; text-align: left; }
.wplouinfobox .infobox-data { padding: 2px; width: 100%; line-height: 110%; }

/* The following styles WikiProject Louisville's "Articles Most Edited" list by:
   1) fixing first column width so it displays better on mobile devices;
   2) having alternate row background colors for easier readability;
   3) resizing to better fit in the project's infobox. */
.wplouhotlist { line-height: 100%; } 
.wplouhotlist table { table-layout: fixed; width: 260px; }
.wplouhotlist table tr:nth-child(even) { background-color: #f7f7f7; } 
.wplouhotlist table td:first-child { width: 50px; }
.wplouhotlist table td:nth-child(2) { width: 100%; text-align: left; }

/* Improve display of project statistics. */
.wplouprojstats li { line-height: 110%; margin-top: 2px; margin-bottom: 4px; }

/* Improve readability of news items. */
.wplounewsitem:nth-child(even) { background-color: #f7f7f7; }