CSS styling

Once you wrote your HTML file with your Javascript code, you may want to add some CSS rules, in order change colors, size, positioning... It's very simple as you follow the naming convention to write your CSS file.

Pin state buttons (LOW/HIGH) are HTML <button>, and inherit the button CSS style. Their id are from gpio0 to gpio53. There is also two classes for both low and high states, and also somes for non GPIO pins :

With the included RPi header and expert webapps, you can also customize function button and descriptions :

Pin function buttons (IN/OUT/...) are also HTML <button>, with id from function0 to function53. Two classes are also used :

Pin descriptions are made of HTML div, with id from name0 to name53, with a single class :