Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
+ | |||
+ | /* suppress TOC section numbers using this class with <div class="noautonum">__TOC__</div> */ | ||
+ | .noautonum .tocnumber { display: none; } | ||
/***** 7. WIKITABLES, INFOBOX TEMPLATES, WARNINGS AND OTHER SUCH STYLINGS *****/ | /***** 7. WIKITABLES, INFOBOX TEMPLATES, WARNINGS AND OTHER SUCH STYLINGS *****/ |
Revision as of 15:26, 31 July 2018
/* CSS placed here will be applied to all skins */
/* suppress TOC section numbers using this class with <div class="noautonum">__TOC__</div> */
.noautonum .tocnumber { display: none; }
/***** 7. WIKITABLES, INFOBOX TEMPLATES, WARNINGS AND OTHER SUCH STYLINGS *****/
/* 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;
}
/* hl7table class for skinning special tables */
table.hl7table {
margin: 1em 1em 1em 0;
background: #f9f9f9;
border: 1px #aaaaaa solid;
border-collapse: collapse;
empty-cells:show;
}
table.hl7table th, table.hl7table td {
border: 1px #aaaaaa solid;
padding: 0.2em 0.4em;
}
table.hl7table th, table.hl7table td.hl3, table.hl7table th.hl3 {
background: #8da7d6;
text-align: center;
}
table.hl7table td.hl1, table.hl7table th.hl1 {
background: #c5d8fc;
text-align: center;
}
table.hl7table td.hl2, table.hl7table th.hl2 {
background: #a7c1f2;
text-align: center;
}
table.hl7table caption {
margin-left: inherit;
margin-right: inherit;
font-weight: bold;
}
/* Footer and header message box styles */
table.fmbox {
clear: both;
margin: 0.2em 0;
width: 100%;
border: 1px solid #aaa;
background: #f9f9f9; /* Default "system" gray */
}
table.fmbox-system {
background: #f9f9f9;
}
table.fmbox-warning {
border: 1px solid #bb7070; /* Dark pink */
background: #ffdbdb; /* Pink */
}
table.fmbox-editnotice {
background: transparent;
}
/* BEGIN-ART-DECOR-EXTRA-CSS */
/**
Special CSS definitions to print PDF
******************************
Copyright (C) 2013-2017 ART-DECOR expert group art-decor.org
Author: Kai U. Heitmann
*/
@media print{
.navbox,
.navbar,
.foundationSidebar{
display: none;
}
}
/* the following CSS is for NON print media only */
@media screen, handheld{
/* source text (geshi) code font a little bit larger */
.ppcode{
font-size: 1.1em;
}
/* as this is a screen CSS, some CSS for printed documents */
div.print-document-information{
display: none;
}
.print-document-logohead{
display: none;
}
.print-only{
display: none;
}
}
/**
Special CSS definitions to correctly style ART-DECOR® artefacts
******************************
Copyright (C) 2013-2017 ART-DECOR expert group art-decor.org
Author: Kai U. Heitmann
*/
table.artdecor{
border-spacing: 3px;
-webkit-border-horizontal-spacing: 3px;
-webkit-border-vertical-spacing: 3px;
/*border-collapse: separate;*/
}
table.artdecor,
table.artdecor tr,
table.artdecor td,
table.artdecor th,
table.artdecor p{
font-size: 12px;
font-weight: normal;
color: #333;
padding: 5px;
}
table.artdecor tr > table.artdecor tr,
table.artdecor td > table.artdecor td,
table.artdecor th > table.artdecor th{
padding: 3px !important;
border-spacing: 3px !important;
-webkit-border-horizontal-spacing: 3px !important;
-webkit-border-vertical-spacing: 3px !important;
}
table.artdecor pre{
font-size: 11px;
}
table.artdecor th{
background-color: #ece9e4;
color: #7a6e62;
font-weight: bold;
}
tr.explabel{
background-color: #E6E6FA;
}
td.explabelred{
background-color: #FFEEEE;
}
td.explabelgreen{
background-color: #E0FFE0;
}
td.explabelblue{
background-color: #E6E6FA;
}
td.conf{
width: 107pt;
font-size: 11px;
border: 1px solid #C3C0B2;
font-weight: normal;
color: #e16e22;
background-color: #ece9e4;
}
td.stron{
width: 107pt;
font-size: 11px;
font-weight: normal;
border: 1px solid #c0c0c0;
color: #ffffff;
background-color: #ff99cc;
}
td.defvar{
width: 107pt;
font-size: 11px;
font-weight: normal;
border: 1px solid #c0c0c0;
color: #ffffff;
background-color: #6699cc;
}
td.tabtab{
border: 1px solid #C0C0C0;
background-color: #FFFFFF;
}
td.nodetype{
width: 107pt;
border: 1px solid #C3C0B2;
font-size: 11px;
font-weight: normal;
color: #e16e22;
background-color: #dddddd;
}
td.nodename{
font-size: 16px;
font-weight: bold;
color: #e16e22;
background-color: #dddddd;
}
tr.headinglabel{
background-color: #99CCFF;
}
tr.desclabel{
background-color: #FAFAD2;
}
tr.descitem{
background-color: #FAFAD2;
}
tr.vslabel{ /*background-color : #FFFF99; */
background-color: #CCFFFF;
}
.code{
font-family: "Courier New", Courier, mono;
font-size: 12px;
padding: 5px;
border: 1px dashed #C0C0C0;
}
.ppsign{
color: #000080;
}
.ppelement{
color: #000080;
}
.ppattribute{ /*color : #ffa500;*/
color: #D2691E;
}
.ppcontent{
color: #a52a2a;
}
.pptext{
color: #808080;
}
.ppnamespace{
color: #0000ff;
}
h{
background-color: #ece9e4;
color: #7a6e62;
font-weight: bold;
}
@page big_table{
size: A4 landscape;
}
div.landscape{
page: big_table
}
/* repository iconographics */
.repobox{
display: inline;
}
.repo{
box-sizing: border-box;
display: inline;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 11px;
font-style: normal !important;
font-weight: normal !important;
height: 16px;
line-height: 14px;
text-align: left;
width: auto !important;
padding: 1px 5px 1px 5px;
}
.ref{
background-color: #aaa;
color: #fff;
margin-right: 0px;
text-shadow: #000 1px 0px 2px;
width: auto !important;
-webkit-border-radius: 3px 0px 0px 3px;
-moz-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;
}
.refonly{
background-color: #aaa;
color: #fff;
margin-right: 0px;
text-shadow: #000 1px 0px 2px;
width: auto !important;
-webkit-border-radius: 3px 0px 0px 3px;
-moz-border-radius: 3px 0px 0px 3px;
border-radius: 3px;
}
.refvalue{
background-color: #d684ff;
color: #fff;
margin-left: -4px;
width: auto !important;
-webkit-border-radius: 0px 3px 3px 0px;
-moz-border-radius: 3px 0px 0px 3px;
border-radius: 0px 3px 3px 0px;
}
.nowrapinline{
display: inline;
white-space: nowrap !important;
}
ol.ad-dataset-group{
list-style-type: none;
}
li.ad-dataset-group{
font-weight: bold;
padding: 7px 0 0 0;
border-bottom: 1px solid #ddd;
}
li.ad-dataset-item,
li.ad-template{
list-style-type: none;
padding: 7px 0 0 0;
}
ul.ad-terminology-code{
list-style-position: inside;
padding: 7px 0 3px 20px;
border: 0px;
list-style-type: disc;
}
ul.ad-transaction-condition{
padding: 7px 0 3px 20px;
list-style-position: inside;
}
li.ad-transaction-condition{
list-style-type: circle;
padding: 0 3px 0 5px;
border-left: 5px solid #ddd;
}
div.ad-dataset-itemnumber,
div.ad-templatetype{
margin: -2px 0 5px 6px;
display: inline;
border: 1px solid #c0c0c0;
background-color: #eee;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
padding: 1px 1px 1px 1px;
width: auto !important;
padding: 1px 5px 1px 5px;
}
div.ad-dataset-level1{
font-size: 2ex;
font-weight: bold;
border-bottom: 2px solid #ddd;
}
table.ad-transaction-table,
table.ad-template-table{
border: 1px solid #888;
border-collapse: collapse;
width: 100%;
}
div.cdadocumentlevel{
background-color: #eef;
}
div.cdaheaderlevel{
background-color: #ffe;
}
div.cdasectionlevel{
background-color: #efe;
}
div.cdaentrylevel{
background-color: #fef;
}
div.ad-itemnumber-green{
background-color: #efe;
}
div.ad-itemnumber-blue{
background-color: #cef;
}
/* END-ART-DECOR-EXTRA-CSS */