mbirth/js-sudoku-solver
Archived
1
0
Fork 0
Code Issues Pull Requests Activity

Externalized CSS

Browse Source
This commit is contained in:
Markus Birth 2013-12-04 02:53:56 +01:00
parent 356775a757
commit 46b2e0b991
2 changed files with 93 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

92
SudokuSolver.css Normal file
View File

@ -0,0 +1,92 @@
table.sudoku td {
border: 1px solid #ccc;
background-repeat: no-repeat;
background-position: center;
text-align: center;
vertical-align: middle;
width: 20px;
height: 20px;
overflow: hidden;
position: relative;
}
table.sudoku td.lborder {
border-left: 2px solid black;
}
table.sudoku td.tborder {
border-top: 2px solid black;
}
table.sudoku td.changed {
background-color: #fdd;
border: 2px solid red;
z-index: 255;
}
table.sudoku tr {
height: 10px;
}
table.sudoku {
border: 2px solid black;
border-collapse: collapse;
}
.hint-square {
width: 6px;
height: 6px;
position: absolute;
background-color: #ddd;
z-index: 300;
float: left;
}
.changed .hint-square {
background-color: #f88;
}
.hint1 {
left: 1px;
top: 1px;
}
.hint2 {
left: 8px;
top: 1px;
}
.hint3 {
left: 15px;
top: 1px;
}
.hint4 {
left: 1px;
top: 8px;
}
.hint5 {
left: 8px;
top: 8px;
}
.hint6 {
left: 15px;
top: 8px;
}
.hint7 {
left: 1px;
top: 15px;
}
.hint8 {
left: 8px;
top: 15px;
}
.hint9 {
left: 15px;
top: 15px;
}

37
index.html
View File

@ -6,42 +6,7 @@
<script type="text/javascript" src="js/SudokuBoard.class.js"></script>
<script type="text/javascript" src="js/SudokuChecks.class.js"></script>
<script type="text/javascript" src="js/SudokuSolver.class.js"></script>
<style type="text/css">
TABLE.sudoku TD {
border: 1px solid #ccc;
background-repeat: no-repeat;
background-position: center;
text-align: center;
vertical-align: middle;
width: 20px;
height: 20px;
overflow: hidden;
}
TABLE.sudoku TD.lborder {
border-left: 2px solid black;
}
TABLE.sudoku TD.tborder {
border-top: 2px solid black;
}
TABLE.sudoku TD.changed {
background-color: #fdd;
border: 2px solid red;
z-index: 255;
}
TABLE.sudoku TR {
height: 10px;
}
TABLE.sudoku {
border: 2px solid black;
border-collapse: collapse;
}
</style>
<link rel="stylesheet" href="SudokuSolver.css" />
</head>
<body>
<script type="text/javascript">