Difference between revisions of "MediaWiki:Common.css"
From CETAF Identifiers Wiki
m (column layout) |
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 13: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 */
}