MediaWiki:Common.css: Difference between revisions

From Barion Documentation
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:
/* CSS placed here will be applied to all skins */
/* 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,
color: #1993c7;
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;
}