.rosetta-writing { /* ExplanationNote: even when printing with the option "Shrink to Print Area" * pixels too close to the border can get cropped. */ padding:2mm; display:grid; column-gap:5mm; row-gap:1mm; justify-content:space-evenly; align-items:flex-start; align-content:space-around; } .rosetta-writing-part { /* ExplanationNote: by default, a grid item cannot be smaller than the size of its content. * Change that. */ min-height:0; min-width:0; overflow:hidden; } .rosetta-writing-part-picture { display:flex; flex-direction:column; flex-wrap:nowrap; justify-content:flex-start; width:100%; height:100%; } .rosetta-writing-part-picture img { display:block; border:0; width:100%; height:100%; object-fit:contain; object-position:right center; overflow:hidden; } .rosetta-writing-part-picture.with-description img { border-top-left-radius:3mm; border-top-right-radius:3mm; } .rosetta-writing-part-picture .description { padding-left:0.2cm; padding-right:0.2cm; font-family:monospace; font-variant:small-caps; font-size:14pt; background-color:#ddd; border-top:0 !important; border:1px solid #ddd; border-bottom-left-radius:3mm; border-bottom-right-radius:3mm; overflow:hidden; text-align:center; } .rosetta-writing-part.sentence { height:100%; } .sentence { margin-top:0; margin-bottom:0; margin-left:0; margin-right:0; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:flex-end; align-content:flex-start; row-gap:1mm; column-gap:0.5cm; } .sentence-word { //gap:1px; //background-color:#aaa; //border:1px solid #aaa; /* border-top-left-radius:3mm; border-top-right-radius:3mm; */ } .sentence-cell.input.script-UnicodeBlockCJK-UnicodeBlockCJK-Unified-Ideographs { font-size:20mm; height:25mm; width:25mm; line-height:0; } .lang-LangueMandarin .sentence-cell.model.script-UnicodeBlockCJK-UnicodeBlockCJK-Unified-Ideographs { display:none; }