API tools faq
paste
mramine364

sudoku-index2.html

mramine364
Sep 9th, 2016
75
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.83 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Sudoku</title>
  6. </head>
  7. <style>
  8.     table#sudoku{
  9.         border-collapse: collapse;
  10.         width: 302px;
  11.     }
  12.     .col{
  13.         height: 32px;
  14.         width: 32px;
  15.         border: 1px black solid;
  16.         padding: 0;
  17.         text-align: center;
  18.         font-size: 22px;
  19.         font-family: times,"times new roman",serif;
  20.     }
  21.     .col:nth-child(3n+1){
  22.         border-left-width: 2px;
  23.         border-left-color: #0f0f82;
  24.     }
  25.     .col:last-child{
  26.         border-right-width: 2px;
  27.         border-right-color: #0f0f82;
  28.     }
  29.     .row:nth-child(3n+1) > .col{
  30.         border-top-width: 2px;
  31.         border-top-color: #0f0f82;
  32.     }
  33.     .row:last-child > .col{
  34.         border-bottom-width: 2px;
  35.         border-bottom-color: #0f0f82;
  36.     }
  37.     .inp{
  38.         color: #3263bf;
  39.         padding: 0;
  40.         margin: 0;
  41.         width: inherit;
  42.         height: inherit;
  43.         border: 0;
  44.         text-align: center;
  45.         font-size: 22px;
  46.         font-family: times,"times new roman",serif;
  47.     }
  48.     #note{
  49.         margin: 12px 0 12px 0;
  50.         height: 20px;      
  51.         font-weight: bold;
  52.         font-size: 13pt;
  53.     }
  54.     .not-ok-try{
  55.         background-color: rgba(244, 67, 54, 0.38);
  56.     }
  57.     .not-ok-note{
  58.         color: #ce1e1e;
  59.     }
  60.     .ok-note{
  61.         color: #10238c;
  62.     }
  63. </style>
  64. <body>
  65.     <button id="enter">Enter a grid</button>
  66.     <button id="evaluate">Evaluate</button>
  67.     <button id="play">Play</button>
  68.     <br><br>
  69.     <button id="generate">Generate</button>
  70.     <button id="check">Check solution</button>
  71.     <button id="clear">Clear</button>
  72.    
  73.     <p id="note"></p>  
  74.  
  75.     <table id="sudoku">
  76.         <tr class="row">
  77.             <td class="col"></td>
  78.             <td class="col"></td>
  79.             <td class="col"></td>
  80.             <td class="col"></td>
  81.             <td class="col"></td>
  82.             <td class="col"></td>
  83.             <td class="col"></td>
  84.             <td class="col"></td>
  85.             <td class="col"></td>
  86.         </tr>
  87.         <tr class="row">
  88.             <td class="col"></td>
  89.             <td class="col"></td>
  90.             <td class="col"></td>
  91.             <td class="col"></td>
  92.             <td class="col"></td>
  93.             <td class="col"></td>
  94.             <td class="col"></td>
  95.             <td class="col"></td>
  96.             <td class="col"></td>
  97.         </tr>
  98.         <tr class="row">
  99.             <td class="col"></td>
  100.             <td class="col"></td>
  101.             <td class="col"></td>
  102.             <td class="col"></td>
  103.             <td class="col"></td>
  104.             <td class="col"></td>
  105.             <td class="col"></td>
  106.             <td class="col"></td>
  107.             <td class="col"></td>
  108.         </tr>
  109.         <tr class="row">
  110.             <td class="col"></td>
  111.             <td class="col"></td>
  112.             <td class="col"></td>
  113.             <td class="col"></td>
  114.             <td class="col"></td>
  115.             <td class="col"></td>
  116.             <td class="col"></td>
  117.             <td class="col"></td>
  118.             <td class="col"></td>
  119.         </tr>
  120.         <tr class="row">
  121.             <td class="col"></td>
  122.             <td class="col"></td>
  123.             <td class="col"></td>
  124.             <td class="col"></td>
  125.             <td class="col"></td>
  126.             <td class="col"></td>
  127.             <td class="col"></td>
  128.             <td class="col"></td>
  129.             <td class="col"></td>
  130.         </tr>
  131.         <tr class="row">
  132.             <td class="col"></td>
  133.             <td class="col"></td>
  134.             <td class="col"></td>
  135.             <td class="col"></td>
  136.             <td class="col"></td>
  137.             <td class="col"></td>
  138.             <td class="col"></td>
  139.             <td class="col"></td>
  140.             <td class="col"></td>
  141.         </tr>
  142.         <tr class="row">
  143.             <td class="col"></td>
  144.             <td class="col"></td>
  145.             <td class="col"></td>
  146.             <td class="col"></td>
  147.             <td class="col"></td>
  148.             <td class="col"></td>
  149.             <td class="col"></td>
  150.             <td class="col"></td>
  151.             <td class="col"></td>
  152.         </tr>
  153.         <tr class="row">
  154.             <td class="col"></td>
  155.             <td class="col"></td>
  156.             <td class="col"></td>
  157.             <td class="col"></td>
  158.             <td class="col"></td>
  159.             <td class="col"></td>
  160.             <td class="col"></td>
  161.             <td class="col"></td>
  162.             <td class="col"></td>
  163.         </tr>
  164.         <tr class="row">
  165.             <td class="col"></td>
  166.             <td class="col"></td>
  167.             <td class="col"></td>
  168.             <td class="col"></td>
  169.             <td class="col"></td>
  170.             <td class="col"></td>
  171.             <td class="col"></td>
  172.             <td class="col"></td>
  173.             <td class="col"></td>
  174.         </tr>
  175.     </table>
  176.     <script src="sudoku-app.js"></script>
  177. </body>
  178. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!