MediaWiki:Common.css

Nota: Después de publicar, quizás necesite actualizar la caché de su navegador para ver los cambios.

• Firefox/Safari: Mantenga presionada la tecla Shift mientras pulsa el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
• Google Chrome: presione Ctrl+Shift+R (⌘+Shift+R en Mac)
• Internet Explorer/Edge: mantenga presionada Ctrl mientras pulsa Actualizar, o presione Ctrl+F5
• Opera: Presiona Ctrl+F5.

.contentTable{
  display:grid; 
  place-items:center;
}
.table,.colectionOfficeTable{
  display:flex; 
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.colectionOfficetitleRow{
  display: grid;
  gap: 10px;
  align-items: center;
  border: 5px solid #60422a;
  border-radius: 10px;
  padding: 5px;
  background: #2a1f19;
  box-shadow: 0px 0px 5px 1px #0000008c;
  grid-template-columns: 1fr 1fr 5fr;
  width: 100%;
  color: #5e321a;
  font-size: 20px; 
  text-align: center;
  font-weight: 600;
}
.colectionOfficeTitleRow .title{
  border: 2px solid #74563d; 
  border-radius: 10px; 
  padding: 5px; 
  background: #d4ba91;
}
.colectionOfficeTableRow{
  display: grid;
  gap: 10px;
  align-items: center;
  padding: 5px; 
  box-shadow: 0px 0px 5px 1px #0000008c;
  width: 100%;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  justify-items: center;
}
.objItem{
  border: 2px solid #74563d;
  border-radius: 10px;
  padding: 5px;
 background: #d4ba91;
}
@media (max-width: 768px){
  .table,.colectionOfficeTable{
    display:flex; 
    flex-direction: row;
  }
  .colectionOfficeTitleRow{
    display: none;
  }
  .colectionOfficeTableRow{
    display:flex;
    flex-direction: column; 
    gap: 10px;
    grid-template-columns: 1fr;
  }
}