+
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