Difference between revisions of "MediaWiki:Common.css"

From CETAF Identifiers Wiki
Jump to: navigation, search
(+inline definitions)
 
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 13: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 */
  }