Template:Interlinear/sandbox2/styles.css

.interlinear { display: table; }

/* -   -- gloss blocks - */ .block_wrapper { display: inline-flex; flex-direction: row; flex-wrap: wrap; column-gap: 1em; }

/* single word within block */ .block_wrapper p { margin: 0; }

/* right-to-left direction override */ .right_to_left .block_wrapper { flex-direction: row-reverse !important; } .right_to_left .word_block { text-align: right; }

/* -	-- miscellaneous parts of the layout - */ /* number label */ .number { position: absolute; left: 1em; }

.hidden_text { display: none; }

.bottom { margin-top: 0; }

/* -	-- apply-able options - */ .italics { font-style: italic; }

.box { background-color: #f8f9fa; border: 1px solid #eaecf0; padding: 1em; }

/* "font-variant:small-caps;" ignores oddball letters (such as ḥ) "text-transform: uppercase;" handles them */ .smallcaps { text-transform: uppercase; font-size: smaller; } .bold { font-weight: bold; }

/* -	-- gloss abbreviations - */ .gloss-abbr { font-variant: small-caps; font-variant-numeric: oldstyle-nums; text-transform: lowercase; }

.gloss-abbr.no_underline { text-decoration: none; }

.gloss-abbr.no_smallcaps{ font-variant: normal; text-transform: none; }

/* -	-- error stuff - */ .interlinear-preview-warning { border: 1px solid #a2a9b1; background-color: #f8f9fa; width: 80%; padding: 0.2em; }

.error-message { font-size: inherit; }

.error { font-size: inherit; }