MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
(65 intermediate revisions by 2 users not shown) | |||
Line 22: | Line 22: | ||
font-size: 92%; | font-size: 92%; | ||
} | } | ||
div.code-file { | |||
border: 1px solid #222222; | |||
padding: 0em 0em; | |||
margin: .2em .2em; | |||
background-color: #DCDCDC; | |||
} | |||
div#mw-content-text > div.code-file { | |||
width:90%; | |||
} | |||
tt { | |||
background-color: #EAEAEA; | |||
} | |||
.download_submit:hover { | .download_submit:hover { | ||
cursor:pointer;cursor:hand | cursor:pointer;cursor:hand | ||
Line 29: | Line 42: | ||
} | } | ||
pre | div.mw-highlight pre { | ||
overflow-x:auto; | overflow-x:auto; | ||
max-height:500px; | max-height:500px; | ||
Line 53: | Line 66: | ||
padding:1em; | padding:1em; | ||
width:50%; | width:50%; | ||
background-color:# | background-color:#ffffff; | ||
border:1px solid # | border:1px solid #000000; | ||
border-radius:7px; | border-radius:7px; | ||
} | } | ||
Line 63: | Line 76: | ||
font-weight:bold; | font-weight:bold; | ||
padding:4px; | padding:4px; | ||
background-color:# | color: #ffffff; | ||
border:1px solid # | background-color:#000000; | ||
border:1px solid #000000; | |||
margin-top:2ex; | margin-top:2ex; | ||
} | } | ||
Line 73: | Line 87: | ||
padding:1em; | padding:1em; | ||
width:50%; | width:50%; | ||
background-color:# | background-color:#ffffff; | ||
border:1px solid # | border:1px solid #FD4027; | ||
border-radius:7px; | border-radius:7px; | ||
} | } | ||
Line 83: | Line 97: | ||
font-weight:bold; | font-weight:bold; | ||
padding:4px; | padding:4px; | ||
background-color:# | color: #ffffff; | ||
border:1px solid # | background-color:#FD4027; | ||
border:1px solid #FD4027; | |||
margin-top:2ex; | margin-top:2ex; | ||
} | } | ||
Line 93: | Line 108: | ||
padding:1em; | padding:1em; | ||
width:50%; | width:50%; | ||
background-color:# | background-color:#ffffff; | ||
border:1px solid # | border:1px solid #FD4027; | ||
border-radius:7px; | border-radius:7px; | ||
} | } | ||
Line 103: | Line 118: | ||
font-weight:bold; | font-weight:bold; | ||
padding:4px; | padding:4px; | ||
background-color:# | color: #ffffff; | ||
border:1px solid # | background-color:#FD4027; | ||
border:1px solid #FD4027; | |||
margin-top:2ex; | margin-top:2ex; | ||
} | } | ||
Line 113: | Line 129: | ||
padding:1em; | padding:1em; | ||
width:50%; | width:50%; | ||
background-color:# | background-color:#ffffff; | ||
border:1px solid # | border:1px solid #000000; | ||
border-radius:7px; | border-radius:7px; | ||
} | } | ||
Line 123: | Line 139: | ||
font-weight:bold; | font-weight:bold; | ||
padding:4px; | padding:4px; | ||
background-color:# | color: #ffffff; | ||
border:1px solid # | background-color:#000000; | ||
border:1px solid #000000; | |||
margin-top:2ex; | margin-top:2ex; | ||
} | } | ||
Line 185: | Line 202: | ||
border-style: solid; | border-style: solid; | ||
border-radius: 4px; | border-radius: 4px; | ||
width: | width: 90% | ||
} | } | ||
div.panel-heading { | div.panel-heading { | ||
Line 200: | Line 217: | ||
font-weight: 500; | font-weight: 500; | ||
vertical-align: middle; | vertical-align: middle; | ||
} | } | ||
div.panel-body { | div.panel-body { | ||
padding: 15px; | padding: 15px; | ||
overflow: hidden; | |||
} | } | ||
div.panel-heading-icon { | div.panel-heading-icon { | ||
width: | width:0px; | ||
height:32px; | height:32px; | ||
float: left; | float: left; | ||
} | |||
div.panel-heading.warning { | |||
color:#000000; | |||
background-color:#fca7a1; | |||
} | |||
div.panel-heading-icon.warning { | |||
content: url('/mediawiki/resources/assets/pushpin.png'); | |||
width:32px; | |||
padding-right:5px; | |||
} | |||
div.panel.warning { | |||
border-color:#f46542; | |||
} | } | ||
Line 217: | Line 247: | ||
div.panel-heading-icon.callout { | div.panel-heading-icon.callout { | ||
content: url('/mediawiki/resources/assets/pushpin.png'); | content: url('/mediawiki/resources/assets/pushpin.png'); | ||
width:32px; | |||
} | } | ||
div.panel.callout { | div.panel.callout { | ||
border-color:#bce8f1; | border-color:#bce8f1; | ||
} | |||
div.panel-heading.SideCallout { | |||
color:#31708f; | |||
background-color:#d9edf7; | |||
} | |||
div.panel-heading-icon.SideCallout { | |||
content: url('/mediawiki/resources/assets/pushpin.png'); | |||
width:32px; | |||
} | |||
div.panel.SideCallout { | |||
border-color:#bce8f1; | |||
float: right; | |||
width:30%; | |||
} | |||
div.panel-heading.challenge { | |||
color:#3c763d; | |||
background-color:#dff0d8; | |||
} | |||
div.panel-heading-icon.challenge { | |||
content: url('/mediawiki/resources/assets/pen.png'); | |||
width:32px; | |||
padding-right:5px; | |||
} | |||
div.panel.challenge { | |||
border-color:#d6e9c6; | |||
} | |||
div.panel-heading.objectives { | |||
color:#8a6d3b; | |||
background-color:#fcf8e3; | |||
} | |||
div.panel-heading-icon.objectives { | |||
content: url('/mediawiki/resources/assets/badge.png'); | |||
width:32px; | |||
padding-right:5px; | |||
} | |||
div.panel.objectives { | |||
border-color:#faebcc; | |||
} | |||
div.panel-heading.prerequisites { | |||
color:#8a6d3b; | |||
background-color:#fcf8e3; | |||
} | |||
div.panel-heading-icon.prerequisites { | |||
content: url('/mediawiki/resources/assets/graduation_cap.png'); | |||
width:32px; | |||
padding-right:5px; | |||
} | |||
div.panel.prerequisites { | |||
border-color:#faebcc; | |||
} | |||
div.panel-heading.getready { | |||
color:#8a6d3b; | |||
background-color:#fcf8e3; | |||
} | |||
div.panel-heading-icon.getready { | |||
content: url('/mediawiki/resources/assets/checkmark.png'); | |||
width:32px; | |||
padding-right:5px; | |||
} | |||
div.panel.getready { | |||
border-color:#faebcc; | |||
} | |||
div.panel-heading.draft { | |||
color:#000000; | |||
background-color:#fca7a1; | |||
} | |||
div.panel-heading-icon.draft { | |||
content: url('/mediawiki/resources/assets/draft.png'); | |||
width:32px; | |||
padding-right:5px; | |||
} | |||
div.panel.draft { | |||
border-color:#f46542; | |||
} | |||
div.panel-heading.outdated { | |||
color:#000000; | |||
background-color:#FFA500; | |||
} | |||
div.panel-heading-icon.outdated { | |||
content: url('/mediawiki/resources/assets/draft.png'); | |||
width:32px; | |||
padding-right:5px; | |||
} | |||
div.panel.outdated { | |||
border-color:#FFA500; | |||
} | |||
div#mw-content-text > ul li a { | |||
font-weight: bold; | |||
} | |||
div#mw-content-text > ol li a { | |||
font-weight: bold; | |||
} | |||
/* Allow limiting of which header levels are shown in a TOC; | |||
<div class="toclimit-3">, for instance, will limit to | |||
showing ==headings== and ===headings=== but no further | |||
(as long as there are no =headings= on the page, which | |||
there shouldn't be according to the MoS). */ | |||
.toclimit-2 .toclevel-1 ul, | |||
.toclimit-3 .toclevel-2 ul, | |||
.toclimit-4 .toclevel-3 ul, | |||
.toclimit-5 .toclevel-4 ul, | |||
.toclimit-6 .toclevel-5 ul, | |||
.toclimit-7 .toclevel-6 ul { | |||
display: none; | |||
} | |||
.tabs-content { | |||
width: 100%; | |||
max-width: 1600px; | |||
} | } |
Latest revision as of 18:11, 30 March 2020
/* CSS placed here will be applied to all skins */
.download_submit {
background-color: transparent;
background-image: url(/mediawiki/resources/assets/download2-32.png);
background-position: 0px 0px;
background-repeat: no-repeat;
width: 32px;
height: 32px;
border: 0px;
position:relative;
top:-32px;
}
div.download_form {
height:0px;
}
div.filename {
height: 32px;
position:relative;
left: 35px;
top: 8px;
padding: .2em .5em
font-size: 92%;
}
div.code-file {
border: 1px solid #222222;
padding: 0em 0em;
margin: .2em .2em;
background-color: #DCDCDC;
}
div#mw-content-text > div.code-file {
width:90%;
}
tt {
background-color: #EAEAEA;
}
.download_submit:hover {
cursor:pointer;cursor:hand
}
div#content p a {
font-weight: bold;
}
div.mw-highlight pre {
overflow-x:auto;
max-height:500px;
height:auto !important;
height:500px;
overflow-y:auto;
}
.command:before li {
content: "asfb:";
}
/* Specific styles for table in Main Page */
table#mainpage
{
padding:2em;
border-spacing:8px;
}
table#mainpage td.topleft
{
vertical-align:top;
padding:1em;
width:50%;
background-color:#ffffff;
border:1px solid #000000;
border-radius:7px;
}
table#mainpage td.topleft h2
{
font-size:120%;
font-weight:bold;
padding:4px;
color: #ffffff;
background-color:#000000;
border:1px solid #000000;
margin-top:2ex;
}
table#mainpage td.topright
{
vertical-align:top;
padding:1em;
width:50%;
background-color:#ffffff;
border:1px solid #FD4027;
border-radius:7px;
}
table#mainpage td.topright h2
{
font-size:120%;
font-weight:bold;
padding:4px;
color: #ffffff;
background-color:#FD4027;
border:1px solid #FD4027;
margin-top:2ex;
}
table#mainpage td.bottomleft
{
vertical-align:top;
padding:1em;
width:50%;
background-color:#ffffff;
border:1px solid #FD4027;
border-radius:7px;
}
table#mainpage td.bottomleft h2
{
font-size:120%;
font-weight:bold;
padding:4px;
color: #ffffff;
background-color:#FD4027;
border:1px solid #FD4027;
margin-top:2ex;
}
table#mainpage td.bottomright
{
vertical-align:top;
padding:1em;
width:50%;
background-color:#ffffff;
border:1px solid #000000;
border-radius:7px;
}
table#mainpage td.bottomright h2
{
font-size:120%;
font-weight:bold;
padding:4px;
color: #ffffff;
background-color:#000000;
border:1px solid #000000;
margin-top:2ex;
}
table#mainpage td h3
{
font-size:110%;
}
/* Wikitable (Prettytable) class for skinning normal tables */
table.wikitable,
table.prettytable {
margin: 1em 1em 1em 0;
background: #f9f9f9;
border: 1px #aaaaaa solid;
border-collapse: collapse;
empty-cells: show;
}
table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
border: 1px #aaaaaa solid;
padding: 0.2em 0.4em;
}
table.wikitable th, table.wikitable td.hl3, table.wikitable th.hl3,
table.prettytable th, table.prettytable td.hl3, table.wikitable th.hl3 {
background: #8da7d6;
text-align: center;
}
table.wikitable td.hl1, table.wikitable th.hl1,
table.prettytable td.hl1, table.wikitable th.hl1 {
background: #c5d8fc;
text-align: center;
}
table.wikitable td.hl2, table.wikitable th.hl2,
table.prettytable td.hl2, table.wikitable th.hl2 {
background: #a7c1f2;
text-align: center;
}
table.wikitable caption,
table.prettytable caption {
margin-left: inherit;
margin-right: inherit;
font-weight: bold;
}
table.wikitable th {
background-color: white;
}
table.wikitable tr.odd {
background-color: skyblue;
}
table.wikitable tr.even {
background-color: white;
}
div.panel {
border: 2px;
border-style: solid;
border-radius: 4px;
width: 90%
}
div.panel-heading {
border-bottom: 1px solid;
border-color: inherit;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
color: inherit;
padding: 5px;
}
div.panel-heading-title {
font-size: 1.4em;
font-family: inherit;
font-weight: 500;
vertical-align: middle;
}
div.panel-body {
padding: 15px;
overflow: hidden;
}
div.panel-heading-icon {
width:0px;
height:32px;
float: left;
}
div.panel-heading.warning {
color:#000000;
background-color:#fca7a1;
}
div.panel-heading-icon.warning {
content: url('/mediawiki/resources/assets/pushpin.png');
width:32px;
padding-right:5px;
}
div.panel.warning {
border-color:#f46542;
}
div.panel-heading.callout {
color:#31708f;
background-color:#d9edf7;
}
div.panel-heading-icon.callout {
content: url('/mediawiki/resources/assets/pushpin.png');
width:32px;
}
div.panel.callout {
border-color:#bce8f1;
}
div.panel-heading.SideCallout {
color:#31708f;
background-color:#d9edf7;
}
div.panel-heading-icon.SideCallout {
content: url('/mediawiki/resources/assets/pushpin.png');
width:32px;
}
div.panel.SideCallout {
border-color:#bce8f1;
float: right;
width:30%;
}
div.panel-heading.challenge {
color:#3c763d;
background-color:#dff0d8;
}
div.panel-heading-icon.challenge {
content: url('/mediawiki/resources/assets/pen.png');
width:32px;
padding-right:5px;
}
div.panel.challenge {
border-color:#d6e9c6;
}
div.panel-heading.objectives {
color:#8a6d3b;
background-color:#fcf8e3;
}
div.panel-heading-icon.objectives {
content: url('/mediawiki/resources/assets/badge.png');
width:32px;
padding-right:5px;
}
div.panel.objectives {
border-color:#faebcc;
}
div.panel-heading.prerequisites {
color:#8a6d3b;
background-color:#fcf8e3;
}
div.panel-heading-icon.prerequisites {
content: url('/mediawiki/resources/assets/graduation_cap.png');
width:32px;
padding-right:5px;
}
div.panel.prerequisites {
border-color:#faebcc;
}
div.panel-heading.getready {
color:#8a6d3b;
background-color:#fcf8e3;
}
div.panel-heading-icon.getready {
content: url('/mediawiki/resources/assets/checkmark.png');
width:32px;
padding-right:5px;
}
div.panel.getready {
border-color:#faebcc;
}
div.panel-heading.draft {
color:#000000;
background-color:#fca7a1;
}
div.panel-heading-icon.draft {
content: url('/mediawiki/resources/assets/draft.png');
width:32px;
padding-right:5px;
}
div.panel.draft {
border-color:#f46542;
}
div.panel-heading.outdated {
color:#000000;
background-color:#FFA500;
}
div.panel-heading-icon.outdated {
content: url('/mediawiki/resources/assets/draft.png');
width:32px;
padding-right:5px;
}
div.panel.outdated {
border-color:#FFA500;
}
div#mw-content-text > ul li a {
font-weight: bold;
}
div#mw-content-text > ol li a {
font-weight: bold;
}
/* Allow limiting of which header levels are shown in a TOC;
<div class="toclimit-3">, for instance, will limit to
showing ==headings== and ===headings=== but no further
(as long as there are no =headings= on the page, which
there shouldn't be according to the MoS). */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
display: none;
}
.tabs-content {
width: 100%;
max-width: 1600px;
}