CherryKitten
70cee77a95
Currently contains the Unit Tests, which should already be done correctly. Functional tests still need to be added.
104 lines
1.5 KiB
CSS
104 lines
1.5 KiB
CSS
code {
|
|
background: #d0d0d5;
|
|
}
|
|
|
|
.container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.form-container {
|
|
max-width: 95%;
|
|
align-self: flex-start;
|
|
}
|
|
|
|
textarea {
|
|
width: 100%;
|
|
}
|
|
|
|
#user-stories {
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
#error-msg {
|
|
color: red;
|
|
display: inline;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
#sudoku-grid-container {
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
#sudoku-grid {
|
|
text-align: center;
|
|
display: inline;
|
|
}
|
|
|
|
.grid {
|
|
border: 3px solid;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
td {
|
|
border: 1px solid;
|
|
padding: 0.3em;
|
|
}
|
|
|
|
.yAxisLegend {
|
|
margin-top: 50px;
|
|
text-align: right;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.yAxisLegend tr td {
|
|
border: 1px solid rgba(0,0,0,0);
|
|
width: 2em;
|
|
height: 1.95em;
|
|
}
|
|
|
|
.xAxisLegend {
|
|
border: 3px solid rgba(0,0,0,0);
|
|
border-spacing: 0;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.xAxisLegend tr td {
|
|
border: 1px solid rgba(0,0,0,0);
|
|
width: 2em;
|
|
height: 2em;
|
|
text-align: center;
|
|
vertical-align: bottom;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.xAxisLegend tr td:nth-of-type(3n) {
|
|
border-right: 3px solid rgba(0,0,0,0);
|
|
}
|
|
|
|
.sudoku-input {
|
|
border: 1px solid black;
|
|
width: 2em;
|
|
height: 2em;
|
|
text-align: center;
|
|
}
|
|
|
|
.C1, .C2, .C3, .C4, .C5, .C6, .C7, .C8, .C9, .F1, .F2, .F3, .F4, .F5, .F6, .F7, .F8, .F9 {
|
|
border-bottom: 3px solid;
|
|
}
|
|
|
|
.A3, .B3, .C3, .D3, .E3, .F3, .G3, .H3, .I3, .A6, .B6, .C6, .D6, .E6, .F6, .G6, .H6, .I6 {
|
|
border-right: 3px solid;
|
|
}
|
|
|
|
@media (min-width: 800px) {
|
|
.container {
|
|
flex-direction: row;
|
|
}
|
|
|
|
.form-container {
|
|
align-self: center;
|
|
}
|
|
}
|