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
Jump to: navigation, search
Line 20: Line 20:
  
 
/* Collapse Toggle container */
 
/* Collapse Toggle container */
#collapse-pre-one .mw-collapsible-toggle{
+
.mw-collapsible-toggle{
 
  display: table;
 
  display: table;
 
  border-collapse: collapse;
 
  border-collapse: collapse;
Line 26: Line 26:
 
}
 
}
  
#collapse-pre-one .mw-collapsible-toggle-row{
+
.mw-collapsible-toggle-row{
 
  display: table-row;
 
  display: table-row;
 
}
 
}
  
 
/* Collapse Header should be on the left */
 
/* Collapse Header should be on the left */
#collapse-pre-one .mw-collapsible-toggle .mw-collapsible-toggle-header{
+
.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 */
#collapse-pre-one .mw-collapsible-toggle .mw-collapsible-toggle-indicator{
+
.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*/
#collapse-pre-one .mw-collapsible-toggle .mw-collapsible-toggle-indicator img{
+
.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*/
#collapse-pre-one:not(.mw-collapsed) .mw-collapsible-toggle .mw-collapsible-toggle-indicator img{
+
.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 08: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;
}