MediaWiki:Common.css: Difference between revisions
From CETAF ISTC Wiki
bwf>Andreas Plank m (2 column Layout) |
bwf>Andreas Plank m (+booktable, +booktabledotted) |
||
Line 53: | Line 53: | ||
break-inside: avoid-column; /* IE 11 */ | break-inside: avoid-column; /* IE 11 */ | ||
} | } | ||
/* booktable as in (scientific) books/journals */ | |||
table.booktable, table.booktabledotted { | |||
margin: 1em 1em 1em 0; | |||
background: #ffffff; | |||
border-top: 2px #656463 solid; | |||
border-bottom: 2px #656463 solid; | |||
border-collapse: collapse; | |||
} | |||
.booktabledotted td { | |||
border-bottom: 1px dotted gray; | |||
padding:0.2em; | |||
} | |||
.booktable td { | |||
border: 0px none !important; | |||
padding:0.2em; | |||
} | |||
.booktable tr.line-t td, .booktable tr td.line-t{ | |||
border-top: 1px #656463 solid !important; | |||
} | |||
.booktable tr.line-b td, .booktable tr td.line-b{ | |||
border-bottom: 1px #656463 solid !important; | |||
} | |||
.booktable tr.line-tb td, .booktable tr td.line-tb{ | |||
border-bottom: 1px #656463 solid !important; | |||
border-top: 1px #656463 solid !important; | |||
} | |||
.booktabledotted th, .booktable th { | |||
vertical-align:bottom; | |||
border-bottom:1px solid #656463; | |||
border-top: 1px solid #656463; | |||
border-left:0px; | |||
border-right:0px; | |||
padding: 0.2em; | |||
} | |||
.booktabledotted th, .booktable th { | |||
background: #ffffff; | |||
text-align: center; | |||
} | |||
.booktable caption, .booktabledotted caption { | |||
font-weight: normal; | |||
} | |||
/* a plain table but vertical align top */ | |||
table.vertical-align-top td { vertical-align:top;} | |||
table.vertical-align-bottom td { vertical-align:bottom; } | |||
table.vertical-align-middle td { vertical-align:middle; } |
Revision as of 11:34, 7 May 2020
/* CSS placed here will be applied to all skins */
/* inline definitions */
.definition-inline dt { float:left; padding-right:0.5em; margin-bottom: 0px; line-height: 1.5em;}
.definition-inline dd { margin-bottom: 0px;line-height: 1.6em;} /* line-height a bit higher, because dt in bold pushes line-height */
.definition-inline.code-bold-only dt { font-weight:normal; }
.definition-inline.code-bold-only dt code { font-weight:bold; }
/* 2 column Layout */
.two-columns {
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-count:2;
-moz-column-gap:40px; /* Firefox */
-webkit-column-gap:40px; /* Safari and Chrome */
column-gap:40px;
-moz-column-rule:2px outset gray; /* Firefox */
-webkit-column-rule:2px outset gray; /* Safari and Chrome */
column-rule:2px outset gray;
}
/* 3 column Layout */
.three-columns {
-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari and Chrome */
column-count:3;
-moz-column-gap:40px; /* Firefox */
-webkit-column-gap:40px; /* Safari and Chrome */
column-gap:40px;
-moz-column-rule:2px outset gray; /* Firefox */
-webkit-column-rule:2px outset gray; /* Safari and Chrome */
column-rule:2px outset gray;
}
.three-columns.flat-ul ul li {
float:left;
margin-left:1.5em;
}
.three-columns.flat-ul ul {
clear:both;
margin:0px 0px 0.5ex 0px;
padding:0px;
}
.three-columns.flat-ul p {
margin:5px 0px 0ex 0px;
}
.three-columns tr {
/* verhindere Spaltenumbruch */
-webkit-column-break-inside: avoid; /* Chrome, Safari */
page-break-inside: avoid; /* Theoretically FF 20+ */
break-inside: avoid-column; /* IE 11 */
}
/* booktable as in (scientific) books/journals */
table.booktable, table.booktabledotted {
margin: 1em 1em 1em 0;
background: #ffffff;
border-top: 2px #656463 solid;
border-bottom: 2px #656463 solid;
border-collapse: collapse;
}
.booktabledotted td {
border-bottom: 1px dotted gray;
padding:0.2em;
}
.booktable td {
border: 0px none !important;
padding:0.2em;
}
.booktable tr.line-t td, .booktable tr td.line-t{
border-top: 1px #656463 solid !important;
}
.booktable tr.line-b td, .booktable tr td.line-b{
border-bottom: 1px #656463 solid !important;
}
.booktable tr.line-tb td, .booktable tr td.line-tb{
border-bottom: 1px #656463 solid !important;
border-top: 1px #656463 solid !important;
}
.booktabledotted th, .booktable th {
vertical-align:bottom;
border-bottom:1px solid #656463;
border-top: 1px solid #656463;
border-left:0px;
border-right:0px;
padding: 0.2em;
}
.booktabledotted th, .booktable th {
background: #ffffff;
text-align: center;
}
.booktable caption, .booktabledotted caption {
font-weight: normal;
}
/* a plain table but vertical align top */
table.vertical-align-top td { vertical-align:top;}
table.vertical-align-bottom td { vertical-align:bottom; }
table.vertical-align-middle td { vertical-align:middle; }