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