CentralNotice/Request/WikiEducation college towns 2025/UO banner

<style> #uo-banner2025 { display: flex; align-items: center; background-color: #007030; /* UO green */ padding: 10px 20px; color: #FEE11A; /* UO yellow */ font-family: Arial, sans-serif; position: relative; /* Needed to position the close button */ } #uo-banner2025 a { text-decoration: none; color: inherit; display: flex; align-items: center; width: 100%; justify-content: space-between; } #uo-banner2025 .uo-text { flex: 1; font-size: 2em; margin-right: 20px; line-height: 1.4; text-align: left; /* Ensures left alignment */ } #uo-banner2025 .uo-text em { font-style: italic; } #uo-banner2025 .uo-button { background-color: #ffffffff; /* Light gray for the button */ color: #007030; /* UO green */ padding: 8px 16px; font-weight: bold; border-radius: 4px; font-size: 1em; text-align: center; white-space: nowrap; } #uo-banner2025 .uo-logo { margin-left: 20px; margin-right: 15px; border-radius: 4px; height: 100%; /* Set full height to cover banner height */ display: flex; align-items: center; justify-content: center; } #uo-banner2025 .uo-logo img { max-width: 80px; /* Set maximum width for the logo image */ height: auto; display: block; } #uo-banner2025 .uo-close { position: absolute; right: 10px; top: 10px; } #uo-banner2025 .uo-close a { display: block; width: 20px; height: 20px; } #uo-banner2025 .uo-close img { width: 100%; height: auto; } /* Hide the button on screens smaller than 950px */ @media screen and (max-width: 950px) { #uo-banner2025 .uo-button { display: none; } } </style> <div id="uo-banner2025" class="cnotice georegion georegion-OR-eugene"> <a href="https://en.wikipedia.org/wiki/Wikipedia:Wiki_Education_Foundation/UO" target="_blank"> <div class="uo-text"> <b>Wikipedia belongs at the University of Oregon</b> </div> <div class="uo-button">Join us!</div> <div class="uo-logo"> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/df/Hanging_Floral_Display_at_the_Lillis_Business_Complex_on_the_University_of_Oregon_Campus_%2853920769209%29.jpg/320px-Hanging_Floral_Display_at_the_Lillis_Business_Complex_on_the_University_of_Oregon_Campus_%2853920769209%29.jpg" alt="photo of UO campus" /> </div> </a> <div class="uo-close"> <a href="#" title="Close banner" onclick="mw.centralNotice.hideBanner();return false;"> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/0b/OOjs_UI_icon_close-ltr-invert.svg/20px-OOjs_UI_icon_close-ltr-invert.svg.png" alt="Close banner" /> </a> </div> </div> <script type="text/javascript"> var region = mw.centralNotice.data.region; if( region == 'OR' && Geo.lat <= 44.2 && Geo.lat >= 43.9 && Geo.lon >= -123.2 && Geo.lon <= -122.9) { region = 'OR-eugene'; } var div = $( 'div.georegion.georegion-' + region ) if( div.length ) { div.addClass('georegionselected'); $( 'div#uo-banner2025' ).show(); } </script>