MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
(9 intermediate revisions by the same user not shown) | |||
Line 32: | Line 32: | ||
} | } | ||
tt { | tt { | ||
background-color: # | background-color: #EAEAEA; | ||
} | } | ||
Line 226: | Line 226: | ||
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 238: | Line 251: | ||
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%; | |||
} | } | ||
Line 303: | Line 330: | ||
border-color:#f46542; | 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 { | div#mw-content-text > ul li a { |
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;
}