MediaWiki:Common.css

From pubswiki
Jump to navigation Jump to search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will be applied to all skins */

/* suppress TOC section numbers using this class with <div class="noautonum">__TOC__</div> */
.tocnumber { display: none; }
.noautonum { 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 */