Difference between revisions of "MediaWiki:Common.css"
(51 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | /** | + | /* 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"], | ||
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, .navbar, .foundationSidebar { | .navbox, .navbar, .foundationSidebar { | ||
Line 37: | Line 52: | ||
} | } | ||
− | |||
− | |||
/** | /** | ||
− | Special CSS definitions to correctly style ART- | + | Special CSS definitions to correctly style ART-DECOR® artefacts |
****************************** | ****************************** | ||
− | Copyright (C) 2013- | + | 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:# | + | 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 */