MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* CSS placed here will be applied to all skins */
.item-layout {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 2em;
}

.item-main {
  flex: 1;
  min-width: 0;
}

.item-infobox {
  flex: 0 0 300px;
  max-width: 300px;
  padding: 1em;
}



.recipe-container tbody tr {
  background: rgba(255, 255, 255, 0.02);
  transition: background 0.2s ease;
}

.recipe-container tbody tr:hover {
  background: rgba(52, 152, 219, 0.1);
}

.recipe-container tbody td {
  padding: 10px 8px;
  border-bottom: 1px solid rgba(15, 76, 117, 0.3);
  color: #ecf0f1;
}

.recipe-container tbody tr:last-child td {
  border-bottom: none;
}

/* Responsive */
@media (max-width: 768px) {
  .recipe-container > div > div:first-child {
    grid-template-columns: 1fr !important;
  }
}