MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* | /* Original MediaWiki-style collapsible box */ | ||
.pravaha-collapse { | .pravaha-collapse { | ||
clear: both !important; | |||
margin: 0.5em 0 !important; | |||
overflow: hidden !important; | |||
border: 1px solid #a2a9b1 !important; | |||
border-radius: 0 !important; | |||
background: #f8f9fa !important; | |||
box-shadow: none !important; | |||
} | } | ||
.pravaha-collapse-title { | .pravaha-collapse-title { | ||
display: flex !important; | |||
min-height: 0 !important; | |||
padding: 0.35em 0.6em !important; | |||
align-items: center !important; | |||
gap: 0 !important; | |||
color: #202122 !important; | |||
font-family: sans-serif !important; | |||
font-size: 14px !important; | |||
font-weight: bold !important; | |||
line-height: 1.6 !important; | |||
} | } | ||
/* Put expand/collapse link on the right */ | |||
.pravaha-collapse-open, | .pravaha-collapse-open, | ||
.pravaha-collapse-close { | .pravaha-collapse-close { | ||
order: 2 !important; | |||
flex: none !important; | |||
width: auto !important; | |||
height: auto !important; | |||
margin: 0 0 0 auto !important; | |||
padding: 0 0 0 1em !important; | |||
border: 0 !important; | |||
border-radius: 0 !important; | |||
background: transparent !important; | |||
box-shadow: none !important; | |||
color: #36c !important; | |||
font-size: 0 !important; | |||
font-weight: normal !important; | |||
line-height: inherit !important; | |||
text-align: right !important; | |||
} | } | ||
.pravaha-collapse-open { | .pravaha-collapse-open { | ||
display: inline-block !important; | |||
} | } | ||
.pravaha-collapse-close { | .pravaha-collapse-close { | ||
display: none !important; | |||
} | } | ||
.pravaha-collapse-open a, | .pravaha-collapse-open a, | ||
.pravaha-collapse-close a { | .pravaha-collapse-close a { | ||
display: inline !important; | |||
width: auto !important; | |||
height: auto !important; | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
border: 0 !important; | |||
background: transparent !important; | |||
color: #36c !important; | |||
font-size: 0 !important; | |||
font-weight: normal !important; | |||
line-height: inherit !important; | |||
text-decoration: none !important; | |||
} | } | ||
.pravaha-collapse-open a::after { | |||
content: "[expand]"; | |||
font-size: 12px; | |||
} | } | ||
.pravaha-collapse-close a::after { | |||
. | content: "[collapse]"; | ||
font-size: 12px; | |||
} | } | ||
. | .pravaha-collapse-open a:hover::after, | ||
. | .pravaha-collapse-close a:hover::after { | ||
text-decoration: underline; | |||
} | } | ||
/* Collapsible content */ | |||
. | .pravaha-collapse-content { | ||
display: none !important; | |||
padding: 0.6em 0.8em !important; | |||
border-top: 1px solid #a2a9b1 !important; | |||
background: #fff !important; | |||
color: #202122 !important; | |||
} | } | ||
. | /* Expanded state */ | ||
.pravaha-collapse:target .pravaha-collapse-content { | |||
display: block !important; | |||
} | } | ||
. | .pravaha-collapse:target .pravaha-collapse-open { | ||
display: none !important; | |||
} | } | ||
. | .pravaha-collapse:target .pravaha-collapse-close { | ||
display: inline-block !important; | |||
} | } | ||
Revision as of 15:47, 31 July 2026
/* Original MediaWiki-style collapsible box */
.pravaha-collapse {
clear: both !important;
margin: 0.5em 0 !important;
overflow: hidden !important;
border: 1px solid #a2a9b1 !important;
border-radius: 0 !important;
background: #f8f9fa !important;
box-shadow: none !important;
}
.pravaha-collapse-title {
display: flex !important;
min-height: 0 !important;
padding: 0.35em 0.6em !important;
align-items: center !important;
gap: 0 !important;
color: #202122 !important;
font-family: sans-serif !important;
font-size: 14px !important;
font-weight: bold !important;
line-height: 1.6 !important;
}
/* Put expand/collapse link on the right */
.pravaha-collapse-open,
.pravaha-collapse-close {
order: 2 !important;
flex: none !important;
width: auto !important;
height: auto !important;
margin: 0 0 0 auto !important;
padding: 0 0 0 1em !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: #36c !important;
font-size: 0 !important;
font-weight: normal !important;
line-height: inherit !important;
text-align: right !important;
}
.pravaha-collapse-open {
display: inline-block !important;
}
.pravaha-collapse-close {
display: none !important;
}
.pravaha-collapse-open a,
.pravaha-collapse-close a {
display: inline !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
color: #36c !important;
font-size: 0 !important;
font-weight: normal !important;
line-height: inherit !important;
text-decoration: none !important;
}
.pravaha-collapse-open a::after {
content: "[expand]";
font-size: 12px;
}
.pravaha-collapse-close a::after {
content: "[collapse]";
font-size: 12px;
}
.pravaha-collapse-open a:hover::after,
.pravaha-collapse-close a:hover::after {
text-decoration: underline;
}
/* Collapsible content */
.pravaha-collapse-content {
display: none !important;
padding: 0.6em 0.8em !important;
border-top: 1px solid #a2a9b1 !important;
background: #fff !important;
color: #202122 !important;
}
/* Expanded state */
.pravaha-collapse:target .pravaha-collapse-content {
display: block !important;
}
.pravaha-collapse:target .pravaha-collapse-open {
display: none !important;
}
.pravaha-collapse:target .pravaha-collapse-close {
display: inline-block !important;
}