CentralNotice/Request/WikiEducation college towns 2025/CWU banner
<style>
#cwu-banner2025 {
display: flex;
align-items: center;
background-color: #A30F32; /* CWU Crimson */
padding: 10px 20px;
color: #FFFFFF;
font-family: Arial, sans-serif;
position: relative; /* Needed to position the close button */
}
#cwu-banner2025 a {
text-decoration: none;
color: inherit;
display: flex;
align-items: center;
width: 100%;
justify-content: space-between;
}
#cwu-banner2025 .cwu-text {
flex: 1;
font-size: 2em;
margin-right: 20px;
line-height: 1.4;
text-align: left; /* Ensures left alignment */
}
#cwu-banner2025 .cwu-text em {
font-style: italic;
}
#cwu-banner2025 .cwu-button {
background-color: #ffffffff; /* Light gray for the button */
color: #A30F32; /* CWU Crimson */
padding: 8px 16px;
font-weight: bold;
border-radius: 4px;
font-size: 1em;
text-align: center;
white-space: nowrap;
}
#cwu-banner2025 .cwu-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;
}
#cwu-banner2025 .cwu-logo img {
max-width: 80px; /* Set maximum width for the logo image */
height: auto;
display: block;
}
#cwu-banner2025 .cwu-close {
position: absolute;
right: 10px;
top: 10px;
}
#cwu-banner2025 .cwu-close a {
display: block;
width: 20px;
height: 20px;
}
#cwu-banner2025 .cwu-close img {
width: 100%;
height: auto;
}
/* Hide the button on screens smaller than 950px */
@media screen and (max-width: 950px) {
#cwu-banner2025 .cwu-button {
display: none;
}
}
</style>
<div id="cwu-banner2025" class="cnotice georegion georegion-WA-ellensburg">
<a href="https://en.wikipedia.org/wiki/Wikipedia:Wiki_Education_Foundation/CWU" target="_blank">
<div class="cwu-text">
<b>Wikipedia belongs at Central Washington University!</b>
</div>
<div class="cwu-button">Join us!</div>
<div class="cwu-logo">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c3/Cwu_tower.jpg/330px-Cwu_tower.jpg" alt="photo of the tower at CWU" />
</div>
</a>
<div class="cwu-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 == 'WA' && Geo.lat <= 47.1 && Geo.lat >= 46.9 && Geo.lon >= -120.7 && Geo.lon <= -120.35) {
region = 'WA-ellensburg';
}
var div = $( 'div.georegion.georegion-' + region )
if( div.length ) {
div.addClass('georegionselected');
$( 'div#cwu-banner2025' ).show();
}
</script>