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>