hangman/stylesheet.css at master · CoderDojoRotterdam/hangman · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
/*Stijl voor de algehele body tag*/
body{
  margin:     0px;
  padding:    0px;
}

/*Stijl voor de wrapper div waarin het spel zit*/
#spel{
  width:      504px;
  margin:     10px auto 0px auto;
}

/*Stijl voor de galg div waarin de galg wordt getekend*/
#galg{
  border:     2px solid black;
  border-radius: 5px;
}

/*Stijl voor het invoerveld onderaan het spel*/
#letter{
  font-size:  40pt;
  text-align: center;
  width:      383px;
  height:     70px;
}

/*Stijl voor de controle knop onderaan het spel*/
#controleer{
  width:      110px;
  height:     76px;
  background-color: #FFF;
  vertical-align: bottom;
}

/*Gedeelde stijl tussen controleer knop en letter invoer*/
#controleer, #letter{
  border: 2px solid #000;
  border-radius: 5px;
  outline: none;
}

#letter:focus, #controleer:focus{
  background-color: #ededed;
}

/*Algemene stijl voor het onderste vlak met invoer & knop */
#invoer{
  padding-top: 5px;
  vertical-align: bottom;
}