Jump to content

MediaWiki:Centralnotice-template-Wikimania2017 KeynoteLive 1 loggedin

From Meta, a Wikimedia project coordination wiki

<style>

/* 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;
   background: #ffffff;
   border: 1px solid #A2A9B1;
   margin-bottom: 1em;
   cursor: pointer;
   color: #222;
   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: 90px; /* need to set height for height 100% to work on elements within it */

}

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

   display: table-cell;
   height: 100%;
   vertical-align: middle;

}

.cnotice-toggleclose-container { 

   min-width: 38px;
   padding-right: 5px;

}

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

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

}

@media (min-width: 1200px) { 

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

}

body.rtl .cnotice-message { 

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

}

.cnotice-message p { 

   margin: 0;
   font-family: Montserrat, Montserrat Regular, "Helvetica Neue", Helvetica, Arial, sans-serif;
   letter-spacing: 0.2em;
   font-size: 14px;
   opacity: 1;
   text-align: center;
   padding-top: 10px;
   padding-bottom: 10px;

}

@media (min-width: 1200px) { 

   .cnotice-message p { font-size: 16px; padding-right: 16%;}

}


/* --- Logo Image text --- */ .cnotice-logo-container { 

   width: 10%;
   padding: .5em 1.25em .5em .9em;

}

body.rtl .cnotice-logo-container { 

   padding: .5em 1.25em .5em .9em;

}

.cnotice-logo-container img { 

   opacity: 1;
   display: block;
   margin: 0 auto;
   height: 50px;

}

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

  1. 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;

}

  1. cnotice-toggle-box {
   cursor: pointer;

}

  1. cnotice-toggle-box:hover { opacity: 1; }
  1. cnotice-toggle-box-x {
   background: url(https://upload.wikimedia.org/wikipedia/commons/c/ce/Black_close_x.svg) no-repeat center center;
   width: 100%;
   height: 50%;

}

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 { 

   background-color: #4caf50; /* Green */
   border: none;
   display: none;
   border: solid 1px #999;
   border-radius: 4px;
   color: white;
   padding: 10px 10px;
   text-align: center;
   font-weight: bold;
   text-decoration: none;
   font-size: 14px;
   margin: 4px 2px;
   -webkit-transition-duration: 0.4s; /* Safari */
   transition-duration: 0.4s;
   cursor: pointer;
   z-index: 999;

}

@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: #fff;
   color: #777;
   position: static;
   top: 35%;
   right: 80px;
   transform: translateY(-25%);
   min-width: 110px;

}

.rtl .cnotice-button1 { 

   left: 23px;
   right: auto;

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

.cnotice-button1:hover { 

   background-color: #fbfbfb;

}

  1. cnotice-translation-link {
 position: absolute;
 right: 65px;
 bottom: 0px;
 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> 

   <a class="cnotice-full-banner-click external text" href="https://www.youtube.com/watch?v=xyBy7pIZS2M">

               <img src="https://upload.wikimedia.org/wikipedia/commons/5/57/Wikimania.svg"" alt="Banner logo">

WIKIMANIA '17
Watch the opening keynote session LIVE from Montreal
Jimmy Wales in conversation with anthropologist Gabriella Coleman 

   </a>
<a class="cnotice-buttonlink" href="https://www.youtube.com/watch?v=xyBy7pIZS2M">
<img src="https://upload.wikimedia.org/wikipedia/donate/7/72/Icon-video.png" style="height: 20px;">   WATCH NOW
</a>
Retrieved from "https://meta.wikimedia.org/w/index.php?title=MediaWiki:Centralnotice-template-Wikimania2017_KeynoteLive_1_loggedin&oldid=17101482"