/* GENERAL */ .infobox tr:not(.infobox-head) { text-align: left; padding-right: 0.5em; } /* HEAD OF INFOBOX */ .infobox-head { background-color: #008AFF; color: white; } .infobox-head th { font-size: 1.5em; font-weight: bold; width: 100%; text-align: center; } .infobox-head td { padding-left: 0.5em; } .infobox-head table { margin: 0; } /* OPTION: INFOBOX ON SIDE */ .infobox-side { border: 1px solid #008AFF; padding: 0; width: 300px; margin: 1em 0 1em 1em; float: right; border-spacing: 0; } .infobox-side table { margin-top: 0; margin-right: auto; margin-left: auto; } /* OPTION: INFOBOX ON INLINE (100%) */ .infobox-inline { border: 1px solid #aaa; padding: 0 0.75em 0 0.75em; width: 100%; float: none; clear: both; box-sizing: border-box; } .infobox-inline-icon { margin: 0; padding-right: 2.5em; } .infobox-inline table { margin: 0; } /* INFOBOX IMAGE */ .infobox-image { text-align: center; } /* MONOSPACE */ .monospace { font-family: monospace; } .redglow { box-shadow: 0px 0px 10px red; } /* MEDIA OPTIONS */ @media (max-width: 719px) { .infobox-side { width: 100%; margin: 0.5em 0 0.5em 0; float: none; clear: both; box-sizing: border-box; } }