MediaWiki:Centralnotice-template-wikidaheim2018 mobile

From Meta, a Wikimedia project coordination wiki

<style>

   /* --- Close Options --- */
   #cnotice-toggle-box-options {
       display: table-cell;
       font-size: .8em;
       text-transform: uppercase;
       width: 38px;
       height: 38px;
       background: #eee;
       -moz-border-radius: 19px;
       -webkit-border-radius: 19px;
       border-radius: 19px;
       vertical-align: middle;
   }
   #cnotice-toggle-box {
       cursor: pointer;
       position: absolute;
       top: 2px;
       right: 3px;
       z-index: 1;
   }
   body.rtl #cnotice-toggle-box {
       left: 3px;
       right: unset;
   }
   #cnotice-toggle-box:hover {
       opacity: 1;
   }
   .wikidaheim2018 {
       border: 4px solid #bf3f87;
       font-family: 'Space Mono', sans-serif;
       background: white;
       border: 4px solid #3b8bb4;
       text-align: justify;
       padding: 1em;
   }
   .wikidaheim2018 .copy-text {
       display: block;
       text-decoration: underline;
       font-weight: bold;
       color: #3b8bb4;
       /*#24224c;*/
       margin: 5px;
       overflow: hidden;
       text-align: center;
       line-height: 1em;
   }
   .wikidaheim2018>footer {
       text-align: center;
       display: flex;
       justify-content: space-around;
       margin: 0 auto;
       width: 2em;
       min-width: 66%;
   }
   .wikidaheim2018>footer img {
       height: 40px;
       max-height: 11vw;
   }
   .wikidaheim2018>article {
       display: flex;
       flex-direction: row
   }
   @media screen and (min-width:601px) {
       .wikidaheim2018>article img:last-of-type {
           order: 3;
       }
       .wikidaheim2018>article .copy-text {
           font-size: 120%;
           padding: 0 1em .5em;
       }
       .wikidaheim2018>article img {
           width: 90px;
           height: 100px;
       }
   }
   @media screen and (max-width:600px) {
       .wikidaheim2018>article {
           justify-content: space-around;
           flex-wrap: wrap;
       }
       .wikidaheim2018>article .copy-text {
           order: 1;
           width: 100%;
           padding: 1em 0;
       }
       .wikidaheim2018>article img {
           width: 70px;
           height: 70px;
       }
   }

</style>