MediaWiki:Centralnotice-template-WMDE WikiCon 2017

<style>

  1. {{{banner}}} {
   display: none;

}

/* 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;
   border: 3px solid #0063BF;
   margin-bottom: 1em;
   cursor: pointer;
   background-color: #fff;
   font-weight: 500;
   margin-bottom: 10px;

}

/* Sets the minimum banner height. If img + logo-container margins > height. Banner will be larger*/

  1. cnotice-main {
   display: table;
   width: 100%;
   height: 80px; /* need to set height for height 100% to work on elements within it */

}

.cnotice-message-container, .cnotice-logo-container {

   display: table-cell;
   height: 100%;

}

/* --- Main message --- */ .cnotice-message-container {

   vertical-align: middle;

}

.cnotice-message {

   position: relative;
   margin: 0;
   color: #000;
   line-height: 1.2;
   padding: 11px 10px 11px 10px;

}

@media (min-width: 1200px) {

   .cnotice-message {
        padding: 11px 180px 11px 10px;
   }

}

body.rtl .cnotice-message {

   padding: 11px 40px 11px 140px;
   background-position: right 10px top 10px;

}

.cnotice-message p {

   margin: 0;
   font-family: "Linux Libertine", Georgia, Times, serif;
   font-size: 16px;
   line-height: 1.4;
   opacity: 1;
   text-align: center;
   padding-top: 10px;
   padding-bottom: 10px;

}

@media (min-width: 1200px) {

   .cnotice-message p { font-size: 18px; }

}


/* --- Logo Image text --- */

.cnotice-logo-container {

   width: 280px;
   vertical-align: top;
   padding: .5em 1.25em .5em .9em;

}

@media (min-width: 1200px) {

    .cnotice-logo-container { width: 300px; }

}

body.rtl .cnotice-logo-container { }

  1. cnotice-logo-img {
   background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/5/50/WikiCon-Logo_Leipzig_2017.svg/300px-WikiCon-Logo_Leipzig_2017.svg.png);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   width: 100%;
   height: 100%;

}

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

  1. cnotice-toggle-box-options {
   display: inline-block;
   position: absolute;
   right: .5em;
   top: .5em;
   font-size: .8em;
   text-transform: uppercase;

}

body.rtl #cnotice-toggle-box-options {

   right: auto;
   left: .5em;

}

  1. cnotice-toggle-box {
   display: inline-block;
   cursor: pointer;
   opacity: .5;

}

  1. cnotice-toggle-box:hover { opacity: 1; }
  1. cnotice-toggle-box-x {
   background: url('//upload.wikimedia.org/wikipedia/donate/3/32/Close-thin.png') no-repeat center center;
   width: 9px;
   height: 9px;
   float: right;
   display: block;
   margin: .2em .4em;

}

body.rtl #cnotice-toggle-box-x {

   float: left;

}

/* --- 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: none;
   border-radius: 4px;
   color: white;
   padding: 10px 15px;
   text-align: center;
   font-weight: bold;
   text-decoration: none;
   font-size: 17px;
   margin: 4px 2px;
   -webkit-transition-duration: 0.4s; /* Safari */
   transition-duration: 0.4s;
   cursor: pointer;
   z-index: 1;

}

@media (min-width: 1200px) {

   .cnotice-button {
       display: inline-block;
   }

} @media (max-width: 1200px) {

   .cnotice-button {
       width: 25%;
       margin: auto;
       margin-top: 10px;
   }

}

/* --- Buttons --- */ .cnotice a.cnotice-buttonlink {

   cursor: pointer;
   text-decoration: none;
   color: black;

}

.cnotice a.cnotice-buttonlink:hover {

   color: white;

}

.cnotice-button1 {

   background-color: #0063BF;
   color: white;
   position: static;
   top: 45%;
   right: 40px;
   transform: translateY(-45%);
   min-width: 110px;

}

.rtl .cnotice-button1 {

   left: 23px;
   right: auto;

} @media (min-width: 1200px) { .cnotice-button1 { position: absolute; } }

.cnotice-button1:hover {

   background-color: #447FF5;

}

  1. cnotice-translation-link {
 position: absolute;
 right: 95px;
 top: 5px;
 font-size: 0.8em;
 white-space: nowrap;

}

  1. cnotice-translation-link:hover {
 text-decoration: underline;

}

.rtl #cnotice-translation-link {

 text-align: left;
 left: 95px;

} </style>

<script type="text/javascript"> $( document ).ready( function () {

   if ( mw.util.getParamValue( 'force' ) === '1' ) {
       $( '#{{{banner}}}' ).show();
       return;
   }
   if ( mw.user.isAnon() ) {
       return;
   }
   $.getJSON(
       '/w/api.php',
       {
           'action': 'query',
           'list': 'usercontribs',
           'ucuser': mw.user.getName(),
           'uclimit': 60,
           'ucend': '20160808000000',
           'ucstart': '20170808000000',
           'format': 'json',
           'ucprop': 
       },
       function( data ) {
           if ( data.query && data.query.usercontribs.length >= 60 ) {
               $( '#{{{banner}}}' ).show();
           }
       }
   );

} ); </script>

   <a class="cnotice-full-banner-click external text" href="https://de.wikipedia.org/wiki/Wikipedia:WikiCon_2017">

Melde Dich an zur WikiCon, die Konferenz der Wiki-Gemeinschaft (8.–10. September 2017 in Leipzig)!

   </a>
<a class="cnotice-buttonlink" href="https://docs.google.com/a/wikimedia.de/forms/d/e/1FAIpQLSfH6G8-8TdJ4mJcMzNERXYeq5cNcewTNxDevELbfdJ0KhoC3g/viewform">
Anmelden
</a>
       
           Schliessen