MediaWiki:Common.css: Difference between revisions
From CETAF ISTC Wiki
bwf>Andreas Plank m (column layout) |
bwf>Andreas Plank m (2 column Layout) |
||
Line 7: | Line 7: | ||
.definition-inline.code-bold-only dt code { font-weight:bold; } | .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 { | .three-columns { | ||
-moz-column-count:3; /* Firefox */ | -moz-column-count:3; /* Firefox */ |
Revision as of 14:35, 3 February 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 */
}