tips.html 1.6 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12

<html>
    <head>
        <meta charset="utf-8">
        <title>Vidjil Tips</title>

        <link rel="stylesheet" type="text/css" href="../browser/css/icons/fontello/css/fontello.css" />

        <script src="tips.js"></script>

        <style type="text/css">
          ul li { margin: 10px }
Mathieu Giraud's avatar
Mathieu Giraud committed
13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34

          // From http://www.jimmyscode.com/css-styling-for-kbd-tags/
          span.key
          {
          padding:0.1em 0.6em;
          border:1px solid #ccc;
          font-size:11px;
          font-family:Arial,Helvetica,sans-serif;
          background-color:#f7f7f7;
          color:#333;
          -moz-box-shadow:0 1px 0px rgba(0, 0, 0, 0.2),0 0 0 2px #ffffff inset;
          -webkit-box-shadow:0 1px 0px rgba(0, 0, 0, 0.2),0 0 0 2px #ffffff inset;
          box-shadow:0 1px 0px rgba(0, 0, 0, 0.2),0 0 0 2px #ffffff inset;
          -moz-border-radius:3px;
          -webkit-border-radius:3px;
          border-radius:3px;
          display:inline-block;
          margin:0 0.1em;
          text-shadow:0 1px 0 #fff;
          line-height:1.4;
          white-space:nowrap;
          }
35 36 37 38 39 40 41 42 43 44 45
        </style>
          
    </head>

    <body>
      <ul id='tips' style='list-style-type:none'>
      </ul>
    </body>

    <script>
      var divtips = document.getElementById('tips');
46 47

      var oldkey = 'x'
48 49 50
      
      for (var key in tips) 
      {
51 52 53 54
        if (oldkey[0] != key[0])
          divtips.appendChild(document.createElement('br'))
        oldkey = key

55 56 57 58 59 60
        tip = document.createElement('li')
        tip.innerHTML = '<b>' + key + '</b> ' + tips[key]
        divtips.appendChild(tip)
      }
    </script>
</html>