Difference between revisions of "MediaWiki:Common.css"

From CETAF Identifiers Wiki
Jump to: navigation, search
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; }
  
/* dreispaltiges Layout */
+
/* 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 */
  }