MediaWiki:Common.css

From CETAF Identifiers Wiki
Revision as of 13:34, 3 February 2020 by Andreas Plank (Talk | contribs) (column layout)

Jump to: navigation, search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Clear the cache in Tools → Preferences
/* 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 */
  }