/* CSS stylesheet for media.php */

div.medialist
{
  width: max-content;
}

table.medialist
{
  margin: 10px auto;
}
table.medialist tr td
{
  background: white;
  color: black;
  padding: 10px;
  border-top: 1px solid #c96;
  border-bottom: 1px solid #da7;
}

table.medialist tr td a
{
  color: black;
  text-decoration: none;
  border: 2px outset #c96;
  padding: 2px;
  background: linear-gradient(#fed, #c96);
  border-radius: 5px;
}

div.mediaplayer
{
  width: 95%;
  width: calc(100% - 20px);
  max-width: 660px;
  padding: 10px; 
  margin: auto;
  background: #fff8f0;
  border-radius: 10px;
}

div.mediaplayer video, div.mediaplayer audio
{
  display: block;
  width: 100%;
  max-width: 660px;
  margin: 10px auto;
  padding: 0;
}