diff --git a/examples/basic_code_wheel/index.html b/examples/basic_code_wheel/index.html index 4344e07..0b8074a 100644 --- a/examples/basic_code_wheel/index.html +++ b/examples/basic_code_wheel/index.html @@ -1,44 +1,44 @@ - - HTML5 Canvas Winning Wheel - + + HTML5 Canvas Winning Wheel + - - - -
-

Winwheel.js example wheel

-

Here is an example of a basic code drawn wheel which spins to a stop with the prize won alerted to the user.

-
-

Choose a power setting then press the Spin button. You will be alerted to the prize won when the spinning stops.

-
- + + + +
+

Winwheel.js example wheel

+

Here is an example of a basic code drawn wheel which spins to a stop with the prize won alerted to the user.

+
+

Choose a power setting then press the Spin button. You will be alerted to the prize won when the spinning stops.

+
+
@@ -71,137 +71,137 @@

Winwheel.js example wheel

- - + + \ No newline at end of file diff --git a/examples/basic_code_wheel/main.css b/examples/basic_code_wheel/main.css index 0d036c1..e8f6874 100644 --- a/examples/basic_code_wheel/main.css +++ b/examples/basic_code_wheel/main.css @@ -1,81 +1,81 @@ /* Description: - Contains all the styles for the winning wheel page. - + Contains all the styles for the winning wheel page. + Verison History: - 2012-01-28, Douglas McKechie - - Created based off earlier version. - - 2015-09-26, Douglas McKechie - - Minor updates for the 2.0 winwheel example. + 2012-01-28, Douglas McKechie + - Created based off earlier version. + + 2015-09-26, Douglas McKechie + - Minor updates for the 2.0 winwheel example. */ body { - font-family: arial; + font-family: arial; } /* Sets the background image for the wheel */ td.the_wheel { - background-image: url(./wheel_back.png); - background-position: center; - background-repeat: none; + background-image: url(./wheel_back.png); + background-position: center; + background-repeat: none; } /* Do some css reset on selected elements */ h1, p { - margin: 0; + margin: 0; } div.power_controls { - margin-right:70px; + margin-right:70px; } div.html5_logo { - margin-left:70px; + margin-left:70px; } /* Styles for the power selection controls */ table.power { - background-color: #cccccc; - cursor: pointer; - border:1px solid #333333; + background-color: #cccccc; + cursor: pointer; + border:1px solid #333333; } table.power th { - background-color: white; - cursor: default; + background-color: white; + cursor: default; } td.pw1 { - background-color: #6fe8f0; + background-color: #6fe8f0; } td.pw2 { - background-color: #86ef6f; + background-color: #86ef6f; } td.pw3 { - background-color: #ef6f6f; + background-color: #ef6f6f; } /* Style applied to the spin button once a power has been selected */ .clickable { - cursor: pointer; + cursor: pointer; } /* Other misc styles */ .margin_bottom { - margin-bottom: 5px; + margin-bottom: 5px; } \ No newline at end of file