Difference between revisions of "MediaWiki:Print.css"

From FloraWiki - das Wiki zur Schweizer Flora
Jump to: navigation, search
m (.decisiontree, .dt-body : max-width: 17cm!important;)
m (leadout a.external:after none)
 
Line 124: Line 124:
 
   span.leadout.nowrap { white-space: normal!important; } /* nowrap is nonsense: cuts the right text margin with long URLs */
 
   span.leadout.nowrap { white-space: normal!important; } /* nowrap is nonsense: cuts the right text margin with long URLs */
 
   /* make long urls less bold  */
 
   /* make long urls less bold  */
   .decisiontree span.nowrap.leadout a.external:after {
+
   .decisiontree span.leadout a.external:after {
 
     display:none!important; /* STE Tue Aug 08 2017 20:18:20 GMT+0200 (CEST) display:none */
 
     display:none!important; /* STE Tue Aug 08 2017 20:18:20 GMT+0200 (CEST) display:none */
 
     /* smaller as floating block  
 
     /* smaller as floating block  

Latest revision as of 13:41, 23 August 2017

/* Das folgende CSS wird in der Druckausgabe geladen. */

/* CSS an dieser Stelle wirkt sich auf die Druckausgabe aus */
/* gute ausgeklügelte Druckausgaben scheinen wohl nur mit Opera/Firefox zu gehen:
   z.B.: page-break-before:always;
 */

  /*  Kommentar:
    → * {…} überschreibt blöderweise ALLES  body {…} wohl nicht
    → Schrift auf Serifen für alles 
    → nutze möglichst Unicode-Schriften: "DejaVu Serif," "Bitstream Vera Serif"
   */
    body {
      font-family: "DejaVu Serif", "Bitstream Vera Serif", Georgia, Times, Palatino, Garamond, serif;
      background-color:white;
      font-size:11pt;
    }

  /*  Kommentar:
    → Überschriften serifenlos  */
    h1,h2,h3,h4,h5 {
      font-family :  "Arial Unicode MS", 'Trebuchet MS', Verdana, Tahoma, Helvetica, sans-serif;
    }

  /*  Kommentar:
    → Bilder der Klasse image = middle  */
    img  {  vertical-align: middle; }
    a img  {
      border:0px;
    }

  /*  Kommentar:
    → Definitionen für Randnotiz-Boxen 
     nur Opera 7.0+, z.B. linke & rechte Seite:
     @page :left { margin-left:1.5cm; margin-right:2cm  }
     @page :right { margin-left:2cm; margin-right:1.5cm  }
     */
    .marginpar {
      /* noch zu definieren */
    }
/* Navigationspanel */
  .navigation-right {
    position:static; z-index:auto;right:auto; top:auto;
  }
  .navigation-left {
    position:static; z-index:auto;left:auto; top:auto;
  }
/* don't print */
  .editbtn {  display:none;}
  .noprint { display:none; }

/* redesign thumbs simple 3D look */
/* thumb */
  div.thumbinner {
    background-color: #ffffff !important;
    border:1px solid #999999 !important;
    font-size: 94%;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 3px !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
    padding-top: 3px !important;
    text-align: center;
  }
  html .thumbimage {
    border:0px !important;
  }
/* gallery */
  div.thumb div a img {
    border: 0px;
  }
  div.thumb div { 
    background-color: #ffffff;
  }
  div.thumb { 
    background-color: #ffffff!important;
  }

  div.gallerybox {
    border:0px !important;
    background-color: #ffffff;
  }
  div.gallerybox div.thumb {
    border:1px solid #999999 !important;
    background-color: #ffffff;
    margin-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 2px;
    text-align: center;
  }
  div.gallerybox div.thumb div {
    border:0px;
  }
  .print-frameless li.gallerybox div.thumb {
    border:1px solid transparent!important;
  }
  div.center{
    text-align:center;
  }
  table.gallery td {
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    vertical-align: top;
  }
  /* „Aus Offene Naturführer“ → Fix Abstand zu unterem Text */
  #siteSub{
    margin-bottom: 1.5ex;
  }

/* START decision keys */
 .jkeyControls { display:none; }
  /* right margin pictures floating */
  .decisiontree tr.dt-row > td.lead-row1 ~ td table td {
    float:left;
    display: inline-block;
    vertical-align: top;
    page-break-inside: avoid;
  }
  /* large image images not broader than 500px */
  .decisiontree td.lead-row1 .nested img {  max-width:500px;height:auto; }
  .decisiontree td.lead-row1 {  max-width: 500px; }
  span.leadout.nowrap { white-space: normal!important; } /* nowrap is nonsense: cuts the right text margin with long URLs */
  /* make long urls less bold  */
  .decisiontree span.leadout a.external:after {
    display:none!important; /* STE Tue Aug 08 2017 20:18:20 GMT+0200 (CEST) display:none */
    /* smaller as floating block 
    display:block;
    float: right;
    font-size:x-small;
    width:100%;
    font-weight:normal;
  */
  }
  /* .decisiontree .mw-collapsible.mw-collapsed {
    display: block!important;
  } */
  .decisiontree td.leadextras div.leadextras {
    border-bottom: 0px none!important;
    border-left: 1px dotted black!important;
  }
  .decisiontree .dt-row .leadspan, .dt-row .leadextras {
    hyphens: auto
  }
  .decisiontree, .dt-body {
    max-width: 17cm!important;
  }
/* END decision keys */