Jump to content

MediaWiki:Centralnotice-template-rae template v1: Difference between revisions

From Meta, a Wikimedia project coordination wiki
Content deleted Content added
No edit summary
Tag: Central Notice
No edit summary
Tag: Central Notice
Line 63: Line 63:


.cbnnr-image {
.cbnnr-image {
width: 10%;
width: %;
}
}



Revision as of 10:59, 10 August 2024

<style>

/* Colors */

.cbnnr {

   color-scheme: light;
   --cbnnr-base: #202122;
   --cbnnr-base-hover: #404244;
   --cbnnr-background: #f8f9fa;
   --cbnnr-border: #c8ccd1;
   /* Purple options */
   --cbnnr-purple-background: #EEEAFF;
   --cbnnr-purple-border: #EEEAFF;

}

@media screen {

   html.skin-theme-clientpref-night .cbnnr {
       color-scheme: dark;
       --cbnnr-base: #eaecf0;
       --cbnnr-base-hover: #f8f9fa;
       --cbnnr-background: #202122;
       /* Purple options */
       --cbnnr-purple-background: #27292D;
       --cbnnr-purple-border: #c8ccd1;
   }

}


/* Main styling */

/* .cbnnr {

}

  • /

.cbnnr-full-link {

   display: block;
   height: 100%;
   width: 100%;
   cursor: pointer;
   text-decoration: none;

} /* Remove and add <a> tag to text if you want in-text links. Default is for the entire banner to be a link. */

.cbnnr-full-link:hover {

   text-decoration: none;
   text-decoration-color: var(--cbnnr-base, #202122);

}

.cbnnr-container {

   background-color: var(--cbnnr-background, #f8f9fa);
   border-style: solid;
   border-width: 2px;
   border-radius: 25px;
   border-color: var(--cbnnr-border, #c8ccd1);
   display: flex;
   flex-flow: row nowrap;
   justify-content: flex-start;

}

.cbnnr-image {

   width: 15%;

}

.cbnnr-image img {

   display: block;
   margin: auto;
   width: 70px;

}

.cbnnr-text {

   color: var(--cbnnr-base, #202122);
   font-size: 20px;

}

a:hover #cbnnr-lineone {

   text-decoration: none;

}

a:hover #cbnnr-linetwo {

   text-decoration: underline;

}

  1. cbnnr-linetwo {
   font-weight: bold;

}

.cbnnr-footnote {

   text-align: right;
   padding-right: 3px;

}


</style>

   <a class="cbnnr-full-link" href="//https://meta.wikimedia.org/wiki/Main_Page">
           <img src="//upload.wikimedia.org/wikipedia/commons/7/75/Wikimedia_Community_Logo.svg" alt=""/>

This is a short description of my event.

Join us for the event!

   </a>
   Help with translations.

<script> </script>