MediaWiki:Common.css: Difference between revisions
Content deleted Content added
imported>FrozenPlum m add a style |
imported>FrozenPlum Move vector style to vector css |
||
(32 intermediate revisions by the same user not shown) | |||
Line 43: | Line 43: | ||
/* parameters */ |
/* parameters */ |
||
.dplparameter { |
.dplparameter { |
||
width: |
width: auto; |
||
} |
} |
||
table.wikitable.dplparameter > * > tr > td:first-child { |
table.wikitable.dplparameter > * > tr > td:first-child { |
||
Line 65: | Line 65: | ||
/* Demo for a special DPL table which is used by dplmatrix */ |
/* Demo for a special DPL table which is used by dplmatrix */ |
||
table.dplmatrix { |
table.dplmatrix { |
||
margin: 1em 1em 1em 0; |
margin: 1em 1em 1em 0; |
||
Line 84: | Line 83: | ||
} |
} |
||
/* "view result" and "test in sandbox" demo link formatting */ |
|||
/* fit available style can be used elsewhere */ |
|||
.demo-viewpage .plainlinks a.external { |
|||
.messagebox { |
|||
background-image: unset; |
|||
width: -moz-available; /* WebKit-based browsers will ignore this. */ |
|||
background-image: none!important; |
|||
width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */ |
|||
} |
|||
width: fill-available; |
|||
.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; |
|||
} |
|||
/* Used in examples */ |
|||
.dpl-orange-background { |
|||
background: #fdebdb; |
|||
border:1px solid orange; |
|||
padding:3px!important; |
|||
} |
|||
.dpl-blue-background { |
|||
background: #d2e4fb; |
|||
border:1px solid blue; |
|||
padding:3px!important; |
|||
} |
|||
.dpl-dark-background { |
|||
background: navy; |
|||
} |
|||
.list-item-heading, |
|||
.list-item-heading-attrubite { |
|||
background-color:pink; |
|||
border:1px solid red; |
|||
padding:3px; |
|||
} |
|||
.li-example { |
|||
background:white; |
|||
font-style: italic; |
|||
border:1px solid gray; |
|||
padding:3px; |
|||
} |
} |
Latest revision as of 20:08, 15 June 2023
/* 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;
}
/* Used in examples */
.dpl-orange-background {
background: #fdebdb;
border:1px solid orange;
padding:3px!important;
}
.dpl-blue-background {
background: #d2e4fb;
border:1px solid blue;
padding:3px!important;
}
.dpl-dark-background {
background: navy;
}
.list-item-heading,
.list-item-heading-attrubite {
background-color:pink;
border:1px solid red;
padding:3px;
}
.li-example {
background:white;
font-style: italic;
border:1px solid gray;
padding:3px;
}