Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
Musaab Khan (talk | contribs) (Created page with "→CSS placed here will be applied to all skins: →Collapse Toggle container: #collapse-pre-one .mw-collapsible-toggle{ display: table; border-collapse: collapse; wid...") |
Musaab Khan (talk | contribs) |
||
Line 4: | Line 4: | ||
#collapse-pre-one .mw-collapsible-toggle{ | #collapse-pre-one .mw-collapsible-toggle{ | ||
display: table; | display: table; | ||
+ | background: #E6F9FF; | ||
+ | color: black; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
width: 100%; | width: 100%; |
Revision as of 02:10, 5 March 2021
/* CSS placed here will be applied to all skins */
/* Collapse Toggle container */
#collapse-pre-one .mw-collapsible-toggle{
display: table;
background: #E6F9FF;
color: black;
border-collapse: collapse;
width: 100%;
}
#collapse-pre-one .mw-collapsible-toggle-row{
display: table-row;
}
/* Collapse Header should be on the left */
#collapse-pre-one .mw-collapsible-toggle .mw-collapsible-toggle-header{
display: table-cell;
vertical-align: middle;
padding: 5px;
}
/* Collapse indicator image should be inline. align wherever you would like */
#collapse-pre-one .mw-collapsible-toggle .mw-collapsible-toggle-indicator{
display: table-cell;
vertical-align: middle;
padding: 5px;
text-align: right;
}
/* Collapse indicator image size should be something sane*/
#collapse-pre-one .mw-collapsible-toggle .mw-collapsible-toggle-indicator img{
height: 20px !important;
width: 20px !important;
}
/* Collapse indicator image should rotate when toggled*/
#collapse-pre-one:not(.mw-collapsed) .mw-collapsible-toggle .mw-collapsible-toggle-indicator img{
/* Safari */
-webkit-transform: rotate(90deg);
/* Firefox */
-moz-transform: rotate(90deg);
/* IE */
-ms-transform: rotate(90deg);
/* Opera */
-o-transform: rotate(90deg);
/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}