Template:Wikimedia Hackathon 2018/styles.css

.hackathon-banner-image { max-width: 100%; height: 100%; object-fit: contain; } .hackathon-header { display: flex; flex-direction:row; flex-wrap: wrap; text-align:center; /* noflex */ padding: 5px; }

.hackathon-header > .hackathon-tab { display:inline-block; /* noflex */ flex:1 1 0; align-self: flex-end; vertical-align:bottom; text-align:center; font-size:larger; margin: 5px; } .hackathon-tab > .green-marker { visibility: hidden; background-color: #339966; height: 1.5em; } .hackathon-tab.selected > .green-marker { visibility: visible; } @media (max-width:750px) { .hackathon-header { flex-direction:column; padding:0; }	.hackathon-header > .hackathon-tab { width: 100%; margin:0; }	.hackathon-tab > .green-marker { display:none; }	.hackathon-tab.selected > hr { background-color: #339966; height: 5px; } }