Difference between revisions 85610 and 85611 on foundationwiki

< previous diff
next diff >
Thank You Detail
<html>
  <style type="text/css">
    h1#firstHeading {
      display: none;
    }
    div#thank-you-content div#thank-you-video {
      border: 1px solid #aaa;
      margin: 0 0 30px 0;
      padding: 0;
      width: 760px;
    }
    div#thank-you-content div#thank-you-video div.video-container {
      text-align: center;
    }
    div#thank-you-content div#thank-you-video div.video-container img {
      cursor: pointer;
    }
    div#thank-you-content div#thank-you-video p {
      color: #000;
      display: block;
      font-size: 13px;
      line-height: 18px;
      margin: 0;
      padding: 10px;
    }
    div#thank-you-content {
      margin: 0;
      width: 760px;
    }
    div#thank-you-content h2 {
      border: none;
      color: #000;
      font-size: 20px;
      font-weight: bold;
      line-height: 22px;
      margin: 0 0 10px 0;
      padding: 0;
    }
    div#thank-you-content h3 {
      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 p {
      font-size: 13px;
      line-height: 18px;
      margin: 0 0 20px 0;
    }
    div#thank-you-content div.editors ul {
      margin: 0;
      padding: 0;
    }
    div#thank-you-content div.editors ul li {
      display: block;
      float: left;
      margin: 0;
      padding: 0;
    }
    div#thank-you-content div.editors ul li a {
      border: none;
      display: block;
      float: left;
      margin: 0 2015px 20px 0;
      padding: 0;
      text-align: left;
      width: 180px;
    }
    div#thank-you-content div.editors ul li a img {
      border: 1px solid #aaa;
    }
    div#thank-you-content div.editors 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.editors ul li.right a {
      margin-right: 20px;
    }
    div#thank-you-content div.editors 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: 100%;⏎
    }
  </style>
  <div id="thank-you-content">
    <h1>Editor Name Here</h1>
    <div id="thank-you-video">
      <div class="video-container">
        <img src="//upload.wikimedia.org/wikipedia/donate/thumb/8/86/Wikipedia_Puzzle_Globe.jpg/400px-Wikipedia_Puzzle_Globe.jpg" width="640" />
        <div class="commons-video" style="display:none;">
(contracted; show full)      $("div#thank-you-video div.video-container div.commons-video").css('display', 'block');
      $('#mwe_player_0').embedPlayer(function(){
        // play the video once ready:
        $('#mwe_player_0')[0].play();
      });
    });
  </script>
</html>