/* CSS stylesheet for events.php */

/******** events display *******/


table.events_list
{
  width: 100%;
  max-width: 700px;
  margin: 20px 0;
}

table.events_list tr.future td
{
  color: black;
  background: white;
  font-size: 110%;
}

table.events_list tr.past td
{
  color: #999;
  background: #eee;
  font-size: 100%;
}

table.events_list tr td
{
  vertical-align: top;
  padding: 5px;
}

table.events_list tr td.date
{
  white-space: nowrap;
}

table.events_list tr td.year 
{ 
  font-size: 120%; 
  font-weight: bold; 
}

div.events_list
{
  display: grid;
  grid-template-columns: 100px auto;
  gap: 10px;
}

div.events_list div.year
{
  font-size: 150%;
}

form.addbutton { margin: 10px 0 }
form.addbutton input[type=submit]
{
  background: linear-gradient(white, lightgreen);
}

div.yearlist
{
  margin: 20px 0;
  background: #eee;
  padding: 1px 10px;
}

div.yeardates
{
  margin: 20px 0;
  background: #eee;
}
div.yeardates p
{
  margin: 10px 0;
}


div.pastdateslink
{
  margin: 20px 0;
  padding: 10px 0;
  border-top: 1px solid #cdc;
}