Wikimedia Hackathon 2023/Header/styles.css

.logo { padding: 2em 0; } .logo .hackathon-banner-image { margin: 0 auto; display: table; border-collapse: collapse; clear: none; float: none; } .tabs { display: table-cell; display: flex; flex-flow: row wrap; justify-content: center; vertical-align: top; clear: both; gap: .5em; max-width: 55em; margin: 0 auto; } .tab { border-bottom: 8px solid #5f7b69; min-width: min-content; max-width: 160px; flex: 1 1 0px; font-size: larger; display: flex; padding: 5px .3em 0; word-break: keep-all; /* needed for CJK */ } .tab a { display: flex; gap: .3em; margin: auto; align-items: center; } .tab > b { display: contents; } .tab-red { border-color: #ce2123; } .tab-green { border-color: #3c6f08; } .tab-blue { border-color: #08426f; } .tab-lightgreen { border-color: #85ce3b; } @media only screen and (max-width: 719px) { .logo { display: none; }	/* mobile should have nice things too 😉 span[aria-hidden="true"] { display: none; }	*/ }