@@ -5,8 +5,8 @@ clone that you can play in your browser, using javascript and the <canvas>
<p>In order to use this tutorial, you'll need to have a relatively recent version
of <a href="http://mozilla.com/firefox">Firefox</a>, <a
href="http://apple.com/safari">Safari</a>, or <a href="http://opera.com">Opera</a>.
-You cannot use Internet Explorer, because they have decided not to implement the
-<canvas> element.
+You cannot use Internet Explorer, because Microsoft hss decided not to implement the
+<canvas> element in it.
<p>Before you read any further, click on the "run code" button on the left to
play the game that we'll end up creating.
<p>On every page, you'll be able to click the "run code" button to run the code
@@ -313,7 +313,7 @@ init();
"explain_after": """See how much simpler the draw() function is now?
<p>If you edit the library, the changes will be reflected when you hit
"run code", just like they are with the code box right now.""",
-"library": "//Nothing here just yet!"
+"library": "//Nothing here just yet! Check back on the next page."
},
{"name": "bounce",
"title": "Bounce",
tutorial/data.py
@@ -2,24 +2,40 @@
from glob import glob
from mako.template import Template
from mako.lookup import TemplateLookup
-import os
+from sys import argv
+from os import unlink
+from subprocess import Popen, PIPE
-for f in glob("*.html"): os.unlink(f)
+def clean():
+ for f in glob("*.html"): unlink(f)
-pages = eval(file("data.py").read())
+def build():
+ pages = eval(file("data.py").read())
-def required(page, required_vars):
- for var in required_vars: page[var] = page.get(var, "")
+ def required(page, required_vars):
+ for var in required_vars: page[var] = page.get(var, "")
-toc = [(page["title"], page["name"]+".html") for page in pages]
+ toc = [(page["title"], page["name"]+".html") for page in pages]
-for i, page in enumerate(pages):
- page["prev"] = pages[i-1]["name"] if i > 0 else ""
- page["next"] = pages[i+1]["name"] if i+1 < len(pages) else ""
- page["toc"] = toc
+ for i, page in enumerate(pages):
+ page["prev"] = pages[i-1]["name"] if i > 0 else ""
+ page["next"] = pages[i+1]["name"] if i+1 < len(pages) else ""
+ page["toc"] = toc
- required(page, ["code", "explain_before", "explain_after", "title", "hidden_code",
- "library"])
- file(page['name'] + '.html', 'w').write(
- Template(filename="templates/template.mak",
- lookup=TemplateLookup(directories=['.'])).render(**page))
+ required(page, ["code", "explain_before", "explain_after", "title", "hidden_code",
+ "library"])
+ file(page['name'] + '.html', 'w').write(
+ Template(filename="templates/template.mak",
+ lookup=TemplateLookup(directories=['.'])).render(**page))
+
+def deploy():
+ for f in ['*.html', '*.js', 'theme', 'codemirror']:
+ cmd = 'scp -r %(f)s billmill.org:~/static/canvastutorial' % locals()
+ p = Popen(cmd, shell=True, stderr=PIPE)
+ # you need to "chmod a+r *" everything in the remote directory... sigh
+
+if __name__ == "__main__":
+ clean()
+ build()
+ if argv[-1].lower() == "deploy":
+ deploy()
tutorial/make.py
@@ -106,6 +106,8 @@ $(document).ready(function(){
% if not library:
$("#textcontainer > ul").tabs("remove", 1);
% endif
+
+ $("#runButton").click(runCode).removeAttr("disabled");
});
</script>
</head>
@@ -121,7 +123,7 @@ $(document).ready(function(){
<div id="canvascontainer">
<canvas id="canvas" width="300" height="300"></canvas>
<div style="text-align:center">
- <input type="submit" value="run code" onclick="runCode()"/>
+ <input type="submit" value="run code" id="runButton" disabled/>
</div>
<ol id="toc">
tutorial/templates/template.mak
@@ -11,64 +11,6 @@
* body {font-size: 62.5%;}
*/
-
-
-/*UI accordion*/
-.ui-accordion {
- /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
- font-family: Verdana, Arial, sans-serif;
- font-size: 1.1em;
- border-bottom: 1px solid #d3d3d3;
-}
-.ui-accordion-group {
- /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
- border: 1px solid #d3d3d3;
- border-bottom: none;
-}
-.ui-accordion-header {
- /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
- cursor: pointer;
- background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
-}
-.ui-accordion-header a {
- /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
- display: block;
- font-size: 1em;
- font-weight: normal;
- text-decoration: none;
- padding: .5em .5em .5em 1.7em;
- color: #555555;
- background: url(images/888888_7x7_arrow_right.gif) .5em 50% no-repeat;
-}
-.ui-accordion-header a:hover {
- background: url(images/454545_7x7_arrow_right.gif) .5em 50% no-repeat;
- color: #212121;
-}
-.ui-accordion-header:hover {
- background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
- color: #212121;
-}
-.selected .ui-accordion-header, .selected .ui-accordion-header:hover {
- background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
-}
-.selected .ui-accordion-header a, .selected .ui-accordion-header a:hover {
- color: #222222;
- background: url(images/222222_7x7_arrow_down.gif) .5em 50% no-repeat;
-}
-.ui-accordion-content {
- background: #ffffff url(images/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x;
- color: #222222;
- font-size: 1em;
-}
-.ui-accordion-content p {
- padding: 1em 1.7em 0.6em;
-}
-
-
-
-
-
-
/*UI tabs*/
.ui-tabs-nav {
/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
@@ -123,600 +65,6 @@
display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}
-
-
-
-
-/*slider*/
-.ui-slider {
- /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
- font-family: Verdana, Arial, sans-serif;
- font-size: 1.1em;
- background: #ffffff url(images/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x;
- border: 1px solid #dddddd;
- height: .8em;
- position: relative;
-}
-.ui-slider-handle {
- /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
- position: absolute;
- z-index: 2;
- top: -3px;
- width: 1.2em;
- height: 1.2em;
- background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
- border: 1px solid #d3d3d3;
-}
-.ui-slider-handle:hover {
- background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
- border: 1px solid #999999;
-}
-.ui-slider-handle-active, .ui-slider-handle-active:hover {
- background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
- border: 1px solid #dddddd;
-}
-.ui-slider-range {
- /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
- height: .8em;
- background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
- position: absolute;
- border: 1px solid #d3d3d3;
- border-left: 0;
- border-right: 0;
- top: -1px;
- z-index: 1;
- opacity:.7;
- filter:Alpha(Opacity=70);
-}
-
-
-
-
-
-
-/*dialog*/
-.ui-dialog {
- /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
- font-family: Verdana, Arial, sans-serif;
- font-size: 1.1em;
- background: #ffffff url(images/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x;
- color: #222222;
- border: 4px solid #dddddd;
- position: relative;
-}
-.ui-resizable-handle {
- position: absolute;
- font-size: 0.1px;
- z-index: 99999;
-}
-.ui-resizable .ui-resizable-handle {
- display: block;
-}
-body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
-body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
-.ui-resizable-n {
- cursor: n-resize;
- height: 7px;
- width: 100%;
- top: -5px;
- left: 0px;
-}
-.ui-resizable-s {
- cursor: s-resize;
- height: 7px;
- width: 100%;
- bottom: -5px;
- left: 0px;
-}
-.ui-resizable-e {
- cursor: e-resize;
- width: 7px;
- right: -5px;
- top: 0px;
- height: 100%;
-}
-.ui-resizable-w {
- cursor: w-resize;
- width: 7px;
- left: -5px;
- top: 0px;
- height: 100%;
-}
-.ui-resizable-se {
- cursor: se-resize;
- width: 13px;
- height: 13px;
- right: 0px;
- bottom: 0px;
- background: url(images/222222_11x11_icon_resize_se.gif) no-repeat 0 0;
-}
-.ui-resizable-sw {
- cursor: sw-resize;
- width: 9px;
- height: 9px;
- left: 0px;
- bottom: 0px;
-}
-.ui-resizable-nw {
- cursor: nw-resize;
- width: 9px;
- height: 9px;
- left: 0px;
- top: 0px;
-}
-.ui-resizable-ne {
- cursor: ne-resize;
- width: 9px;
- height: 9px;
- right: 0px;
- top: 0px;
-}
-.ui-dialog-titlebar {
- /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
- padding: .5em 1.5em .5em 1em;
- color: #555555;
- background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
- border-bottom: 1px solid #d3d3d3;
- font-size: 1em;
- font-weight: normal;
- position: relative;
-}
-.ui-dialog-title {}
-.ui-dialog-titlebar-close {
- /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
- background: url(images/888888_11x11_icon_close.gif) 0 0 no-repeat;
- position: absolute;
- right: 8px;
- top: .7em;
- width: 11px;
- height: 11px;
- z-index: 100;
-}
-.ui-dialog-titlebar-close-hover, .ui-dialog-titlebar-close:hover {
- background: url(images/454545_11x11_icon_close.gif) 0 0 no-repeat;
-}
-.ui-dialog-titlebar-close:active {
- background: url(images/222222_11x11_icon_close.gif) 0 0 no-repeat;
-}
-.ui-dialog-titlebar-close span {
- display: none;
-}
-.ui-dialog-content {
- /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
- color: #222222;
- padding: 1.5em 1.7em;
-}
-.ui-dialog-buttonpane {
- position: absolute;
- bottom: 0;
- width: 100%;
- text-align: left;
- border-top: 1px solid #dddddd;
- background: #ffffff;
-}
-.ui-dialog-buttonpane button {
- margin: .5em 0 .5em 8px;
- color: #555555;
- background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
- font-size: 1em;
- border: 1px solid #d3d3d3;
- cursor: pointer;
- padding: .2em .6em .3em .6em;
- line-height: 1.4em;
-}
-.ui-dialog-buttonpane button:hover {
- color: #212121;
- background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
- border: 1px solid #999999;
-}
-.ui-dialog-buttonpane button:active {
- color: #222222;
- background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
- border: 1px solid #dddddd;
-}
-/* This file skins dialog */
-.ui-dialog.ui-draggable .ui-dialog-titlebar,
-.ui-dialog.ui-draggable .ui-dialog-titlebar {
- cursor: move;
-}
-
-
-
-
-
-
-
-/*datepicker*/
-/* Main Style Sheet for jQuery UI date picker */
-.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {
- /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
- font-family: Verdana, Arial, sans-serif;
- background: #ffffff url(images/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x;
- font-size: 1.1em;
- border: 4px solid #dddddd;
- width: 15.5em;
- padding: 2.5em .5em .5em .5em;
- position: relative;
-}
-.ui-datepicker-div, #ui-datepicker-div {
- z-index: 9999; /*must have*/
- display: none;
-}
-.ui-datepicker-inline {
- float: left;
- display: block;
-}
-.ui-datepicker-control {
- display: none;
-}
-.ui-datepicker-current {
- display: none;
-}
-.ui-datepicker-next, .ui-datepicker-prev {
- position: absolute;
- left: .5em;
- top: .5em;
- background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
-}
-.ui-datepicker-next {
- left: 14.6em;
-}
-.ui-datepicker-next:hover, .ui-datepicker-prev:hover {
- background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
-}
-.ui-datepicker-next a, .ui-datepicker-prev a {
- text-indent: -999999px;
- width: 1.3em;
- height: 1.4em;
- display: block;
- font-size: 1em;
- background: url(images/888888_7x7_arrow_left.gif) 50% 50% no-repeat;
- border: 1px solid #d3d3d3;
- cursor: pointer;
-}
-.ui-datepicker-next a {
- background: url(images/888888_7x7_arrow_right.gif) 50% 50% no-repeat;
-}
-.ui-datepicker-prev a:hover {
- background: url(images/454545_7x7_arrow_left.gif) 50% 50% no-repeat;
-}
-.ui-datepicker-next a:hover {
- background: url(images/454545_7x7_arrow_right.gif) 50% 50% no-repeat;
-}
-.ui-datepicker-prev a:active {
- background: url(images/222222_7x7_arrow_left.gif) 50% 50% no-repeat;
-}
-.ui-datepicker-next a:active {
- background: url(images/222222_7x7_arrow_right.gif) 50% 50% no-repeat;
-}
-.ui-datepicker-header select {
- border: 1px solid #d3d3d3;
- color: #555555;
- background: #e6e6e6;
- font-size: 1em;
- line-height: 1.4em;
- position: absolute;
- top: .5em;
- margin: 0 !important;
-}
-.ui-datepicker-header option:focus, .ui-datepicker-header option:hover {
- background: #dadada;
-}
-.ui-datepicker-header select.ui-datepicker-new-month {
- width: 7em;
- left: 2.2em;
-}
-.ui-datepicker-header select.ui-datepicker-new-year {
- width: 5em;
- left: 9.4em;
-}
-table.ui-datepicker {
- width: 15.5em;
- text-align: right;
-}
-table.ui-datepicker td a {
- padding: .1em .3em .1em 0;
- display: block;
- color: #555555;
- background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
- cursor: pointer;
- border: 1px solid #ffffff;
-}
-table.ui-datepicker td a:hover {
- border: 1px solid #999999;
- color: #212121;
- background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
-}
-table.ui-datepicker td a:active {
- border: 1px solid #dddddd;
- color: #222222;
- background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
-}
-table.ui-datepicker .ui-datepicker-title-row td {
- padding: .3em 0;
- text-align: center;
- font-size: .9em;
- color: #222222;
- text-transform: uppercase;
-}
-table.ui-datepicker .ui-datepicker-title-row td a {
- color: #222222;
-}
-.ui-datepicker-cover {
- display: none;
- display/**/: block;
- position: absolute;
- z-index: -1;
- filter: mask();
- top: -4px;
- left: -4px;
- width: 193px;
- height: 200px;
-}
-
-
-
-
-
-
-
-
-
-
-
-/* ui-autocomplete */
-/*
-.ui-autocomplete-input {
- border: 1px solid #dddddd;
- color: #222222;
- background: #ffffff;
-}
-*/
-.ui-autocomplete-results {
- /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
- font-family: Verdana, Arial, sans-serif;
- font-size: 1.1em;
- z-index: 9999;
-}
-.ui-autocomplete-results ul, .ui-autocomplete-results li {
- margin: 0;
- padding: 0;
- list-style: none;
-}
-.ui-autocomplete-results ul {
- border: 1px solid #dddddd;
- background: #ffffff url(images/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x;
- border-top: 0;
- border-bottom: 0;
- margin-bottom: -1px;
-}
-.ui-autocomplete-results li {
- color: #222222;
- padding: .4em .5em;
- font-size: 1em;
- font-weight: normal;
- position: relative;
- margin: 1px 0;
-}
-.ui-autocomplete-results li.ui-hover-state, .ui-autocomplete-results li.ui-active-state {
- margin: 0;
-}
-
-.ui-autocomplete-results li.ui-autocomplete-over {
- border-top: 1px solid #999999;
- border-bottom: 1px solid #999999;
- background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
- color: #212121 !important;
-}
-.ui-autocomplete-results li.ui-autocomplete-active {
- border-top: 1px solid #dddddd;
- border-bottom: 1px solid #dddddd;
- background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
- color: #222222 !important;
- outline: none;
-}
-.ui-autocomplete-results li:first-child, .ui-autocomplete-results li.first {
- margin-top: 0;
-}
-.ui-autocomplete-results li:last-child, .ui-autocomplete-results li.last {
- margin-bottom: 0;
-}
-
-
-
-
-
-
-
-
-
-
-
-/*UI ProgressBar */
-.ui-progressbar {
- /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
- font-family: Verdana, Arial, sans-serif;
- font-size: 1.1em;
- background: #ffffff url(images/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x;
- border: 1px solid #dddddd;
- position: relative;
- height: 1.8em;
-}
-.ui-progressbar-bar {
- background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
- overflow: hidden;
- border: 1px solid #d3d3d3;
- margin:-1px;
- z-index: 2;
- position: relative;
- height: 1.8em;
- opacity:.7;
- filter:Alpha(Opacity=70);
-}
-.ui-progressbar-wrap {
- position: absolute;
- top: 0;
- left: 0;
-}
-.ui-progressbar-text {
- color: #555555;
- padding: .2em .5em;
- font-weight: normal;
- position: absolute;
- top: 0;
- left: 0;
-}
-.ui-progressbar-text-back {
- color: #222222;
- z-index: 0;
-}
-.ui-progressbar-disabled {
- opacity:.5;
- filter:Alpha(Opacity=50);
-}
-
-
-
-
-
-
-/*UI Colorpicker */
-.ui-colorpicker {
- /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
- font-family: Verdana, Arial, sans-serif;
- font-size: 1.1em;
- background: #ffffff url(images/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x;
- border: 4px solid #dddddd;
- padding: 5px;
- width: 360px;
- position: relative;
-}
-.ui-colorpicker-color {
- float: left;
- width: 150px;
- height: 150px;
- margin-right: 15px;
-}
-.ui-colorpicker-color div { /* is this extra div needed? why not just .ui-colorpicker-color ? */
- border: 1px solid #d3d3d3;
- height: 150px;
- background: url(images/_x_.);
- position: relative;
-}
-.ui-colorpicker-color div div {/* shouldn't this have a class like ui-colorpicker-selector ? */
- width: 11px;
- height: 11px;
- background: url(images/_x_.);
- position: absolute;
- border: 0;
- margin: -5px 0 0 -5px;
- float: none;
-}
-.ui-colorpicker-hue {
- border: 1px solid #d3d3d3;
- float: left;
- width: 17px;
- height: 150px;
- background: url(images/_x_.);
- position: relative;
- margin-right: 15px;
-}
-.ui-colorpicker-hue div {
- background:transparent url(images/222222_35x9_colorpicker_indicator.gif.gif);
- height:9px;
- left:-9px;
- margin:-4px 0 0;
- position:absolute;
- width:35px;
- cursor: ns-resize;
-}
-.ui-colorpicker-new-color, .ui-colorpicker-current-color {
- float: left;
- width: 6.5em;
- height: 30px;
- border: 1px solid #d3d3d3;
- margin-right: 5px;
-}
-.ui-colorpicker-current-color {
- margin-right: 0;
-}
-
-.ui-colorpicker-field, .ui-colorpicker-hex {
- position: absolute;
- width: 6em;
-}
-.ui-colorpicker-field label, .ui-colorpicker-field input,
-.ui-colorpicker-hex label, .ui-colorpicker-hex input {
- font-size: 1em;
- color: #222222;
-}
-.ui-colorpicker-field label, .ui-colorpicker-hex label {
- width: 1em;
- margin-right: .3em;
-}
-.ui-colorpicker-field input, .ui-colorpicker-hex input {
- border: 1px solid #dddddd;
- color: #222222;
- background: #ffffff;
- width: 4.6em;
-}
-.ui-colorpicker-hex {
- left: 205px;
- top: 134px;
-}
-.ui-colorpicker-rgb-r {
- top: 52px;
- left: 205px;
-}
-.ui-colorpicker-rgb-g {
- top: 78px;
- left: 205px;
-}
-.ui-colorpicker-rgb-b {
- top: 105px;
- left: 205px;
-}
-.ui-colorpicker-hsb-h {
- top: 52px;
- left: 290px;
-}
-.ui-colorpicker-hsb-s {
- top: 78px;
- left: 290px;
-}
-.ui-colorpicker-hsb-b {
- top: 105px;
- left: 290px;
-}
-
-.ui-colorpicker-field label {
- font-weight: normal;
-}
-.ui-colorpicker-field span {
- width: 7px;
- background: url(images/888888_11x11_icon_arrows_updown.gif) 50% 50% no-repeat;
- right: 5px;
- top: 0;
- height: 20px;
- position: absolute;
-}
-.ui-colorpicker-field span:hover {
- background: url(images/454545_11x11_icon_arrows_updown.gif) 50% 50% no-repeat;
-}
-
-.ui-colorpicker-submit {
- right: 14px;
- top: 134px;
- position: absolute;
-}
-
-
-
-
-
-
-
-
/*
Generic ThemeRoller Classes
>> Make your jQuery Components ThemeRoller-Compatible!
@@ -768,66 +116,6 @@ Generic ThemeRoller Classes
color: #222222;
outline: none;
}
-/*icons*/
-.ui-arrow-right-default {background: url(images/888888_7x7_arrow_right.gif) no-repeat 50% 50%;}
-.ui-arrow-right-default:hover, .ui-arrow-right-hover {background: url(images/454545_7x7_arrow_right.gif) no-repeat 50% 50%;}
-.ui-arrow-right-default:active, .ui-arrow-right-active {background: url(images/222222_7x7_arrow_right.gif) no-repeat 50% 50%;}
-.ui-arrow-right-content {background: url(images/222222_7x7_arrow_right.gif) no-repeat 50% 50%;}
-
-.ui-arrow-left-default {background: url(images/888888_7x7_arrow_left.gif) no-repeat 50% 50%;}
-.ui-arrow-left-default:hover, .ui-arrow-left-hover {background: url(images/454545_7x7_arrow_left.gif) no-repeat 50% 50%;}
-.ui-arrow-left-default:active, .ui-arrow-left-active {background: url(images/222222_7x7_arrow_left.gif) no-repeat 50% 50%;}
-.ui-arrow-left-content {background: url(images/222222_7x7_arrow_left.gif) no-repeat 50% 50%;}
-
-.ui-arrow-down-default {background: url(images/888888_7x7_arrow_down.gif) no-repeat 50% 50%;}
-.ui-arrow-down-default:hover, .ui-arrow-down-hover {background: url(images/454545_7x7_arrow_down.gif) no-repeat 50% 50%;}
-.ui-arrow-down-default:active, .ui-arrow-down-active {background: url(images/222222_7x7_arrow_down.gif) no-repeat 50% 50%;}
-.ui-arrow-down-content {background: url(images/222222_7x7_arrow_down.gif) no-repeat 50% 50%;}
-
-.ui-arrow-up-default {background: url(images/888888_7x7_arrow_up.gif) no-repeat 50% 50%;}
-.ui-arrow-up-default:hover, .ui-arrow-up-hover {background: url(images/454545_7x7_arrow_up.gif) no-repeat 50% 50%;}
-.ui-arrow-up-default:active, .ui-arrow-up-active {background: url(images/222222_7x7_arrow_up.gif) no-repeat 50% 50%;}
-.ui-arrow-up-content {background: url(images/222222_7x7_arrow_up.gif) no-repeat 50% 50%;}
-
-.ui-close-default {background: url(images/888888_11x11_icon_close.gif) no-repeat 50% 50%;}
-.ui-close-default:hover, .ui-close-hover {background: url(images/454545_11x11_icon_close.gif) no-repeat 50% 50%;}
-.ui-close-default:active, .ui-close-active {background: url(images/222222_11x11_icon_close.gif) no-repeat 50% 50%;}
-.ui-close-content {background: url(images/222222_11x11_icon_close.gif) no-repeat 50% 50%;}
-
-.ui-folder-closed-default {background: url(images/888888_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
-.ui-folder-closed-default:hover, .ui-folder-closed-hover {background: url(images/454545_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
-.ui-folder-closed-default:active, .ui-folder-closed-active {background: url(images/222222_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
-.ui-folder-closed-content {background: url(images/888888_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
-
-.ui-folder-open-default {background: url(images/888888_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
-.ui-folder-open-default:hover, .ui-folder-open-hover {background: url(images/454545_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
-.ui-folder-open-default:active, .ui-folder-open-active {background: url(images/222222_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
-.ui-folder-open-content {background: url(images/222222_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
-
-.ui-doc-default {background: url(images/888888_11x11_icon_doc.gif) no-repeat 50% 50%;}
-.ui-doc-default:hover, .ui-doc-hover {background: url(images/454545_11x11_icon_doc.gif) no-repeat 50% 50%;}
-.ui-doc-default:active, .ui-doc-active {background: url(images/222222_11x11_icon_doc.gif) no-repeat 50% 50%;}
-.ui-doc-content {background: url(images/222222_11x11_icon_doc.gif) no-repeat 50% 50%;}
-
-.ui-arrows-leftright-default {background: url(images/888888_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
-.ui-arrows-leftright-default:hover, .ui-arrows-leftright-hover {background: url(images/454545_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
-.ui-arrows-leftright-default:active, .ui-arrows-leftright-active {background: url(images/222222_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
-.ui-arrows-leftright-content {background: url(images/222222_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
-
-.ui-arrows-updown-default {background: url(images/888888_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
-.ui-arrows-updown-default:hover, .ui-arrows-updown-hover {background: url(images/454545_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
-.ui-arrows-updown-default:active, .ui-arrows-updown-active {background: url(images/222222_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
-.ui-arrows-updown-content {background: url(images/222222_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
-
-.ui-minus-default {background: url(images/888888_11x11_icon_minus.gif) no-repeat 50% 50%;}
-.ui-minus-default:hover, .ui-minus-hover {background: url(images/454545_11x11_icon_minus.gif) no-repeat 50% 50%;}
-.ui-minus-default:active, .ui-minus-active {background: url(images/222222_11x11_icon_minus.gif) no-repeat 50% 50%;}
-.ui-minus-content {background: url(images/222222_11x11_icon_minus.gif) no-repeat 50% 50%;}
-
-.ui-plus-default {background: url(images/888888_11x11_icon_plus.gif) no-repeat 50% 50%;}
-.ui-plus-default:hover, .ui-plus-hover {background: url(images/454545_11x11_icon_plus.gif) no-repeat 50% 50%;}
-.ui-plus-default:active, .ui-plus-active {background: url(images/222222_11x11_icon_plus.gif) no-repeat 50% 50%;}
-.ui-plus-content {background: url(images/222222_11x11_icon_plus.gif) no-repeat 50% 50%;}
/*hidden elements*/
.ui-hidden {
tutorial/theme/ui-theme.css
tutorial/theme/images/222222_11x11_icon_arrows_leftright.gif
tutorial/theme/images/222222_11x11_icon_arrows_updown.gif
tutorial/theme/images/222222_11x11_icon_close.gif
tutorial/theme/images/222222_11x11_icon_doc.gif
tutorial/theme/images/222222_11x11_icon_folder_closed.gif
tutorial/theme/images/222222_11x11_icon_folder_open.gif
tutorial/theme/images/222222_11x11_icon_minus.gif
tutorial/theme/images/222222_11x11_icon_plus.gif
tutorial/theme/images/222222_11x11_icon_resize_se.gif
tutorial/theme/images/222222_35x9_colorpicker_indicator.gif.gif
tutorial/theme/images/222222_7x7_arrow_down.gif
tutorial/theme/images/222222_7x7_arrow_left.gif
tutorial/theme/images/222222_7x7_arrow_right.gif
tutorial/theme/images/222222_7x7_arrow_up.gif
tutorial/theme/images/454545_11x11_icon_arrows_leftright.gif
tutorial/theme/images/454545_11x11_icon_arrows_updown.gif
tutorial/theme/images/454545_11x11_icon_close.gif
tutorial/theme/images/454545_11x11_icon_doc.gif
tutorial/theme/images/454545_11x11_icon_folder_closed.gif
tutorial/theme/images/454545_11x11_icon_folder_open.gif
tutorial/theme/images/454545_11x11_icon_minus.gif
tutorial/theme/images/454545_11x11_icon_plus.gif
tutorial/theme/images/454545_7x7_arrow_down.gif
tutorial/theme/images/454545_7x7_arrow_left.gif
tutorial/theme/images/454545_7x7_arrow_right.gif
tutorial/theme/images/454545_7x7_arrow_up.gif
tutorial/theme/images/888888_11x11_icon_arrows_leftright.gif
tutorial/theme/images/888888_11x11_icon_arrows_updown.gif
tutorial/theme/images/888888_11x11_icon_close.gif
tutorial/theme/images/888888_11x11_icon_doc.gif
tutorial/theme/images/888888_11x11_icon_folder_closed.gif
tutorial/theme/images/888888_11x11_icon_folder_open.gif
tutorial/theme/images/888888_11x11_icon_minus.gif
tutorial/theme/images/888888_11x11_icon_plus.gif
tutorial/theme/images/888888_7x7_arrow_down.gif
tutorial/theme/images/888888_7x7_arrow_left.gif
tutorial/theme/images/888888_7x7_arrow_right.gif
tutorial/theme/images/888888_7x7_arrow_up.gif
2fb045d106203c943041518f30fe1d318f724993
Bill Mill
bill.mill@gmail.com
http://github.com/llimllib/refresh-canvas/commit/1fdc519fe59a24f856db09fe50fa64b2a36d3f56
1fdc519fe59a24f856db09fe50fa64b2a36d3f56
2008-11-22T13:46:52-08:00
2008-11-22T13:46:52-08:00
lots of cleanup, finally been deployed
351ad732a219b187e78c4726d8a4e7ed23dfd135
Bill Mill
bill.mill@gmail.com