Template:Tech header/styles.css

.tech-header { clear: both; padding: 1em; background-color: #fafafa; } .tech-header-tabs { font-weight: bold; margin: -0.1em; display: flex; } .tech-header-tab { font-size: 1.5em; display: inline-block; margin: .1em; border-style: solid; border-width: .5em 0 0; padding: 1em .5em; } .tech-header-tab a, .tech-header-tab a.extiw { color: inherit; } .tech-header-tab-forum { border-color: #d33682; color: #d33682; } .tech-header-currentpage-forum .tech-header-intro { border-color: #d33682; } .tech-header-tab-news { border-color: #6c71c4; color: #6c71c4; } .tech-header-currentpage-news .tech-header-intro { border-color: #6c71c4; } .tech-header-tab-ambassadors { border-color: #268bd2; color: #268bd2; } .tech-header-currentpage-ambassadors .tech-header-intro { border-color: #268bd2; } .tech-header-tab-wikimedia-tech { border-color: #eb2; color: #eb2; } .tech-header-currentpage-wikimedia-tech .tech-header-intro, .tech-header-currentpage-related-wikimedia-tech .tech-header-intro { border-color: #eb2; } .tech-header-tab-wikimedia-prod { border-color: #2aa198; color: #2aa198; } .tech-header-currentpage-wikimedia-prod .tech-header-intro, .tech-header-currentpage-related-wikimedia-prod .tech-header-intro { border-color: #2aa198; } .tech-header-tab-mediawiki { border-color: #f78154; color: #f78154; } .tech-header-currentpage-mediawiki .tech-header-intro { border-color: #f78154; } .tech-header-currentpage-forum .tech-header-tab-forum, .tech-header-currentpage-news .tech-header-tab-news, .tech-header-currentpage-ambassadors .tech-header-tab-ambassadors, .tech-header-currentpage-wikimedia-tech .tech-header-tab-wikimedia-tech, .tech-header-currentpage-wikimedia-prod .tech-header-tab-wikimedia-prod, .tech-header-currentpage-mediawiki .tech-header-tab-mediawiki { background-color: #efefef; } .tech-header-intro { font-size: 1.2em; background: #efefef; border-style: solid; border-width: 0 0 1px; padding: 1em; } @media all and (max-width: 719px) { .tech-header-tabs { margin: 0; }	.tech-header-tab { display: block; border-width: 0 0 0 .5em; margin: .4em 0; }	/* @noflip */ .tech-header[dir="ltr"] .tech-header-tab { border-width: 0 0 0 .5em; }	/* @noflip */ .tech-header[dir="rtl"] .tech-header-tab { border-width: 0 .5em 0 0; } }