Difference between revisions of "MediaWiki:Common.css"

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

/* Add arrows to toggle-blocks for collapsible elements */

.mw-collapsible-toggle-expanded.mw-collapsible-arrowtoggle, .mw-collapsible-toggle-expanded .mw-collapsible-arrowtoggle {
    padding-left: 20px !important;
    background-image: url('//upload.wikimedia.org/wikipedia/commons/1/10/MediaWiki_Vector_skin_action_arrow.png');
    background-repeat: no-repeat;
    background-position: left center;
}

.mw-collapsible-toggle-collapsed.mw-collapsible-arrowtoggle, .mw-collapsible-toggle-collapsed .mw-collapsible-arrowtoggle {
    padding-left: 20px !important;
    background-image: url('//upload.wikimedia.org/wikipedia/commons/4/41/MediaWiki_Vector_skin_right_arrow.png');
    background-repeat: no-repeat;
    background-position: left center;
}

/** Needed for [[Manual:Collapsible_elements/Demo/Advanced]] **/

#collapse-pre-one .mw-collapsible-toggle .up, #collapse-pre-one.mw-collapsed .mw-collapsible-toggle .down {
    display: none;
}

#collapse-pre-one .mw-collapsible-toggle .down, #collapse-pre-one.mw-collapsed .mw-collapsible-toggle .up {
    display: block;
}

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