Revision 85589 of "Thank You Main" on foundationwiki

<html>
  <style type="text/css">
    h1#firstHeading {
      display: none;
    }
    div#thank-you-video {
      background: #252525;
      margin: -2.8em -1.9em 0 -1.8em;
      padding: 35px 0 20px 0;
    }
    div#thank-you-video div.iframe-content {
      background: #ccc;
      height: 390px;
      margin: 0 0 0 80px;
      width: 640px;
    }
    div#thank-you-video p {
      color: #fff;
      display: block;
      font-size: 13px;
      line-height: 18px;
      margin: 10px 0 0 80px;
      padding: 0;
      width: 640px;
    }
    div#thank-you-video p a {
      color: #ccc;
    }
    div#thank-you-content {
      margin: 30px 0 0 0;
      width: 760px;
    }
    div#thank-you-content h1 {
      border: none;
      color: #595959;
      font: normal 26px/30px "Times New Roman", Times, serif;
      margin: 0 0 30px 0;
      padding: 0;
    }
    div#thank-you-content h2 {
      border: none;
      border-bottom: 1px solid #aaa;
      color: #000;
      font-size: 20px;
      font-weight: bold;
      line-height: 22px;
      margin: 0 0 10px 0;
      padding: 0 0 5px 0;
    }
    div#thank-you-content div.left-column {
      float: left;
      width: 405px;
    }
    div#thank-you-content div.left-column p {
      font-size: 13px;
      line-height: 18px;
      margin: 0 0 20px 0;
    }
    div#thank-you-content div.left-column ul {
      margin: 0;
      padding: 0;
    }
    div#thank-you-content div.left-column ul li {
      display: block;
      float: left;
      margin: 0;
      padding: 0;
    }
    div#thank-you-content div.left-column ul li a {
      border: none;
      display: block;
      float: left;
      margin: 0 20px 20px 0;
      padding: 0;
      text-align: left;
      width: 180px;
    }
    div#thank-you-content div.left-column ul li a img {
      border: 1px solid #aaa;
    }
    div#thank-you-content div.left-column ul li a span {
      color: #000;
      display: block;
      font-size: 13px;
      font-weight: bold;
      line-height: 18px;
      margin: 5px 0 0 0;
    }
    div#thank-you-content div.left-column ul li.right a {
      margin-right: 20px;
    }
    div#thank-you-content div.left-column a {
      border: 1px solid #b9b9b9;
      display: block;
      float: left;
      font-size: 13px;
      line-height;
      margin: 10px 0 0 0;
      padding: 5px 0;
      text-align: center;
      width: 403px;
    }
    div#thank-you-content div.right-column {
      float: right;
      width: 325px;
    }
    div#thank-you-content div.right-column ul {
      margin: 0;
      padding: 0;
    }
    div#thank-you-content div.right-column ul li {
      display: block;
      font-size: 13px;
      line-height: 18px;
      margin: 0 0 20px 0;
      padding: 0 0 0 50px;
      position: relative;
    }
    div#thank-you-content div.right-column ul li img {
      left: 0;
      position: absolute;
      top: 0;
    }
    div#thank-you-content div.right-column ul li.first img {
      left: 10px;
    }
    div#thank-you-content div.right-column ul li strong {
      display: block;
      font-size: 16px;
      font-weight: bold;
    }
    div#thank-you-content div.right-column a {
      background: #3366bb;
      border-radius: 5px;
      color: #fff;
      display: block;
      font-size: 18px;
      font-weight: bold;
      margin: 10px 0 0 50px;
      padding: 15px 0;
      text-align: center;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
    }
  </style>
  <div id="thank-you-video">
    <div class="iframe-content">
      <!--<iframe width="560" height="315" src="http://www.youtube.com/embed/3Knv6D6Thi0" frameborder="0" allowfullscreen></iframe>-->
    </div>
    <p>This video is not hosted by the Wikimedia Foundation. It is hosted by <a href="//youtube.com" target="_blank">youtube.com</a> and is subject to the Youtube <a href="//www.youtube.com/t/terms" target="_blank">terms of use</a> and <a href="//www.google.com/intl/en/policies/privacy/" target="_blank">privacy policy</a>. Please do not view the video if you do not agree to their policies. — If you would prefer to view the video from Wikimedia Commons, <a href="">click here</a></p>
  </div>
  <div id="thank-you-content">
    <h1>Wikipedia rutrum nunc non neque consectetur quis <a href="">placerat neque</a> lobortis. Nam vestibulum, arcu sodales feugiat consectetur, nisl orci bibendum elit, eu euismod. quis placerat ne arcus feugiat consectetur.</h1>
    <div class="left-column">
      <h2>Meet some of the editors of Wikipedia.</h2>
      <p>Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet. Nunc eu ullamcorper orci. Quisque eget odio ac lectus vestibulum faucibus.</p>
      <ul>
        <li>
          <a href="" title="">
            <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/4/47/Balasubramanian_Poongothai-365.jpg/800px-Balasubramanian_Poongothai-365.jpg" alt="Poongothai" width="178" />
            <span>Poongothai</span>
          </a>
        </li>
        <li class="right">
          <a href="" title="">
            <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/5/57/Mei_Jiun_Kwek-206.jpg/800px-Mei_Jiun_Kwek-206.jpg" alt="Mei Jiun" width="178" />
            <span>Mei Jiun</span>
          </a>
        </li>
        <li>
          <a href="" title="">
            <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/b/b5/Viswa_Prabha-4391.jpg/800px-Viswa_Prabha-4391.jpg" alt="Viswa Prabha" width="178" />
            <span>Viswa Prabha</span>
          </a>
        </li>
        <li class="right">
          <a href="" title="">
            <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/1/13/Oarabile_Mudongo-6054.jpg/800px-Oarabile_Mudongo-6054.jpg" alt="Oarabile" width="178" />
            <span>Oarabile</span>
          </a>
        </li>
      </ul>
      <a href="" title="">View More Editors</a>
    </div>
    <div class="right-column">
      <h2>Joining Wikipedia is free!</h2>
      <ul class="acux-benefit-list">
        <li class="first"><img src="http://bits.wikimedia.org/static-1.21wmf5/extensions/E3Experiments/css/acux/images/icon-newpage.png" height="35" /><strong>Create articles.</strong> After signing up, you'll be able to help Wikipedia grow by starting new encyclopedia articles.</li>
        <li><img src="http://bits.wikimedia.org/static-1.21wmf5/extensions/E3Experiments/css/acux/images/icon-pictures.png" width="40" /><strong>Add photos and video.</strong> Register an account and you can upload your freely-licensed images and other media.</li>
	<li><img src="http://bits.wikimedia.org/static-1.21wmf5/extensions/E3Experiments/css/acux/images/icon-people.png" width="40" /><strong>Become a part of the Wikipedia community.</strong> Logging in means all your contributions are attributed to your username, and lets you connect with other Wikipedia contributors.</li>
      </ul>
      <a href="http://en.wikipedia.org/wiki/Special:UserLogin/signup" title="Get Started">Get Started</a>
    </div>
  </div>
  <script type="text/javascript">
    mw.setConfig( 'EmbedPlayer.RewriteSelector', null );
    //$("div.commons-video").css('display', 'none');
    var playerW = parseInt('400');
    var playerH = playerW * 0.5625; //aspect ratio
    $("#video2012").click(function () {
      $(this).replaceWith(
        $("<iframe></iframe>", {
            id : "youtube-video",
            width : playerW,
            height : playerH,
            frameborder : 0,
            allowfullscreen : "1",
            src : "https://www.youtube-nocookie.com/embed/" + "3Knv6D6Thi0" + "?rel=0&amp;autoplay=1&amp;origin=https://donate.wikimedia.org"
        })
      );
    });
    $("a#showcommonsvideo").click(function(event){
      event.preventDefault();
      $("div.thumbinner").css('display', 'none');
      $("div.commons-video").css('display', 'block');
      $('#mwe_player_0').embedPlayer(function(){
        // play the video once ready:
        $('#mwe_player_0')[0].play();
      });
    });
  </script>
</html>