As of August 2020 the site you are on (wiki.newae.com) is deprecated, and content is now at rtfm.newae.com. |
Difference between revisions of "MediaWiki:Common.css"
From ChipWhisperer Wiki
Dsevastian (Talk | contribs) |
Dsevastian (Talk | contribs) |
||
Line 20: | Line 20: | ||
/* Collapse Toggle container */ | /* Collapse Toggle container */ | ||
− | + | .mw-collapsible-toggle{ | |
display: table; | display: table; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
Line 26: | Line 26: | ||
} | } | ||
− | + | .mw-collapsible-toggle-row{ | |
display: table-row; | display: table-row; | ||
} | } | ||
/* Collapse Header should be on the left */ | /* Collapse Header should be on the left */ | ||
− | + | .mw-collapsible-toggle .mw-collapsible-toggle-header{ | |
display: table-cell; | display: table-cell; | ||
vertical-align: middle; | vertical-align: middle; | ||
Line 38: | Line 38: | ||
/* Collapse indicator image should be inline. align wherever you would like */ | /* Collapse indicator image should be inline. align wherever you would like */ | ||
− | + | .mw-collapsible-toggle .mw-collapsible-toggle-indicator{ | |
display: table-cell; | display: table-cell; | ||
vertical-align: middle; | vertical-align: middle; | ||
Line 46: | Line 46: | ||
/* Collapse indicator image size should be something sane*/ | /* Collapse indicator image size should be something sane*/ | ||
− | + | .mw-collapsible-toggle .mw-collapsible-toggle-indicator img{ | |
height: 20px !important; | height: 20px !important; | ||
width: 20px !important; | width: 20px !important; | ||
Line 52: | Line 52: | ||
/* Collapse indicator image should rotate when toggled*/ | /* Collapse indicator image should rotate when toggled*/ | ||
− | + | .mw-collapsible:not(.mw-collapsed) .mw-collapsible-toggle .mw-collapsible-toggle-indicator img{ | |
/* Safari */ | /* Safari */ | ||
-webkit-transform: rotate(90deg); | -webkit-transform: rotate(90deg); |
Revision as of 09:09, 1 March 2017
/* CSS placed here will be applied to all skins */
/*
.headerTree-h1 {
margin-left: 10px;
}
.headerTree-h2 {
margin-left: 30px;
}
.headerTree-h3 {
margin-left: 60px;
}
.headerTree-h4 {
margin-left: 90px;
}
*/
/* Collapse Toggle container */
.mw-collapsible-toggle{
display: table;
border-collapse: collapse;
width: 100%;
}
.mw-collapsible-toggle-row{
display: table-row;
}
/* Collapse Header should be on the left */
.mw-collapsible-toggle .mw-collapsible-toggle-header{
display: table-cell;
vertical-align: middle;
padding-left:5px!important;
}
/* Collapse indicator image should be inline. align wherever you would like */
.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*/
.mw-collapsible-toggle .mw-collapsible-toggle-indicator img{
height: 20px !important;
width: 20px !important;
}
/* Collapse indicator image should rotate when toggled*/
.mw-collapsible: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);
}
.force-expand {
display:inherit!important;
}
.force-collapse {
display:none!important;
}
/*collapsible lower h top margin*/
.mw-collapsible-toggle-header h1,.mw-collapsible-toggle-header h2,.mw-collapsible-toggle-header h3,.mw-collapsible-toggle-header h4,.mw-collapsible-toggle-header h5,.mw-collapsible-toggle-header h6 {
margin-top:5px!important;
}