MediaWiki:Centralnotice-template-DE WikiCon2016 Banner

From Meta, a Wikimedia project coordination wiki

<style type="text/css">

  1. centralNotice.collapsed #{{{banner}}} {
   display: none;

}

  1. {{{banner}}} {
   position: relative;
   overflow: hidden;
   background-color: white;
   border: solid 1px #aaaaaa;
   height: 5em;
   cursor: pointer;
   display: flex;
   flex-direction: row;
   justify-content: space-between;

}

  1. {{{banner}}}>div {
   flex: 0 0 auto;

}

  1. {{{banner}}}>div>img{
   border:none;
   width: 100%;    

}

  1. {{{banner}}} .logo{
   max-width: 7em;

}

  1. {{{banner}}} .visual{
   display: block;
   margin: 0px 0px 0px auto;
   width: 7.5em;

}

  1. {{{banner}}}>.copy {
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,c1bcb2+100 */
   background: #e8e6df; /* Old browsers */
   background: -moz-linear-gradient(top, #eeeeee 0%, #c1bcb2 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top, #eeeeee 0%,#c1bcb2 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom, #eeeeee 0%,#c1bcb2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#c1bcb2',GradientType=0 ); /* IE6-9 */
   flex: 1 1 auto;
   font-size: 1.1em;
   color: #333 !important;
   padding: 0.4em 10%;
   line-height: 1.3em;
   text-align: center;
   font-weight:bold;
   display: flex;
   justify-content: center;
   align-content: center;
   align-items: center;

}

  1. {{{banner}}} a {
   color: #054193;

}

  1. {{{banner}}} .close{
   position: absolute;
   top:0;
   right:0;

} </style>

<script> $(document).ready(function() {

 $('#{{{banner}}}').show();

}); </script>