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;
}