MediaWiki:Common.css: Difference between revisions

From Filmwerkplaats MediaWiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
table.calendar,
/* ==== SimpleCalendar Styling ==== */
table.simplecalendar {
 
/* Make calendar table fill the width */
.mw-parser-output table.calendar {
     width: 100% !important;
     width: 100% !important;
     border-collapse: collapse !important;
     border-collapse: collapse !important;
     font-family: sans-serif !important;
     font-family: sans-serif !important;
     font-size: 0.95em !important;
     table-layout: fixed !important;
     margin: 1em 0 !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;
}
}


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


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


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

Latest revision as of 15:51, 12 May 2025

/* ==== 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;
}