Difference between revisions of "MediaWiki:Common.css"

From HL7 IPS
Jump to: navigation, search
 
(55 intermediate revisions by the same user not shown)
Line 1: Line 1:
/** special link icon styles ******************************
+
/* CSS placed here will be applied to all skins */
* K. Heitmann
+
 
 +
ul { margin-bottom: 0.7em !important; }
 +
 
 +
/**
 +
    Special CSS definitions to icon links
 +
    ******************************
 +
    Copyright (C) 2013-2017 ART-DECOR expert group art-decor.org
 +
   
 +
    Author: Kai U. Heitmann
 
*/
 
*/
 
#content a.external[href $=".pdf"], #content a.external[href $=".PDF"],
 
#content a.external[href $=".pdf"], #content a.external[href $=".PDF"],
Line 10: Line 18:
 
}
 
}
  
/* */
+
/* 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 {
 
@media print {
     .navbox {
+
     .navbox, .navbar, .foundationSidebar {
 
         display: none;
 
         display: none;
 
     }
 
     }
Line 37: Line 52:
 
}
 
}
  
 
/* CSS placed here will be applied to all skins */
 
 
/**  
 
/**  
     Special CSS definitions to correctly style ART-DECOR artefacts  
+
     Special CSS definitions to correctly style ART-DECOR® artefacts  
 
     ******************************
 
     ******************************
     Copyright (C) 2013-2015 ART-DECOR expert group art-decor.org
+
     Copyright (C) 2013-2017 ART-DECOR expert group art-decor.org
 
      
 
      
 
     Author: Kai U. Heitmann
 
     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,
 
table.artdecor tr,
 
table.artdecor tr,
 
table.artdecor td,
 
table.artdecor td,
 
table.artdecor th,
 
table.artdecor th,
table.artdecor p{
+
table.artdecor p {
 
     font-size:12px;
 
     font-size:12px;
 
     font-weight:normal;
 
     font-weight:normal;
     color:#333333;
+
     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{
 
table.artdecor th{
Line 211: Line 243:
 
     white-space: nowrap !important;
 
     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 */

Latest revision as of 18:24, 17 July 2017

/* CSS placed here will be applied to all skins */

ul { margin-bottom: 0.7em !important; }

/** 
    Special CSS definitions to icon links 
    ******************************
    Copyright (C) 2013-2017 ART-DECOR expert group art-decor.org
    
    Author: Kai U. Heitmann
*/
#content a.external[href $=".pdf"], #content a.external[href $=".PDF"],
#content a.external[href *=".pdf#"], #content a.external[href *=".PDF#"],
#content a.external[href *=".pdf?"], #content a.external[href *=".PDF?"],
.link-document {
	background: url("images/link_doc.png") center right no-repeat;
	padding: 0 18px 0 0;
}

/* 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 */