colorsquares/style.css

49 lines
733 B
CSS

body h1, body h3 {
text-align: center;
}
html, body {
padding: 0px;
margin: 0px;
background-color: hsl(0, 0%, 0%);
color: hsl(0, 0%, 100%);
font-size: 10pt;
}
.square {
width: 50px;
height: 50px;
float: left;
padding: 0px;
margin: 16px;
text-align: center;
border: 1px solid transparent;
}
.square-selected {
border: 1px solid hsl(0, 0%, 100%);
width: 50px;
height: 50px;
}
#squarecontainer {
height: 588px;
width: 588px;
margin: 50px auto 0px auto;
padding: 10px;
border: 2px solid hsl(0, 0%, 10%);
}
#controlbox hr {
border: none;
height: 1px;
background-color: hsl(0, 0%, 85%);
}
#controlbox {
border: 2px solid hsl(0, 0%, 10%);
color: hsl(0, 0%, 90%);
width: 250px;
float: left;
padding: 5px;
}