Moving the stylesheet closer to the minesweeper board otherwise it seems to be ignored
1.1 --- a/src/main/javadoc/overview.html Mon Feb 29 06:14:14 2016 +0100
1.2 +++ b/src/main/javadoc/overview.html Mon Feb 29 19:13:11 2016 +0100
1.3 @@ -48,25 +48,6 @@
1.4 <title>HTML for Java APIs</title>
1.5 <meta charset="UTF-8">
1.6 <meta name="viewport" content="width=device-width, initial-scale=1.0">
1.7 - <style type="text/css">
1.8 - table.field td {
1.9 - padding: 4px;
1.10 - width: 18px;
1.11 - height: 18px;
1.12 - font-size: 1.5em;
1.13 - border: 1px solid black;
1.14 - }
1.15 - table.field td.UNKNOWN {
1.16 - background-color: #D6E4E1;
1.17 - cursor: pointer;
1.18 - }
1.19 - table.field td.EXPLOSION {
1.20 - background-color: #A31E39;
1.21 - }
1.22 - table.field td.DISCOVERED {
1.23 - background-color: #9DB2B1;
1.24 - }
1.25 - </style>
1.26 </head>
1.27 <body>
1.28 <p>
1.29 @@ -527,6 +508,25 @@
1.30 </p>
1.31
1.32 <script type="text/html" id="field">
1.33 + <style type="text/css">
1.34 + table.field td {
1.35 + padding: 4px;
1.36 + width: 18px;
1.37 + height: 18px;
1.38 + font-size: 1.5em;
1.39 + border: 1px solid black;
1.40 + }
1.41 + table.field td.UNKNOWN {
1.42 + background-color: #D6E4E1;
1.43 + cursor: pointer;
1.44 + }
1.45 + table.field td.EXPLOSION {
1.46 + background-color: #A31E39;
1.47 + }
1.48 + table.field td.DISCOVERED {
1.49 + background-color: #9DB2B1;
1.50 + }
1.51 + </style>
1.52 <table class="field">
1.53 <tbody>
1.54 <!-- ko foreach: rows -->
1.55 @@ -542,7 +542,11 @@
1.56 </table>
1.57 </script>
1.58
1.59 + <center>
1.60 + <div id="minesweeper" style="background-color: #f0f0f0; align: center">
1.61 <div data-bind="template: { name : 'field', if: fieldShowing }"></div>
1.62 + </div>
1.63 + </center>
1.64
1.65 <!-- boot bck2brwsr -->
1.66 <script type="text/javascript" src="resources/teavm.js"></script>