data/styles/Rosetta/Writing.css

   1 .rosetta-writing {
   2   /* ExplanationNote: even when printing with the option "Shrink to Print Area"
   3    * pixels too close to the border can get cropped.
   4    */
   5   padding:2mm;
   6   display:grid;
   7   column-gap:5mm;
   8   row-gap:1mm;
   9   justify-content:space-evenly;
  10   align-items:flex-start;
  11   align-content:space-around;
  12 }
  13 .rosetta-writing-part {
  14   /* ExplanationNote: by default, a grid item cannot be smaller than the size of its content.
  15    * Change that.
  16    */
  17   min-height:0;
  18   min-width:0;
  19   overflow:hidden;
  20 }
  21 .rosetta-writing-part-picture {
  22   display:flex;
  23   flex-direction:column;
  24   flex-wrap:nowrap;
  25   justify-content:flex-start;
  26   width:100%;
  27   height:100%;
  28 }
  29 .rosetta-writing-part-picture img {
  30   display:block;
  31   border:0;
  32   width:100%;
  33   height:100%;
  34   object-fit:contain;
  35   object-position:right center;
  36   overflow:hidden;
  37 }
  38 .rosetta-writing-part-picture.with-description img {
  39   border-top-left-radius:3mm;
  40   border-top-right-radius:3mm;
  41 }
  42 .rosetta-writing-part-picture .description {
  43   padding-left:0.2cm;
  44   padding-right:0.2cm;
  45   font-family:monospace;
  46   font-variant:small-caps;
  47   font-size:14pt;
  48   background-color:#ddd;
  49   border-top:0 !important;
  50   border:1px solid #ddd;
  51   border-bottom-left-radius:3mm;
  52   border-bottom-right-radius:3mm;
  53   overflow:hidden;
  54   text-align:center;
  55 }
  56
  57
  58 .rosetta-writing-part.sentence {
  59   height:100%;
  60 }
  61 .sentence {
  62   margin-top:0;
  63   margin-bottom:0;
  64   margin-left:0;
  65   margin-right:0;
  66   display:flex;
  67   flex-direction:row;
  68   flex-wrap:wrap;
  69   justify-content:flex-start;
  70   align-items:flex-end;
  71   align-content:flex-start;
  72   row-gap:1mm;
  73   column-gap:0.5cm;
  74 }
  75 .sentence-word {
  76   //gap:1px;
  77   //background-color:#aaa;
  78   //border:1px solid #aaa;
  79   /*
  80   border-top-left-radius:3mm;
  81   border-top-right-radius:3mm;
  82   */
  83 }
  84
  85 .sentence-cell.input.script-UnicodeBlockCJK-UnicodeBlockCJK-Unified-Ideographs {
  86   font-size:20mm;
  87   height:25mm;
  88   width:25mm;
  89   line-height:0;
  90 }
  91 .lang-LangueMandarin .sentence-cell.model.script-UnicodeBlockCJK-UnicodeBlockCJK-Unified-Ideographs {
  92   display:none;
  93 }