data/styles/Rosetta/Matching.css

   1 .matches {
   2   display:grid;
   3   /* 1.7cm is specific to HP Deskjet 2547 */
   4   margin:0.5cm 0.5cm 0.5cm 1.7cm;
   5   gap:0cm 0;
   6 }
   7 .match-alternatives {
   8   display:grid;
   9   grid-template-columns:subgrid;
  10   grid-column-start:1;
  11   grid-column-end:-1;
  12 }
  13 .match-anchor {
  14   align-content:center;
  15   display:flex;
  16   flex-direction:column;
  17   justify-content:start;
  18 }
  19 .match-anchor span {
  20   display:flex;
  21   justify-content:center;
  22   font-family:monospace;
  23   font-size:10mm;
  24   line-height:0.4;
  25 }
  26 .match-anchor.match-anchor-numbered span {
  27   font-size:0.9cm;
  28   line-height:0.5;
  29 }
  30 .matches .sentence-cell {
  31   font-family:Arial;
  32 };
  33 .match-links {
  34   height:4ex;
  35 }
  36 .match-matter {
  37   display:flex;
  38   flex-direction:row;
  39   justify-content:left;
  40   //align-content:baseline;
  41   gap:0 1ex;
  42   flex-wrap:wrap;
  43   align-content:start;
  44   margin-left:2mm;
  45   margin-right:2mm;
  46 }
  47 .match-matter.lang-model .sentence-horiz {
  48   display:inline;
  49 }
  50 .matter-picture {
  51   display:flex;
  52   flex-direction:column;
  53   flex-wrap:nowrap;
  54   justify-content:flex-start;
  55   //width:100%;
  56   height:100%;
  57   overflow:hidden;
  58 }
  59 .matter-picture img {
  60   display:block;
  61   border:0;
  62   width:100%;
  63   height:100%;
  64   object-fit:contain;
  65   object-position:center center;
  66   overflow:hidden;
  67 }
  68 .match-matter .sentence-syllable {
  69   gap:0.5em;
  70 }
  71