MediaWiki:Common.css

From Filmwerkplaats MediaWiki
Revision as of 15:51, 12 May 2025 by Nan (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

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)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* ==== SimpleCalendar Styling ==== */

/* Make calendar table fill the width */
.mw-parser-output table.calendar {
    width: 100% !important;
    border-collapse: collapse !important;
    font-family: sans-serif !important;
    table-layout: fixed !important;
    margin: 1em 0 !important;
    font-size: 28px !important;
}

/* Style headers (month names and weekdays) */
.mw-parser-output .calendar th {
    background-color: #f0f0f0;
    padding: 0.75em;
    font-size: 32px !important;
    text-align: center;
}

/* Style each day cell */
.mw-parser-output .calendar td {
    border: 1px solid #ccc;
    padding: 0.6em;
    vertical-align: top;
    text-align: center;
    font-size: 28px !important;
    height: 100px;
    overflow: hidden;
}

/* Style the day number links */
.mw-parser-output .calendar td a {
    display: block;
    font-size: 32px !important;
    line-height: 40px !important;
    color: #0366d6;
    text-decoration: none;
    font-weight: bold;
    padding: 0.3em;
}

/* Hover effect */
.mw-parser-output .calendar td a:hover {
    background-color: #e0e0e0;
    border-radius: 6px;
}