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;
}
}