MediaWiki:Common.css: Difference between revisions
From CETAF ISTC Wiki
bwf>Andreas Plank (+inline definitions) |
bwf>Andreas Plank m (column layout) |
||
Line 6: | Line 6: | ||
.definition-inline.code-bold-only dt { font-weight:normal; } | .definition-inline.code-bold-only dt { font-weight:normal; } | ||
.definition-inline.code-bold-only dt code { font-weight:bold; } | .definition-inline.code-bold-only dt code { font-weight:bold; } | ||
/* dreispaltiges 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 */ | |||
} |
Revision as of 14:34, 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; }
/* dreispaltiges 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 */
}