MediaWiki:Centralnotice-template-Migration from Freenode to Libera

@font-face { font-family: 'Montserrat'; font-style: normal; src: local('Montserrat'), local('Montserrat'), url(https://upload.wikimedia.org/wikipedia/donate/c/cd/Montserrat.woff2) format('woff2');}

/* Main banner container. Banner: background gradient, border colour and width and adding a margin between banner and article header*/ /* Important -- background gradient -- If you change one you must change all*/ .cnotice { position: relative; overflow: hidden; background: #FCFCFC; border: 1px solid #999999; border-radius: 2px; margin-bottom: 1em; cursor: pointer; color: #222; font-weight: 500; }

/* Sets the minimum banner height. If img + logo-container margins > height. Banner will be larger*/ display: table; width: 100%; height: 80px; /* need to set height for height 100% to work on elements within it */ }
 * 1) cnotice-main {

/*MOBILE - Adjust mobile height of banner*/ body.skin-minerva #cnotice-main { height: 100px; }

/*IMPORTANT - don't touch*/ .cnotice-message-container, .cnotice-logo-container, .cnotice-misc-container { display: table-cell; height: 100%; vertical-align: middle; }

/* --- Main message --- */ .cnotice-message { position: relative; margin: 0; line-height: 1.2; padding: 5px 5px 5px 5px; }

@media (min-width: 1200px) { .cnotice-message { padding: 15px 0px 11px 30px; } }

body.rtl .cnotice-message { padding: 5px 5px 5px 5px; }

.cnotice-message p { margin: 0; color: #4D4D4D; font-family: Arial, sans-serif; font-weight: bold; font-size: 100%; opacity: 1; text-align: center; padding-top: 10px; padding-bottom: 10px; }

@media (min-width: 1200px) { .cnotice-message p { font-size: 120%; } }

/* --- Logo Image text --- */ .cnotice-logo-container { width: 10%; }

body.rtl .cnotice-logo-container { padding: 0.0em .25em 0.0em .9em; }

.cnotice-logo-container img { opacity: 1; display: block; margin-left: 15%; margin-top: 2px; margin-bottom: 1px; height: 55px; }

/*Misc containter stuff starts here*/ .cnotice-misc-container { width: 10%; padding-right: 40px; }

/*Adjusts for screen size */ @media (min-width: 1200px) { .cnotice-misc-container { padding-right: 40px; } }

/*Detects and adjusts for mobile skin */ body.skin-minerva .cnotice-misc-container { padding-right: 10px; }

/* --- Close Options --- */

display: table-cell; font-size: .8em; text-transform: uppercase; width: 38px; height: 38px;
 * 1) cnotice-toggle-box-options {

background: #eee; -moz-border-radius: 19px; -webkit-border-radius: 19px; border-radius: 19px; vertical-align: middle; }

cursor: pointer; position: absolute; top: 2px; right: 3px; z-index: 1; }
 * 1) cnotice-toggle-box {

body.rtl #cnotice-toggle-box { left: 3px; right: unset; }

opacity: 1; }
 * 1) cnotice-toggle-box:hover {

/* --- Full Banner Link --- */ .cnotice a.cnotice-full-banner-click { display: block; height: 100%; width: 100%; cursor: pointer; text-decoration: none; }

.cnotice a.cnotice-full-banner-click:hover { text-decoration: underline; }

.cnotice-button { border: none; display: inline-block; border: solid 2px #36c; border-radius: 4px; color: #fff; padding: 5px 5px; text-align: center; font-weight: bold; text-decoration: none; font-size: 14px; margin: 4px 2px; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; cursor: pointer; z-index: 1; min-width: 80px; }

@media (min-width: 1100px) { .cnotice-button { display: inline-block; min-width: 110px; width: 25%; margin: auto; } }

/* --- Buttons --- */ .cnotice a.cnotice-buttonlink { cursor: pointer; text-decoration: none; color: #000; }

.cnotice a.cnotice-buttonlink:hover { color: #fff; }

.cnotice-button1 { background-color: #36c; color: #fff; }

.rtl .cnotice-button1 { left: 23px; right: auto; margin-left: 20px; }

.cnotice-button1:hover { background-color: #447ff5; }

.cnotice-button1:active { background-color: #2a4b8d; }

position: absolute; right: 50px; bottom: 0px; font-size: 0.8em; white-space: nowrap; }
 * 1) cnotice-translation-link {

text-decoration: underline; }
 * 1) cnotice-translation-link:hover {

.rtl #cnotice-translation-link { text-align: left; left: 95px; }

  As a result of incredible turmoil on Freenode and this community discussion, Miraheze completed the migration of its IRC channels from Freenode to Libera.Chat. Please see IRC for instructions on how to join. The Miraheze global community looks forward to welcoming you there. 