Template:SchemaDiagramWmui.css

/* reset */ .mw-tpl-schemadiagram-title, .mw-tpl-schemadiagram-caption, .mw-tpl-schemadiagram, .mw-tpl-schemadiagram-table { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Lato, Helvetica, Arial, sans-serif; line-height: 1.6; font-size: 16px; color: #202122; } .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-title { font-size: 28px; font-weight: bold; text-align: center; position: sticky; top: 0; background: #fff; z-index: 1; border: 0; /* reset mw skin */ } .mw-tpl-schemadiagram-caption { color: #72777D; font-size: 20px; text-align: center; } .mw-tpl-schemadiagram-fullscreen { float: right; } .mw-tpl-schemadiagram-caption a.external, .mw-tpl-schemadiagram a.external { /* plainlinks, even on action=render */ background: none; padding: 0; }

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

/* For action=render  body:not(.mediawiki) .mw-tpl-schemadiagram { width: 160em; } 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 #EAECF0; margin: 0 16px 16px 0; background: none !important; /* ignore legacy inline style */ }

.mw-tpl-schemadiagram-group h2 { padding: 8px 16px; font-size: 28px; color: #72777D; margin: 0; /* reset mw skin */ border: 0; /* reset mw skin */ font-family: inherit; /* reset mw skin */ font-weight: normal; /* reset mw skin */ }

/* Group themes */ .mw-tpl-schemadiagram-group--green { border-color: #00AF89; } .mw-tpl-schemadiagram-group--green h2 { color: #14866D; background: #D5FDF4; } .mw-tpl-schemadiagram-group--blue { border-color: #2a4b8d; } .mw-tpl-schemadiagram-group--blue h2 { color: #2a4b8d; background: #eaf3ff; } .mw-tpl-schemadiagram-group--yellow { border-color: #ac6600; } .mw-tpl-schemadiagram-group--yellow h2 { color: #ac6600; background: #fef6e7; } .mw-tpl-schemadiagram-group--red { border-color: #b32424; } .mw-tpl-schemadiagram-group--red h2 { color: #b32424; background: #fee7e6; } .mw-tpl-schemadiagram-group--grey { border-color: #72777D; } .mw-tpl-schemadiagram-group--grey h2 { color: #72777D; background: #F8F9FA; }

/* A stacked column of tables */ .mw-tpl-schemadiagram-group tr { vertical-align: baseline; } .mw-tpl-schemadiagram-group td { padding: 0; /* reset browser */ } .mw-tpl-schemadiagram-group > table { margin: 8px; } .mw-tpl-schemadiagram-table { margin: 8px 8px 16px 8px; border: 1px solid #72777D; background: #fff; overflow: hidden; }

.mw-tpl-schemadiagram-table h3 { margin: 0; padding: 5px 20px; background: #F8F9FA; border-bottom: 1px solid #72777D; color: #72777D; font-size: 20px; font-family: inherit; }

.mw-tpl-schemadiagram-table h3 a { color: inherit; /* reset browser and mw skin */ }

.mw-tpl-schemadiagram-table ul { margin: 0.2em 0.5em 0.2em 0.2em; padding: 0; /* reset */ list-style: none; }

.mw-tpl-schemadiagram-field { display: inline-block; vertical-align: middle; box-sizing: border-box; width: 16px; height: 16px; cursor: help; }

.mw-tpl-schemadiagram-field--primary { background: url(https://upload.wikimedia.org/wikipedia/commons/f/f4/Farm-Fresh_key_solid.png) no-repeat 0 50%; background-size: 16px; border: 0; transform: rotate(-45deg); }

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

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

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

border-top: 1px solid #EAECF0; padding: 1em; }