Difference between revisions of "MediaWiki:Common.css"

From DDO Compendium
(background of wiki tables for meta pages)
(adding stuff for responsive tables at low/mobile resolutions, this will be global until I finish navigational headers)
Line 68: Line 68:
.mw-version-ext > td > a:visited {
.mw-version-ext > td > a:visited {
     color: #555 !important;
     color: #555 !important;
}
/* Playing with mobile resolutions, should make all tables mobile responsive */
@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
    table, thead, tbody, th, td, tr {
        display: block;
    }
/* Hide table headers  */
    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    td {
/* Behave  like a "row" */
        border: none;
        position: relative;
        padding-left: 50%;
    }
    td:before {
/* Now like a table header */
        position: absolute;
/* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }
}
}

Revision as of 20:45, 18 April 2018

/* CSS placed here will be applied to all skins */
a {
    color: #8cb8ff;
}

a:visited {
    color: #6f8bb7;
}

select, table a.external:link, #categoryselectmaster {
    color: #444 !important;
}

a.external:visited {
    color: #777 !important;
}

body, nav {
    overflow-anchor: none !important;
}

#toc { 
    float: right ;
    border: 1px #ccc solid;
    padding: 5px 15px 15px 15px;
    margin: 5px;
}

/* File history and other tables bg color */
table.wikitable > tr > th, table.wikitable > * > tr > th {
    background-color: rgb(0, 0, 0, 0);
}

.navbar-default {
    background-image: none;
}

.btn-default {
    background-image: none;
}

.navbar-default .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a {
    border-left: none;
}

#pagehistory li.selected {
    background-color: #000000;
}

#filetoc {
    background-color: #000000;
}

th {
    text-align: center;
}

/* Editing box button text color */
.wikiEditor-ui-buttons {
    color: #000;
}

/* License link in Special:Version */
.mw-version-ext > td > a {
    color: #000;
}

.mw-version-ext > td > a:visited {
    color: #555 !important;
}


/* Playing with mobile resolutions, should make all tables mobile responsive */
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

    table, thead, tbody, th, td, tr { 
        display: block; 
    }

/* Hide table headers  */
    thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
	
    td { 
/* Behave  like a "row" */
        border: none;
        position: relative;
        padding-left: 50%; 
    }

    td:before { 
/* Now like a table header */
        position: absolute;
/* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
    }
}