diff options
| -rw-r--r-- | index.html | 13 | ||||
| -rw-r--r-- | main.css | 16 |
2 files changed, 23 insertions, 6 deletions
@@ -4,6 +4,7 @@ <meta charset='utf-8'> <meta name='viewport' content='width=device-width, initial-scale=1'> <title>chord explorer</title> + <link rel='stylesheet' href='main.css'> </head> <body> @@ -23,7 +24,7 @@ <tbody> <tr> - <td>E</td> + <td class='open'>E</td> <td><input type='radio' name='string1' value='fret1'></td> <td><input type='radio' name='string1' value='fret2'></td> <td><input type='radio' name='string1' value='fret3'></td> @@ -32,7 +33,7 @@ <td><p class='string1'></p></td> </tr> <tr> - <td>A</td> + <td class='open'>A</td> <td><input type='radio' name='string2' value='fret1'></td> <td><input type='radio' name='string2' value='fret2'></td> <td><input type='radio' name='string2' value='fret3'></td> @@ -41,7 +42,7 @@ <td><p class='string2'></p></td> </tr> <tr> - <td>D</td> + <td class='open'>D</td> <td><input type='radio' name='string3' value='fret1'></td> <td><input type='radio' name='string3' value='fret2'></td> <td><input type='radio' name='string3' value='fret3'></td> @@ -50,7 +51,7 @@ <td><p class='string3'></p></td> </tr> <tr> - <td>G</td> + <td class='open'>G</td> <td><input type='radio' name='string4' value='fret1'></td> <td><input type='radio' name='string4' value='fret2'></td> <td><input type='radio' name='string4' value='fret3'></td> @@ -59,7 +60,7 @@ <td><p class='string4'></p></td> </tr> <tr> - <td>B</td> + <td class='open'>B</td> <td><input type='radio' name='string5' value='fret1'></td> <td><input type='radio' name='string5' value='fret2'></td> <td><input type='radio' name='string5' value='fret3'></td> @@ -68,7 +69,7 @@ <td><p class='string5'></p></td> </tr> <tr> - <td>E</td> + <td class='open'>E</td> <td><input type='radio' name='string6' value='fret1'></td> <td><input type='radio' name='string6' value='fret2'></td> <td><input type='radio' name='string6' value='fret3'></td> diff --git a/main.css b/main.css new file mode 100644 index 0000000..a59a4c1 --- /dev/null +++ b/main.css @@ -0,0 +1,16 @@ +body { + color: black; + background-color: white; +} + +thead { + display: none; +} + +#fretboard .open { + font-weight: bold; +} + +#fretboard p { + font-style: italic; +} |