Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
No edit summary
No edit summary
Line 49: Line 49:


/* Style for collapsed sections */
/* Style for collapsed sections */
.accordion-section.mw-collapsed .mw-headline {
/* Header styling (collapsed by default) */
.accordion-header {
     background-color: #e0e0e0; /* Gray when collapsed */
     background-color: #e0e0e0; /* Gray when collapsed */
     font-weight: normal;
     font-weight: normal;
     padding: 10px;
     padding: 15px; /* Larger padding for easier clicking */
     border: 1px solid #ccc;
     border: 1px solid #ccc;
     cursor: pointer;
     cursor: pointer;
     display: block;
     display: block;
     width: 100%; /* Full width for easier clicking */
     width: 100%; /* Full width */
     box-sizing: border-box; /* Includes padding in width */
     box-sizing: border-box;
}
}


/* Style for expanded sections */
/* Header when expanded */
.accordion-section:not(.mw-collapsed) .mw-headline {
.accordion-section.expanded .accordion-header {
     background-color: #d0ffd0; /* Light green when expanded */
     background-color: #d0ffd0; /* Light green when expanded */
     font-weight: bold;
     font-weight: bold;
    padding: 10px;
     border: 1px solid #00cc00;
     border: 1px solid #00cc00;
    cursor: pointer;
    display: block;
    width: 100%; /* Full width for easier clicking */
    box-sizing: border-box;
}
}


/* Content styling */
/* Content styling */
.accordion-section .mw-collapsible-content {
.accordion-content {
     border: 1px solid #ccc;
     border: 1px solid #ccc;
     padding: 10px;
     padding: 10px;
     background-color: #f9f9f9;
     background-color: #f9f9f9;
     width: 100%; /* Matches header width */
     width: 100%;
     box-sizing: border-box;
     box-sizing: border-box;
}
/* Hide default [show]/[hide] links */
.mw-collapsible-toggle {
    display: none;
}
}