MediaWiki:Centralnotice-template-DE WikiCon2016 Banner
<style type="text/css">
- centralNotice.collapsed #{{{banner}}} {
display: none;
}
- {{{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;
}
- {{{banner}}}>div {
flex: 0 0 auto;
}
- {{{banner}}}>div>img{
border:none; width: 100%;
}
- {{{banner}}} .logo{
max-width: 7em;
}
- {{{banner}}} .visual{
display: block; margin: 0px 0px 0px auto; width: 7.5em;
}
- {{{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;
}
- {{{banner}}} a {
color: #054193;
}
- {{{banner}}} .close{
position: absolute; top:0; right:0;
} </style>
<script> $(document).ready(function() {
$('#{{{banner}}}').show();
}); </script>