Difference between revisions of "MediaWiki:Common.css"

From LinnDocs
Jump to: navigation, search
m
m
Line 35: Line 35:
 
}
 
}
  
/* Add arrows to toggle-blocks for collapsible elements */
+
/* Collapse Toggle container */
 +
#collapse-pre-one .mw-collapsible-toggle{
 +
display: table;
 +
border-collapse: collapse;
 +
width: 100%;
 +
}
  
.mw-collapsible-toggle-expanded.mw-collapsible-arrowtoggle, .mw-collapsible-toggle-expanded .mw-collapsible-arrowtoggle {
+
#collapse-pre-one .mw-collapsible-toggle-row{
    padding-left: 20px !important;
+
display: table-row;
    background-image: url('//docs.linn.co.uk/wiki/images/f/f7/SmallArrowRight.png');
 
    background-repeat: no-repeat;
 
    background-position: left center;
 
 
}
 
}
  
.mw-collapsible-toggle-collapsed.mw-collapsible-arrowtoggle, .mw-collapsible-toggle-collapsed .mw-collapsible-arrowtoggle {
+
/* Collapse Header should be on the left */
    padding-left: 20px !important;
+
#collapse-pre-one .mw-collapsible-toggle .mw-collapsible-toggle-header{
    background-image: url('https://docs.linn.co.uk/wiki/images/f/f7/SmallArrowDown.png');
+
display: table-cell;
    background-repeat: no-repeat;
+
vertical-align: middle;
    background-position: left center;
+
padding: 5px;
 
}
 
}
  
/** Needed for [[Manual:Collapsible_elements/Demo/Advanced]] **/
+
/* 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-pre-one .mw-collapsible-toggle .up, #collapse-pre-one.mw-collapsed .mw-collapsible-toggle .down {
+
/* Collapse indicator image size should be something sane*/
    display: none;
+
#collapse-pre-one .mw-collapsible-toggle .mw-collapsible-toggle-indicator img{
 +
height: 20px !important;
 +
width: 20px !important;
 
}
 
}
  
#collapse-pre-one .mw-collapsible-toggle .down, #collapse-pre-one.mw-collapsed .mw-collapsible-toggle .up {
+
/* Collapse indicator image should rotate when toggled*/
    display: block;
+
#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);
 
}
 
}
 
/* 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
 
    }
 
} */
 

Revision as of 08:34, 29 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;
}

/* 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);
}