Difference between revisions of "MediaWiki:Common.css"

From OPENRESEARCH mk copy Wiki
Jump to navigation Jump to search
 
(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{
background-color: lightblue;
 
 
  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;
background-color: lightblue;
 
 
  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{
background-color: lightblue;
 
 
  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);
}