MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
(36 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* | /* Open Sans font and headings */ | ||
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600&subset=latin-ext'); | |||
body, html { font-family: 'Open Sans', Arial, Helvetica, sans-serif !important; } | |||
h1,h2,h3,h4,h5,h6 { font-family: 'Open Sans', Arial, Helvetica, sans-serif !important; font-weight: 600 !important; padding-bottom: 0.1em !important; } | |||
div#mw-content-text h1, | |||
div#mw-content-text h2 { | |||
border: none !important; | |||
} | |||
/* Hide "Main Page" heading */ | |||
body h1#firstHeading, | |||
body #contentSub { | |||
display: none !important; | |||
} | |||
body.action-edit h1#firstHeading, | |||
body.action-edit #contentSub { | |||
display: block !important; | |||
} | |||
/* Page title */ | |||
div.pageTitle { | |||
font-size: 1.2em; | |||
font-weight: 600; | |||
color: #000000; | |||
border-bottom: 1px solid #aaaaaa; | |||
margin-bottom: 1em; | |||
} | |||
div.pageTitle h1 { | |||
font-size: 1.8em; | |||
margin: 0; | |||
padding: 0; | |||
} | |||
/* API endpoints (method and URI) */ | /* API endpoints (method and URI) */ | ||
Line 80: | Line 115: | ||
a, | a, | ||
a.visited, | a.visited, | ||
a.hover | a.hover, | ||
div#mw-content-text ul li a, | |||
div#mw-panel div.portal div.body ul li a, | div#mw-panel div.portal div.body ul li a, | ||
div#mw-panel div.portal div.body ul li a:hover, | div#mw-panel div.portal div.body ul li a:hover, | ||
Line 91: | Line 124: | ||
div#mw-content-text p a, | div#mw-content-text p a, | ||
div#mw-content-text ul li a, | |||
div#mw-content-text ol li a, | |||
div#mw-content-text table a { | div#mw-content-text table a { | ||
color: #1993c7; | color: #1993c7; | ||
Line 98: | Line 133: | ||
div#mw-content-text p a:hover, | div#mw-content-text p a:hover, | ||
div#mw-content-text ul li a:hover, | |||
div#mw-content-text ol li a:hover, | |||
div#mw-content-text table a:hover { | div#mw-content-text table a:hover { | ||
color: #1993c7; | color: #1993c7; | ||
Line 122: | Line 159: | ||
div#mw-content-text a.external:hover { | div#mw-content-text a.external:hover { | ||
text-decoration: underline; | text-decoration: underline; | ||
} | |||
div#mw-content-text #toc a { | |||
border: none; | |||
text-decoration: none; | |||
} | |||
div#mw-content-text #toc a:hover { | |||
color: #0983b7; | |||
} | |||
/* Syntax highlight */ | |||
div#mw-content-text .mw-highlight .p { color: #009900; } /* general text */ | |||
div#mw-content-text .mw-highlight .c1 { color: #006600; } /* JS comments */ | |||
div#mw-content-text .mw-highlight .nx { color: #333333; } /* JS property name */ | |||
div#mw-content-text .mw-highlight .s2 { color: #3366CC; } /* JS string value */ | |||
div#mw-content-text .mw-highlight .kc { color: #003366; } /* JS bool value */ | |||
div#mw-content-text .mw-highlight .mi { color: #CC0000; } /* JS numeric value */ | |||
div#mw-content-text .mw-highlight .nt { color: #000000; } /* JSON property name */ | |||
div#mw-content-text .mw-highlight .err { color: #888888; } /* JSON comments */ | |||
/* Incomplete notification */ | |||
.incomplete-notification { | |||
color: #920000; | |||
padding: 15px; | |||
border: 1px solid #920000; | |||
margin: 15px 0; | |||
} | |||
.notification-box { | |||
padding: 0; | |||
margin: 15px 0; | |||
display: inline-block; | |||
} | |||
.notification-box .title { | |||
padding: 4px 16px; | |||
float: left; | |||
} | |||
.notification-box .text { | |||
padding: 4px 16px; | |||
float: left; | |||
} | } |
Latest revision as of 13:36, 6 February 2017
/* Open Sans font and headings */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600&subset=latin-ext');
body, html { font-family: 'Open Sans', Arial, Helvetica, sans-serif !important; }
h1,h2,h3,h4,h5,h6 { font-family: 'Open Sans', Arial, Helvetica, sans-serif !important; font-weight: 600 !important; padding-bottom: 0.1em !important; }
div#mw-content-text h1,
div#mw-content-text h2 {
border: none !important;
}
/* Hide "Main Page" heading */
body h1#firstHeading,
body #contentSub {
display: none !important;
}
body.action-edit h1#firstHeading,
body.action-edit #contentSub {
display: block !important;
}
/* Page title */
div.pageTitle {
font-size: 1.2em;
font-weight: 600;
color: #000000;
border-bottom: 1px solid #aaaaaa;
margin-bottom: 1em;
}
div.pageTitle h1 {
font-size: 1.8em;
margin: 0;
padding: 0;
}
/* API endpoints (method and URI) */
table.wikitable.api-url,
table.wikitable.api-url > tbody th,
table.wikitable.api-url > tbody td {
border: 1px solid #1993c7;
}
table.wikitable.api-url > tbody > tr > th {
background: #f2f2f2;
font-size: 15px;
font-weight: 400;
min-width: 400px;
text-align: left;
font-family: monospace;
}
table.wikitable.api-url > tbody > tr > th:first-child {
background: #1993c7;
font-size: 15px;
font-weight: 700;
color: #ffffff;
text-align: left;
min-width: auto;
font-family: sans-serif;
}
/* API input and output property list */
table.wikitable.api-table {
border: 1px solid #1993c7;
}
table.wikitable.api-table > tbody th,
table.wikitable.api-table > tbody td {
border: 1px solid #d4d4d4;
}
table.wikitable.api-table > tbody > tr th {
background: #1993c7;
color: #ffffff;
font-weight: 700;
font-size: 15px;
}
table.wikitable.api-table tbody > tr > td {
vertical-align: top;
min-width: 150px;
color: #121212;
font-weight: 400;
font-size: 13px;
}
table.wikitable.api-table tbody > tr:nth-child(even) > td {
background: #ffffff;
}
table.wikitable.api-table tbody > tr:nth-child(odd) > td {
background: #f2f2f2;
}
table.wikitable.api-table tbody > tr > td:first-child {
color: #000000;
font-weight: 700;
font-size: 13px;
}
span.api-ver {
font-size: 11px;
color: #ffffff;
background: #1993c7;
padding: 2px 4px;
vertical-align: 1px;
}
/* General content, links and lists */
a,
a.visited,
a.hover,
div#mw-content-text ul li a,
div#mw-panel div.portal div.body ul li a,
div#mw-panel div.portal div.body ul li a:hover,
div#mw-panel div.portal div.body ul li a:visited {
color: #1993c7;
}
div#mw-content-text p a,
div#mw-content-text ul li a,
div#mw-content-text ol li a,
div#mw-content-text table a {
color: #1993c7;
font-weight: 700;
border-bottom: 1px dotted #1993c7;
}
div#mw-content-text p a:hover,
div#mw-content-text ul li a:hover,
div#mw-content-text ol li a:hover,
div#mw-content-text table a:hover {
color: #1993c7;
font-weight: 700;
border-bottom: 1px solid #1993c7;
text-decoration: none;
}
div#mw-content-text a.new {
color: #ba0000 !important;
font-weight: 400 !important;
border: none !important;
}
div#mw-content-text a.new:hover {
text-decoration: underline;
}
div#mw-content-text a.external {
font-weight: 400 !important;
border: none !important;
}
div#mw-content-text a.external:hover {
text-decoration: underline;
}
div#mw-content-text #toc a {
border: none;
text-decoration: none;
}
div#mw-content-text #toc a:hover {
color: #0983b7;
}
/* Syntax highlight */
div#mw-content-text .mw-highlight .p { color: #009900; } /* general text */
div#mw-content-text .mw-highlight .c1 { color: #006600; } /* JS comments */
div#mw-content-text .mw-highlight .nx { color: #333333; } /* JS property name */
div#mw-content-text .mw-highlight .s2 { color: #3366CC; } /* JS string value */
div#mw-content-text .mw-highlight .kc { color: #003366; } /* JS bool value */
div#mw-content-text .mw-highlight .mi { color: #CC0000; } /* JS numeric value */
div#mw-content-text .mw-highlight .nt { color: #000000; } /* JSON property name */
div#mw-content-text .mw-highlight .err { color: #888888; } /* JSON comments */
/* Incomplete notification */
.incomplete-notification {
color: #920000;
padding: 15px;
border: 1px solid #920000;
margin: 15px 0;
}
.notification-box {
padding: 0;
margin: 15px 0;
display: inline-block;
}
.notification-box .title {
padding: 4px 16px;
float: left;
}
.notification-box .text {
padding: 4px 16px;
float: left;
}