Difference between revisions of "MediaWiki:Common.css"
m |
m |
||
| Line 28: | Line 28: | ||
} | } | ||
| − | /* | + | /* Collapse Toggle container */ |
| − | + | #collapse-pre-one .mw-collapsible-toggle{ | |
| − | + | display: table; | |
| − | height: | + | 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); | ||
} | } | ||
Revision as of 16:13, 28 March 2019
/* CSS placed here will be applied to all skins */
/*.tocnumber { display: none; } */
.noautonum .tocnumber { display: none; }
/* history tab */
div.vectorTabs ul li#ca-history { visibility: hidden;}
/* Source code tab*/
div.vectorTabs ul li#ca-viewsource { visibility: hidden;}
/* Hide discussion tab */
div.vectorTabs ul li#ca-talk { display:none!important;}
/*User Read tab */
/*div.vectorTabs ul li#ca-view { display:none!important; }*/
/* User Page tab */
div.vectorTabs ul li#ca-nstab-user { display:none!important; }
/* Collapsible text*/
{{hidden
| style = border:1px dashed red; width: 50%;
| headerstyle = background: #ccccff; font-size: 110%;
| contentstyle = text-align: center; color:green;
| header = Title text here
| content = Body text line 1<br />Body text line 2<br />Body text line 3
}
/* Collapse Toggle container */
#collapse-pre-one .mw-collapsible-toggle{
display: table;
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);
}
