Template:SchemaDiagram.css

/* reset */ .mw-tpl-schemadiagram-caption, .mw-tpl-schemadiagram, .mw-tpl-schemadiagram-table { font-family: sans-serif; line-height: 1.6; font-size: 12px; } .mw-tpl-schemadiagram-caption a, .mw-tpl-schemadiagram a { text-decoration: none; } .mw-tpl-schemadiagram-caption a:hover, .mw-tpl-schemadiagram-caption a:focus, .mw-tpl-schemadiagram a:hover, .mw-tpl-schemadiagram a:focus { text-decoration: underline; }

.mw-tpl-schemadiagram-caption { display: inline-block; margin: 0 1em 1em 0; padding: 0 24px; border: 1px solid #a2a9b1; background: #eaecf0; font-family: sans-serif; /* reset */ line-height: 1.6; /* reset */ font-size: 12px; /* reset */ } .mw-tpl-schemadiagram-caption a.external, .mw-tpl-schemadiagram a.external { /* plainlinks, even on action=render */ background: none; padding: 0; } /* Fix hopelessly broken mw-ui-button spacing when inside an anchor */ .mw-tpl-schemadiagram-fullscreen a .mw-ui-button { line-height: 1.6em; }

.mw-tpl-schemadiagram { display: flex; flex-flow: row wrap; justify-content: flex-start; }

/* For action=render  body:not(.mediawiki) .mw-tpl-schemadiagram { width: 170em; } body:not(.mediawiki) .mw-tpl-schemadiagram-fullscreen { display: none; } body:not(.mediawiki) .mw-tpl-schemadiagram-credit a, body:not(.mediawiki) .mw-tpl-schemadiagram-credit a.external { color: inherit; }

.mw-tpl-schemadiagram-group { border: 1px solid #a2a9b1; margin: 0 1em 1em 0; }

.mw-tpl-schemadiagram-group h2 { display: table; margin: 0; padding: 0.4em 1.2em 0.2em 0.6em; background: #fff; font-size: inherit; font-family: inherit; color: #404244; font-weight: bold; border: 1px solid #a2a9b1; border-width: 0 1px 1px 0; }

/* A stacked column of tables */ .mw-tpl-schemadiagram-group tr { vertical-align: baseline; }

.mw-tpl-schemadiagram-table { margin: 1em 0.8em 1em 0.9em; border: 1px solid #c8ccd1; background: #fff; }

.mw-tpl-schemadiagram-table h3 { margin: 0; padding: 0 4px 0 26px; /* 26px = 7 + 12 + 7, centred icon */ background: #eaecf0 url(https://upload.wikimedia.org/wikipedia/commons/thumb/9/99/OOjs_UI_icon_table.svg/24px-OOjs_UI_icon_table.svg.png) no-repeat 7px 50%; background-size: 12px; color: #111; font-size: inherit; line-height: 2.3; font-family: inherit; }

.mw-tpl-schemadiagram-table h3 a { color: inherit; }

.mw-tpl-schemadiagram-table ul { margin: 3px 6px; padding: 0; /* reset */ list-style: none; }

.mw-tpl-schemadiagram-field { display: inline-block; vertical-align: middle; box-sizing: border-box; width: 16px; height: 16px; margin-right: 2px; /* align field icon with H3 icon, align field label with H3 text */ cursor: help; }

.mw-tpl-schemadiagram-field--primary { background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/2/22/OOjs_UI_icon_key.svg/32px-OOjs_UI_icon_key.svg.png) no-repeat 0 50%; background-size: 16px; border: 0; transform: rotate(-45deg); }

.mw-tpl-schemadiagram-field--notnull { background: #36c; border: 1px solid #72777d; transform: rotate(-45deg) scale(0.6); }

.mw-tpl-schemadiagram-field--regular { border: 1px solid #36c; transform: rotate(-45deg) scale(0.6); }

.mw-tpl-schemadiagram-credit { flex-basis: 100%;

border-top: 1px solid #c8ccd1; padding: 1em; text-align: right; font-size: 10px; }