java
/
jMonkeyEngine-SoftwareStore
mirror of https://github.com/jMonkeyEngine/SoftwareStore.git


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471
							<!DOCTYPE html>
<html>
<head>

  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  <title>Theming - Semantic</title>

  <!--- Site CSS -->
  <link rel="stylesheet" type="text/css" href="../../dist/components/reset.css">
  <link rel="stylesheet" type="text/css" href="../../dist/components/site.css">
  <link rel="stylesheet" type="text/css" href="../../dist/components/grid.css">

  <!--- Component CSS -->
  <link rel="stylesheet" type="text/css" href="../../dist/components/icon.css">
  <link rel="stylesheet" type="text/css" href="../../dist/components/table.css">
  <link rel="stylesheet" type="text/css" href="../../dist/components/button.css">
  <link rel="stylesheet" type="text/css" href="../../dist/components/transition.css">
  <link rel="stylesheet" type="text/css" href="../../dist/components/popup.css">

  <!--- Component JS -->
  <script src="../assets/library/jquery.min.js"></script>
  <script src="../assets/library/iframe-content.js"></script>
  <script type="text/javascript" src="../../dist/components/popup.js"></script>
  <script type="text/javascript" src="../../dist/components/transition.js"></script>

  <!--- Show Names -->
  <script src="../assets/show-examples.js"></script>

  <!--- Example CSS -->
  <style>
  body {
    padding: 1em;
  }
  .ui.table {
    table-layout: fixed;
  }
  </style>

  <!--- Example Javascript -->
  <script>
  </script>
</head>

<body>

