Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
Musaab Khan (talk | contribs) |
Musaab Khan (talk | contribs) |
||
(2 intermediate revisions by the same user not shown) | |||
Line 4: | Line 4: | ||
#collapse-pre-one .mw-collapsible-toggle{ | #collapse-pre-one .mw-collapsible-toggle{ | ||
display: table; | display: table; | ||
− | background-color: lightblue; | + | background-color: lightblue; |
color: black; | color: black; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
Line 11: | Line 11: | ||
#collapse-pre-one .mw-collapsible-toggle-row{ | #collapse-pre-one .mw-collapsible-toggle-row{ | ||
− | |||
display: table-row; | display: table-row; | ||
} | } | ||
Line 18: | Line 17: | ||
#collapse-pre-one .mw-collapsible-toggle .mw-collapsible-toggle-header{ | #collapse-pre-one .mw-collapsible-toggle .mw-collapsible-toggle-header{ | ||
display: table-cell; | display: table-cell; | ||
− | |||
vertical-align: middle; | vertical-align: middle; | ||
padding: 5px; | padding: 5px; | ||
Line 25: | Line 23: | ||
/* Collapse indicator image should be inline. align wherever you would like */ | /* Collapse indicator image should be inline. align wherever you would like */ | ||
#collapse-pre-one .mw-collapsible-toggle .mw-collapsible-toggle-indicator{ | #collapse-pre-one .mw-collapsible-toggle .mw-collapsible-toggle-indicator{ | ||
− | |||
display: table-cell; | display: table-cell; | ||
vertical-align: middle; | vertical-align: middle; |
Latest revision as of 02:32, 5 March 2021
/* CSS placed here will be applied to all skins */
/* Collapse Toggle container */
#collapse-pre-one .mw-collapsible-toggle{
display: table;
background-color: lightblue;
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);
}