MediaWiki:Common.css: Difference between revisions

From DynamicPageList3 Manual
Content added Content deleted
imported>FrozenPlum
m (Forgot focus state)
imported>FrozenPlum
m (fix (hopefully) for both desktop and mobile)
Line 43: Line 43:
/* parameters */
/* parameters */
.dplparameter {
.dplparameter {
width: -webkit-fill-available;
width: auto;
}
}
table.wikitable.dplparameter > * > tr > td:first-child {
table.wikitable.dplparameter > * > tr > td:first-child {

Revision as of 08:09, 9 April 2022

/* CSS placed here will be applied to all skins */
/* navbox styles */
.navbox {
    border: 1px solid #999;
    font-size: 0.9em;
    text-align: center;
    width: 100%;
    margin: auto;
    padding: 1px;
    clear: both;
}
.navbox-abovebelow {
    background:#edefee;
}
.navbox-title,
.navbox-even,
.navbox-list {
    background: #dcdcdc;
}
.navbox-odd,
.navbox-group {
    background:#f6f6f6;
}

/* Key combinations */
.key kbd,
.k kbd {
    padding: 0 0.6em 0 0.6em;
    border-radius: 0.2em;
    display: inline-block;
    white-space: nowrap;
    font-size: 0.8em;
}
.keysDark {
    color: black;
    border: 1px solid rgb(170,170,170);
    box-shadow: 0.1em 0.2em 0.2em rgb(221 221 221);
    background-image: linear-gradient(to bottom,rgb(238,238,238),rgb(249,249,249),rgb(238,238,238));
    background-color: rgb(249,249,249);
}


/* parameters */
.dplparameter {
    width: auto;
}
table.wikitable.dplparameter > * > tr > td:first-child {
    background-color: #fff3d2;
    padding: 5px;
    width: 200px;
    font: 130% Courier,monospace;
}
table.wikitable.dplparameter > * > tr > td:nth-child(2) {
    padding: 5px;
}

/* wiki styles for readbility in light theme */
pre,
code,
.mw-code {
    background-color: #f8f9fa;
    color: #000;
    border: 1px solid #838383;
}

/* Demo for a special DPL table which is used by dplmatrix */

table.dplmatrix {
	margin: 1em 1em 1em 0;
	background: #f9f9f9;
	border: 1px #aaaaaa solid;
	border-collapse: collapse;
}
table.dplmatrix th {
	background: #f2f2f2;
	border: 1px #aaaaaa solid;
	padding: 0.5em;
	font-size: 80%;
}
table.dplmatrix td {
	text-align: center;
	border: 1px #aaaaaa solid;
	padding: 0.5em;
}

/* "view result" and "test in sandbox" demo link formatting */
.demo-viewpage .plainlinks a.external {
	background-image: unset;
    background-image: none!important;
}
.demo-inputbox-wrapper {
	display: block;
    text-align: right;
    font-size: small;
    padding-bottom: 0.2em;
}
.demo-viewpage {
	float: right;
    margin-left: 0.5em;
}
.demo-viewpage p {
	margin-top: 1px;
	margin-bottom: 0;
	font-size:smaller;
}
.demo-viewpage a,
.demo-viewpage a.external {
	color: white!important;
    background-color: #3366cc;
	border-radius: 2px;
	font-weight: bold;
	padding: 0.6em 1em!important; /* required to override external link*/
    border-color: #3366cc;
    background-image: none!important; /* required to unset external link icon */
}
.demo-viewpage a:hover,
.demo-viewpage a.external:hover {
    text-decoration:none;
    background-color:#4d81e8;
}
.demo-viewpage a:visited,
.demo-viewpage a:focus,
.demo-viewpage a.external:visited,
.demo-viewpage a.external:focus {
    text-decoration:none;
}