<div class="ui two column relaxed grid">
  <div class="column">
    <table class="ui right aligned table">
      <thead>
        <th class="left aligned">Person</th>
        <th>Calories</th>
        <th>Fat</th>
        <th>Protein</th>
      </thead>
      <tbody>
        <tr>
          <td class="left aligned">Delmar</td>
          <td>36</td>
          <td>36g</td>
          <td>2g</td>
        </tr>
        <tr>
          <td class="left aligned">Louise</td>
          <td>24</td>
          <td>24g</td>
          <td>29g</td>
        </tr>
        <tr>
          <td class="left aligned">Terrell</td>
          <td>22</td>
          <td>11g</td>
          <td>9g</td>
        </tr>
        <tr>
          <td class="left aligned">Marion</td>
          <td>7</td>
          <td>35g</td>
          <td>3g</td>
        </tr>
        <tr>
          <td class="left aligned">Clayton</td>
          <td>7</td>
          <td>38g</td>
          <td>20g</td>
        </tr>
      </tbody>
    </table>
  </div>
  <div class="column">
    <table class="ui right aligned celled table">
      <thead>
        <th class="left aligned">Person</th>
        <th>Calories</th>
        <th>Fat</th>
        <th>Protein</th>
      </thead>
      <tbody>
        <tr>
          <td class="left aligned">Drema</td>
          <td class="positive">15</td>
          <td class="negative">26g</td>
          <td class="warning">8g</td>
        </tr>
        <tr class="positive">
          <td class="left aligned">Nona</td>
          <td>11</td>
          <td>21g</td>
          <td>16g</td>
        </tr>
        <tr class="negative">
          <td class="left aligned">Isidra</td>
          <td>34</td>
          <td>43g</td>
          <td>11g</td>
        </tr>
        <tr class="warning">
          <td class="left aligned">Bart</td>
          <td>41</td>
          <td>40g</td>
          <td>30g</td>
        </tr>
        <tr class="selected">
          <td class="left aligned">Nguyet</td>
          <td>41</td>
          <td>44g</td>
          <td>28g</td>
        </tr>
      </tbody>
    </table>
  </div>
  <div class="column">
    <table class="ui basic right aligned table">
      <thead>
        <th class="left aligned">Person</th>
        <th>Calories</th>
        <th>Fat</th>
        <th>Protein</th>
      </thead>
      <tbody>
        <tr>
          <td class="left aligned">Mirna</td>
          <td>1</td>
          <td>28g</td>
          <td>29g</td>
        </tr>
        <tr>
          <td class="left aligned">Fernando</td>
          <td>38</td>
          <td>2g</td>
          <td>48g</td>
        </tr>
        <tr>
          <td class="left aligned">Lisette</td>
          <td>18</td>
          <td>9g</td>
          <td>23g</td>
        </tr>
        <tr>
          <td class="left aligned">Ahmad</td>
          <td>42</td>
          <td>26g</td>
          <td>49g</td>
        </tr>
        <tr>
          <td class="left aligned">Laquanda</td>
          <td>27</td>
          <td>27g</td>
          <td>49g</td>
        </tr>
      </tbody>
    </table>
  </div>
  <div class="column">
    <table class="ui very basic right aligned table">
      <thead>
        <th class="left aligned">Person</th>
        <th>Calories</th>
        <th>Fat</th>
        <th>Protein</th>
      </thead>
      <tbody>
        <tr>
          <td class="left aligned">Drema</td>
          <td>15</td>
          <td>26g</td>
          <td>8g</td>
        </tr>
        <tr>
          <td class="left aligned">Nona</td>
          <td>11</td>
          <td>21g</td>
          <td>16g</td>
        </tr>
        <tr>
          <td class="left aligned">Isidra</td>
          <td>34</td>
          <td>43g</td>
          <td>11g</td>
        </tr>
        <tr>
          <td class="left aligned">Bart</td>
          <td>41</td>
          <td>40g</td>
          <td>30g</td>
        </tr>
        <tr>
          <td class="left aligned">Nguyet</td>
          <td>41</td>
          <td>44g</td>
          <td>28g</td>
        </tr>
      </tbody>
    </table>
  </div>
  <div class="column">
    <table class="ui celled selectable right aligned table">
      <thead>
        <th class="left aligned">Person</th>
        <th>Calories</th>
        <th>Fat</th>
        <th>Protein</th>
      </thead>
      <tbody>
        <tr>
          <td class="left aligned">Tasia</td>
          <td>12</td>
          <td>7g</td>
          <td>21g</td>
        </tr>
        <tr>
          <td class="left aligned">Ronnie</td>
          <td>38</td>
          <td>37g</td>
          <td>38g</td>
        </tr>
        <tr>
          <td class="left aligned">Gabriel</td>
          <td>30</td>
          <td>46g</td>
          <td>46g</td>
        </tr>
        <tr>
          <td class="left aligned">Logan</td>
          <td>12</td>
          <td>21g</td>
          <td>39g</td>
        </tr>
        <tr>
          <td class="left aligned">Clare</td>
          <td>39</td>
          <td>41g</td>
          <td>2g</td>
        </tr>
      </tbody>
    </table>
  </div>
  <div class="column">
    <table class="ui striped right aligned table">
      <thead>
        <th class="left aligned">Person</th>
        <th>Calories</th>
        <th>Fat</th>
        <th>Protein</th>
      </thead>
      <tbody>
        <tr>
          <td class="left aligned">Rosaline</td>
          <td>5</td>
          <td>35g</td>
          <td>6g</td>
        </tr>
        <tr>
          <td class="left aligned">Barrie</td>
          <td>27</td>
          <td>23g</td>
          <td>28g</td>
        </tr>
        <tr>
          <td class="left aligned">Trinidad</td>
          <td>14</td>
          <td>50g</td>
          <td>7g</td>
        </tr>
        <tr>
          <td class="left aligned">Jaqueline</td>
          <td>31</td>
          <td>30g</td>
          <td>50g</td>
        </tr>
        <tr>
          <td class="left aligned">Tamala</td>
          <td>18</td>
          <td>6g</td>
          <td>13g</td>
        </tr>
      </tbody>
    </table>
  </div>
  <div class="column">
    <table class="ui padded celled right aligned table">
      <thead>
        <th class="left aligned">Person</th>
        <th>Calories</th>
        <th>Fat</th>
        <th>Protein</th>
      </thead>
      <tbody>
        <tr>
          <td class="left aligned">Lianne</td>
          <td>23</td>
          <td>32g</td>
          <td>43g</td>
        </tr>
        <tr>
          <td class="left aligned">Joette</td>
          <td>21</td>
          <td>13g</td>
          <td>31g</td>
        </tr>
        <tr>
          <td class="left aligned">Le</td>
          <td>28</td>
          <td>39g</td>
          <td>23g</td>
        </tr>
        <tr>
          <td class="left aligned">Sacha</td>
          <td>46</td>
          <td>43g</td>
          <td>13g</td>
        </tr>
        <tr>
          <td class="left aligned">Bruna</td>
          <td>9</td>
          <td>47g</td>
          <td>12g</td>
        </tr>
      </tbody>
    </table>
  </div>
  <div class="column">
    <table class="ui definition celled right aligned table">
      <thead>
        <th></th>
        <th>Calories</th>
        <th>Fat</th>
        <th>Protein</th>
      </thead>
      <tbody>
        <tr>
          <td class="left aligned">Lianne</td>
          <td>23</td>
          <td>32g</td>
          <td>43g</td>
        </tr>
        <tr>
          <td class="left aligned">Joette</td>
          <td>21</td>
          <td>13g</td>
          <td>31g</td>
        </tr>
        <tr>
          <td class="left aligned">Le</td>
          <td>28</td>
          <td>39g</td>
          <td>23g</td>
        </tr>
        <tr>
          <td class="left aligned">Sacha</td>
          <td>46</td>
          <td>43g</td>
          <td>13g</td>
        </tr>
        <tr>
          <td class="left aligned">Bruna</td>
          <td>9</td>
          <td>47g</td>
          <td>12g</td>
        </tr>
      </tbody>
    </table>
  </div>
  <div class="column">
    <table class="ui inverted right aligned table">
      <thead>
        <th class="left aligned">Person</th>
        <th>Calories</th>
        <th>Fat</th>
        <th>Protein</th>
      </thead>
      <tbody>
        <tr>
          <td class="left aligned">Lianne</td>
          <td>23</td>
          <td>32g</td>
          <td>43g</td>
        </tr>
        <tr>
          <td class="left aligned">Joette</td>
          <td>21</td>
          <td>13g</td>
          <td>31g</td>
        </tr>
        <tr>
          <td class="left aligned">Le</td>
          <td>28</td>
          <td>39g</td>
          <td>23g</td>
        </tr>
        <tr>
          <td class="left aligned">Sacha</td>
          <td>46</td>
          <td>43g</td>
          <td>13g</td>
        </tr>
        <tr>
          <td class="left aligned">Bruna</td>
          <td>9</td>
          <td>47g</td>
          <td>12g</td>
        </tr>
      </tbody>
    </table>
  </div>
  <div class="column">
    <table class="ui inverted blue selectable celled right aligned table">
      <thead>
        <th class="left aligned">Person</th>
        <th>Calories</th>
        <th>Fat</th>
        <th>Protein</th>
      </thead>
      <tbody>
        <tr>
          <td class="left aligned">Lianne</td>
          <td>23</td>
          <td>32g</td>
          <td>43g</td>
        </tr>
        <tr>
          <td class="left aligned">Joette</td>
          <td>21</td>
          <td>13g</td>
          <td>31g</td>
        </tr>
        <tr>
          <td class="left aligned">Le</td>
          <td>28</td>
          <td>39g</td>
          <td>23g</td>
        </tr>
        <tr>
          <td class="left aligned">Sacha</td>
          <td>46</td>
          <td>43g</td>
          <td>13g</td>
        </tr>
        <tr>
          <td class="left aligned">Bruna</td>
          <td>9</td>
          <td>47g</td>
          <td>12g</td>
        </tr>
      </tbody>
    </table>
  </div>

</body>
</html>