SlatePermutate Changeset - aa34ac34003f · protofusion repositories

Changeset - aa34ac34003f

Parent rev.

Child rev.

[Not reviewed]

default

0 3 1

ethanzonca - 15 years ago 2010-07-14 00:13:51

Added page class to input.php, fixed up some stuff. Needs a cleanup, maybe move class.*.php files to inc/

4 files changed with 259 insertions and 328 deletions:

inc/class.page.php

input.php

291

scripts/scheduleInput.js

183

styles/general.css

0 comments (0 inline, 0 general)

inc/class.page.php

➞

Show inline comments

 <?php
 /* Class for general page generation */
 class page {
 // Private functions/variables
   private $base_title = 'SlatePermutate';
   private $doctype = 'html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"';
   private $htmlargs = 'xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"';
   private $bodyargs = '';
   public $lastJobTable = '';
   private $isMobile = false; // Have a basic view when this is true
   private $pageGenTime = 0;
   private $indexpath = 'http://protofusion.org/SlatePermutate/'; // full url to index for php header redirection
   private $pageGenTime = 0;
   private $indexpath = 'http://protofusion.org/SlatePermutate/'; // full url to index for php header redirection
   // Scripts and styles
   private $headCode = array();
   private $trackingcode = '<script type="text/javascript">
 				  var _gaq = _gaq || [];
@@ @@ -27,14 +25,6 @@ class page { @@
 				  })();
 				</script>'; // Google analytics ga.js tracking code
   public $tablestripe = '<script type="text/javascript">
 			  $(document).ready(function(){
 			    $(".tablestripe tr").mouseover(function() {$(this).addClass("over");}).mouseout(function() {$(this).removeClass("over");});
 			    $(".tablestripe tr:even").addClass("alt");
 			    $(".tablestripe tr:odd").addClass("alto");
 			  });
 			  </script>';
   private $title = ''; // Title of page
   private $scripts = ''; // Scripts to include on page
@@ @@ -43,6 +33,10 @@ class page { @@
     $this->scripts .= $nscripts;
     if($ntitle != "NOHEAD")
       $this->head();
     $headCode['jquery'] = '<script src="http://www.google.com/jsapi"></script><script type="text/javascript" charset="utf-8"> google.load("jquery", "1.3.2"); google.load("jqueryui", "1.7.2");</script>';
     $headCode['jValidate'] = '<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.pack.js"></script>';
     $headCode['schedInput'] = '<script type="text/javascript" src="scripts/scheduleInput.js"></script>';
+  }
   private function top(){
@@ @@ -54,38 +48,33 @@ class page { @@
 // Public functions/vars
-  public function head(){
+  private function head(){
     session_start();
     // @TODO: Add capability to load additional javascripts and stylesheets in array form
     $this->pageGenTime = round(microtime(), 3);
     echo '<!DOCTYPE ' . $this->doctype . '>
 	  <html ' . $this->htmlargs . '>
 	  <head>
 	    <title>' . $this->title . ' :: ' . $this->base_title . '</title>
          <link rel="stylesheet" href="styles/general.css" type="text/css" media="screen" charset="utf-8">';
            <link rel="stylesheet" href="styles/general.css" type="text/css" media="screen" charset="utf-8">';
 	echo $this->scripts;
 	echo '</head>
     // Write out all passed scripts
     foreach ($this->scripts as $script)
     	echo $headCode[$script];
     echo '</head>
 	  <body '.$this->bodyargs.' >';
     echo $this->top(); // Write out top
+  }
   public function foot(){
     echo '</div>';
     $this->pageGenTime = round(microtime(), 3);
     echo '<div id="footer"><h5>&copy; '. date('Y').' <a href="http://protofusion.org/~nathang/">Nathan Gelderloos</a><br />
                            with special thanks to <a href="http://ethanzonca.com">Ethan Zonca</a></h5>
           </div>';
     echo '<div id="footer"><h5>&copy; '. date('Y').' <a href="http://protofusion.org/~nathang/">Nathan Gelderloos</a><br /> with special thanks to <a href="http://ethanzonca.com">Ethan Zonca</a></h5></div>';
     echo $this->trackingcode;
     echo '</body></html>';
+  }
   public function secondsToCompound($seconds) {
       $ret = "";
       $hours = intval(intval($seconds) / 3600);

input.php

➞

Show inline comments

@@ @@ -6,279 +6,13 @@ include_once 'errors.php'; @@
 include_once 'class.schedule.php';
 include_once 'class.class.php';
 include_once 'class.section.php';
 ?>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html>
 <head>
 	<title>Scheduler</title>
 <style type="text/css">
 	body {
 		width: 80%;
 		margin:auto;
 		font-family: sans-serif;
+	}
 	.defaultText {
 		width: 300px; }
 	.defaultTextActive {
 		color: #a1a1a1;
 		font-style: italic;
+	}
 	#savedBox {
 		width: 15em;
 		padding: 1em;
 		border: 1px solid #000;
 		float:right;
 		background: #DDD;
 		font-size: .8em;
+	}
 	#header {
 		text-align: left;
 		background: rgb(220,220,220); /* IE fallback */
 		background: rgba(200,200,200, .3);
+	}
 	#footer {
 		text-align: right;
 		background: rgb(220,220,220); /* IE fallback */
 		background: rgba(200,200,200, .3);
+	}
 	.error {
 		color: #F00; /* For validation errors */
+	}
 	.error p {
 		padding: 0;
 		margin: 0;
 		font-size: .7em;
+	}
 	td.center {
 		text-align:center;
+	}
 	.section:nth-child(even) {
 		background: #DDDDDD;
+	}
 	.none {
 		background: #fff;
+	}
 	.class {
 		background: #99FF99;
+	}
 	#classage {
 		float:left;
+	}
 	.paddingtop {
 		padding: .5em;
 		padding-top: .8em;
+	}
 </style>
 <script src="http://www.google.com/jsapi"></script>
 <script type="text/javascript" charset="utf-8">
 	google.load("jquery", "1.3.2");
 	google.load("jqueryui", "1.7.2");
 </script>
 <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.pack.js"></script>
 <script type="text/javascript">
 	/* Set all default error messages to this */
 	jQuery.each(jQuery.validator.messages, function(i) {
 		jQuery.validator.messages[i] = "<p class=\"error\">Please fill the field</p>";
 	});
 	jQuery.validator.addMethod(
 		"selectNone",
 		function(value, element) {
 			if (element.value == "none")
+			{
 				return false;
+			}
 			else return true;
 		},
 		"<p class=\"error\">Please select a time</p>"
 	);
 /* Doesn't work right now:  */ /*
 	jQuery.validator.addMethod(
 		"daysRequired",
 		function(value, element) {
 			var numChecked = 0;
 			jQuery(document).find('.daysRequire').each(function () {
 				jQuery('#scheduleForm').append('<p>Found something!</p>');
 				if(this.value != "none")
 					numChecked++;
 			});
 			jQuery('#scheduleForm').append('<p>Finished each loop, found ' + numChecked + ' checked boxes</p>');
 			if (numChecked >= 1)
+			{
 				return false;
+			}
 			else return true;
 		},
 		"<p class=\"error\">Please select one or more days!.</p>"
 	);
 */
 	jQuery.validator.addClassRules("selectRequired", {
 		selectNone: true
 	});
 	jQuery.validator.addClassRules("daysRequire", {
 		daysRequired: true
 	});
     jQuery(document).ready(function() {
 	//--------------------------------------------------
 	// Validates the form (pre-submission check)
 	//--------------------------------------------------
 		jQuery('#scheduleForm').validate({
 			debug: false,
 		});
 	var classNum = 0;
 	var sectionsOfClass = new Array(); // holds number of sections for each class
 include_once 'inc/class.page.php';
 	//--------------------------------------------------
 	// Returns the common inputs for each new section.
 	//--------------------------------------------------
 	function getCommonInputs(cnum) {
 		var snum = sectionsOfClass[cnum];
 		var result = '<td>\
 				<select name="postData[' + cnum + '][' + snum + '][letter]"><option value="-">-</option><option value="A">A</option><option value="B">B</option>\
 				<option value="C">C</option><option value="D">D</option><option value="E">E</option><option value="F">F</option><option value="G">G</option>\
 				<option value="H">H</option><option value="I">I</option><option value="J">J</option><option value="K">K</option></select></td>\
 				</select></td>\
 			<td><select class="selectRequired" name="postData[' + cnum + '][' + snum + '][start]"><option value="none"></option>\
 				<option value="700">7:00 am</option><option value="730">7:30 am</option>\
 				<option value="800">8:00 am</option><option value="830">8:30 am</option>\
 				<option value="900">9:00 am</option><option value="930">9:30 am</option>\
 				<option value="1000">10:00 am</option><option value="1030">10:30 am</option>\
 				<option value="1100">11:00 am</option><option value="1130">11:30 am</option>\
 				<option value="1200">12:00 pm</option><option value="1230">12:30 pm</option>\
 				<option value="1300">1:00 pm</option><option value="1330">1:30 pm</option>\
 				<option value="1400">2:00 pm</option><option value="1430">2:30 pm</option>\
 				<option value="1500">3:00 pm</option><option value="1530">3:30 pm</option>\
 				<option value="1600">4:00 pm</option><option value="1630">4:30 pm</option>\
 				<option value="1700">5:00 pm</option><option value="1730">5:30 pm</option>\
 				<option value="1800">6:00 pm</option><option value="1830">6:30 pm</option>\
 				<option value="1900">7:00 pm</option><option value="1930">7:30 pm</option>\
 				<option value="2000">8:00 pm</option><option value="2030">8:30 pm</option>\
 				<option value="2100">9:00 pm</option></select></td>\
 			<td><select class="selectRequired" name="postData[' + cnum + '][' + snum + '][end]"><option value="none"></option>\
 				<option value="720">7:20 am</option><option value="750">7:50 am</option>\
 				<option value="820">8:20 am</option><option value="850">8:50 am</option>\
 				<option value="920">9:20 am</option><option value="950">9:50 am</option>\
 				<option value="1020">10:20 am</option><option value="1050">10:50 am</option>\
 				<option value="1120">11:20 am</option><option value="1150">11:50 am</option>\
 				<option value="1220">12:20 pm</option><option value="1250">12:50 pm</option>\
 				<option value="1320">1:20 pm</option><option value="1350">1:50 pm</option>\
 				<option value="1420">2:20 pm</option><option value="1450">2:50 pm</option>\
 				<option value="1520">3:20 pm</option><option value="1550">3:50 pm</option>\
 				<option value="1620">4:20 pm</option><option value="1650">4:50 pm</option>\
 				<option value="1720">5:20 pm</option><option value="1750">5:50 pm</option>\
 				<option value="1820">6:20 pm</option><option value="1850">6:50 pm</option>\
 				<option value="1920">7:20 pm</option><option value="1950">7:50 pm</option>\
 				<option value="2020">8:20 pm</option><option value="2050">8:50 pm</option>\
 				<option value="2120">9:20 pm</option></select></td>\
 			<td><input type="checkbox" class="daysRequired" name="postData[' + cnum + '][' + snum + '][days][0]" value="1" /></td>\
 			<td><input type="checkbox" class="daysRequired" name="postData[' + cnum + '][' + snum + '][days][1]" value="1" /></td>\
 			<td><input type="checkbox" class="daysRequired" name="postData[' + cnum + '][' + snum + '][days][2]" value="1" /></td>\
 			<td><input type="checkbox" class="daysRequired" name="postData[' + cnum + '][' + snum + '][days][3]" value="1" /></td>\
 			<td><input type="checkbox" class="daysRequired" name="postData[' + cnum + '][' + snum + '][days][4]" value="1" /></td>';
 		return result;
+	}
 	//--------------------------------------------------
 	// Adds a new class to the input.
 	//--------------------------------------------------
 	function addRow(){
 		sectionsOfClass[classNum] = 0; // This is class 0, initialize at 0
 		jQuery('#jsrows').append('<tr title="' + classNum + '" class="class class' + classNum + '"><td><input type="text" class="required defText" title="Class Name" name="postData[' + classNum + '][name]" /></td>' + getCommonInputs(classNum) + '<td><div class="addSection"><input type="button" value="Add section" /></div></td><td><div class="deleteClass"><input type="button" value="Delete" /></div></td></tr>');
 		classNum++;
 	};
 	addRow(); // Add initial row
 $scripts = array('jquery','jValidate','schedInput');
 $inputPage = new page('Scheduler', $scripts);
 ?>
 	//--------------------------------------------------
 	// Adds a new class when the add class button is
 	// clicked.
 	//--------------------------------------------------
 	jQuery('#classage').click(function() {
 		addRow();
 	});
 	//--------------------------------------------------
 	// Deletes the selected class from input.
 	//--------------------------------------------------
 	jQuery('.deleteClass').live('click', function() {
 		jQuery('.class'+ jQuery(this).parent().parent().attr("title")).remove();
 	});
 	//--------------------------------------------------
 	// Deletes the selected section from the input.
 	//--------------------------------------------------
 	jQuery('.deleteSection').live('click', function() {
 		sectionsOfClass[jQuery(this).parent().parent().attr("title")]--; // TODO: this only decreases the number of classes, so php should loop until this number of classes is found in the array
 		jQuery(this).parent().parent().remove();
 	});
 	//--------------------------------------------------
 	// Adds a section to the selected class.
 	//--------------------------------------------------
 	jQuery('.addSection').live('click', function() {
 		sectionsOfClass[jQuery(this).parent().parent().attr("title")]++; // Increases sectionsOfClass[classNum]
 		jQuery(this).parent().parent().after('<tr class="section class' + jQuery(this).parent().parent().attr("title") + '"><td class="none"></td>' + getCommonInputs(jQuery(this).parent().parent().attr("title")) + '<td></td><td><div class="deleteSection"><input type="button" value="Delete" /></div></td></tr>');
 	});
 	//--------------------------------------------------
 	// Resets the form
 	//--------------------------------------------------
 	jQuery('#reset').click(function() {
 		jQuery('#scheduleForm').resetForm();
     });
 	//--------------------------------------------------
 	// Default text stuff
 	//--------------------------------------------------
     jQuery(".defText").focus(function(srcc)
+    {
         if (jQuery(this).val() == jQuery(this)[0].title)
+        {
             jQuery(this).removeClass("defaultTextActive");
             jQuery(this).val("");
+        }
     });
     jQuery(".defText").blur(function()
+    {
         if (jQuery(this).val() == "")
+        {
             jQuery(this).addClass("defaultTextActive");
             jQuery(this).val($(this)[0].title);
+        }
     });
     jQuery(".defText").blur();
 });
 </script>
 </head>
 <body>
 <div id="header">
 	<h1>
 		<em>
 			SlatePermutate
 		</em>
 		-  Scheduler
 	</h1>
 </div>
 <div id="content">
 	<p>
 <p>
 <?
 if(isset($_SESSION['saved']) && count($_SESSION['saved']) > 0){
@@ @@ -349,23 +83,6 @@ if(isset($_SESSION['saved']) && count($_ @@
 		already populated as soon as they are added).</li>
 </ul>
 </div>
 <div id="footer">
 	<h5>
 		&copy;
 		<?php echo Date("Y"); ?>
 		<a href="http://protofusion.org/~nathang/">
 			Nathan Gelderloos
 		</a>
 		<br />
 		with special thanks to
 		<a href="http://ethanzonca.com">
 			Ethan Zonca
 		</a>
 	</h5>
 </div>
 </body>
 </html>
 <?
 $inputPage->foot();
 ?>
@@ \ No newline at end of file @@

scripts/scheduleInput.js

➞

Show inline comments

@@ new file 100644 @@
 	/* Set all default error messages to this */
 	jQuery.each(jQuery.validator.messages, function(i) {
 		jQuery.validator.messages[i] = "<p class=\"error\">Please fill the field</p>";
 	});
 	jQuery.validator.addMethod(
 		"selectNone",
 		function(value, element) {
 			if (element.value == "none")
+			{
 				return false;
+			}
 			else return true;
 		},
 		"<p class=\"error\">Please select a time</p>"
 	);
 /* Doesn't work right now:  */ /*
 	jQuery.validator.addMethod(
 		"daysRequired",
 		function(value, element) {
 			var numChecked = 0;
 			jQuery(document).find('.daysRequire').each(function () {
 				jQuery('#scheduleForm').append('<p>Found something!</p>');
 				if(this.value != "none")
 					numChecked++;
 			});
 			jQuery('#scheduleForm').append('<p>Finished each loop, found ' + numChecked + ' checked boxes</p>');
 			if (numChecked >= 1)
+			{
 				return false;
+			}
 			else return true;
 		},
 		"<p class=\"error\">Please select one or more days!.</p>"
 	);
 */
 	jQuery.validator.addClassRules("selectRequired", {
 		selectNone: true
 	});
 	jQuery.validator.addClassRules("daysRequire", {
 		daysRequired: true
 	});
     jQuery(document).ready(function() {
 	//--------------------------------------------------
 	// Validates the form (pre-submission check)
 	//--------------------------------------------------
 		jQuery('#scheduleForm').validate({
 			debug: false,
 		});
 	var classNum = 0;
 	var sectionsOfClass = new Array(); // holds number of sections for each class
 	//--------------------------------------------------
 	// Returns the common inputs for each new section.
 	//--------------------------------------------------
 	function getCommonInputs(cnum) {
 		var snum = sectionsOfClass[cnum];
 		var result = '<td>\
 				<select name="postData[' + cnum + '][' + snum + '][letter]"><option value="-">-</option><option value="A">A</option><option value="B">B</option>\
 				<option value="C">C</option><option value="D">D</option><option value="E">E</option><option value="F">F</option><option value="G">G</option>\
 				<option value="H">H</option><option value="I">I</option><option value="J">J</option><option value="K">K</option></select></td>\
 				</select></td>\
 			<td><select class="selectRequired" name="postData[' + cnum + '][' + snum + '][start]"><option value="none"></option>\
 				<option value="700">7:00 am</option><option value="730">7:30 am</option>\
 				<option value="800">8:00 am</option><option value="830">8:30 am</option>\
 				<option value="900">9:00 am</option><option value="930">9:30 am</option>\
 				<option value="1000">10:00 am</option><option value="1030">10:30 am</option>\
 				<option value="1100">11:00 am</option><option value="1130">11:30 am</option>\
 				<option value="1200">12:00 pm</option><option value="1230">12:30 pm</option>\
 				<option value="1300">1:00 pm</option><option value="1330">1:30 pm</option>\
 				<option value="1400">2:00 pm</option><option value="1430">2:30 pm</option>\
 				<option value="1500">3:00 pm</option><option value="1530">3:30 pm</option>\
 				<option value="1600">4:00 pm</option><option value="1630">4:30 pm</option>\
 				<option value="1700">5:00 pm</option><option value="1730">5:30 pm</option>\
 				<option value="1800">6:00 pm</option><option value="1830">6:30 pm</option>\
 				<option value="1900">7:00 pm</option><option value="1930">7:30 pm</option>\
 				<option value="2000">8:00 pm</option><option value="2030">8:30 pm</option>\
 				<option value="2100">9:00 pm</option></select></td>\
 			<td><select class="selectRequired" name="postData[' + cnum + '][' + snum + '][end]"><option value="none"></option>\
 				<option value="720">7:20 am</option><option value="750">7:50 am</option>\
 				<option value="820">8:20 am</option><option value="850">8:50 am</option>\
 				<option value="920">9:20 am</option><option value="950">9:50 am</option>\
 				<option value="1020">10:20 am</option><option value="1050">10:50 am</option>\
 				<option value="1120">11:20 am</option><option value="1150">11:50 am</option>\
 				<option value="1220">12:20 pm</option><option value="1250">12:50 pm</option>\
 				<option value="1320">1:20 pm</option><option value="1350">1:50 pm</option>\
 				<option value="1420">2:20 pm</option><option value="1450">2:50 pm</option>\
 				<option value="1520">3:20 pm</option><option value="1550">3:50 pm</option>\
 				<option value="1620">4:20 pm</option><option value="1650">4:50 pm</option>\
 				<option value="1720">5:20 pm</option><option value="1750">5:50 pm</option>\
 				<option value="1820">6:20 pm</option><option value="1850">6:50 pm</option>\
 				<option value="1920">7:20 pm</option><option value="1950">7:50 pm</option>\
 				<option value="2020">8:20 pm</option><option value="2050">8:50 pm</option>\
 				<option value="2120">9:20 pm</option></select></td>\
 			<td><input type="checkbox" class="daysRequired" name="postData[' + cnum + '][' + snum + '][days][0]" value="1" /></td>\
 			<td><input type="checkbox" class="daysRequired" name="postData[' + cnum + '][' + snum + '][days][1]" value="1" /></td>\
 			<td><input type="checkbox" class="daysRequired" name="postData[' + cnum + '][' + snum + '][days][2]" value="1" /></td>\
 			<td><input type="checkbox" class="daysRequired" name="postData[' + cnum + '][' + snum + '][days][3]" value="1" /></td>\
 			<td><input type="checkbox" class="daysRequired" name="postData[' + cnum + '][' + snum + '][days][4]" value="1" /></td>';
 		return result;
+	}
 	//--------------------------------------------------
 	// Adds a new class to the input.
 	//--------------------------------------------------
 	function addRow(){
 		sectionsOfClass[classNum] = 0; // This is class 0, initialize at 0
 		jQuery('#jsrows').append('<tr title="' + classNum + '" class="class class' + classNum + '"><td><input type="text" class="required defText" title="Class Name" name="postData[' + classNum + '][name]" /></td>' + getCommonInputs(classNum) + '<td><div class="addSection"><input type="button" value="Add section" /></div></td><td><div class="deleteClass"><input type="button" value="Delete" /></div></td></tr>');
 		classNum++;
 	};
 	addRow(); // Add initial row
 	//--------------------------------------------------
 	// Adds a new class when the add class button is
 	// clicked.
 	//--------------------------------------------------
 	jQuery('#classage').click(function() {
 		addRow();
 	});
 	//--------------------------------------------------
 	// Deletes the selected class from input.
 	//--------------------------------------------------
 	jQuery('.deleteClass').live('click', function() {
 		jQuery('.class'+ jQuery(this).parent().parent().attr("title")).remove();
 	});
 	//--------------------------------------------------
 	// Deletes the selected section from the input.
 	//--------------------------------------------------
 	jQuery('.deleteSection').live('click', function() {
 		sectionsOfClass[jQuery(this).parent().parent().attr("title")]--; // TODO: this only decreases the number of classes, so php should loop until this number of classes is found in the array
 		jQuery(this).parent().parent().remove();
 	});
 	//--------------------------------------------------
 	// Adds a section to the selected class.
 	//--------------------------------------------------
 	jQuery('.addSection').live('click', function() {
 		sectionsOfClass[jQuery(this).parent().parent().attr("title")]++; // Increases sectionsOfClass[classNum]
 		jQuery(this).parent().parent().after('<tr class="section class' + jQuery(this).parent().parent().attr("title") + '"><td class="none"></td>' + getCommonInputs(jQuery(this).parent().parent().attr("title")) + '<td></td><td><div class="deleteSection"><input type="button" value="Delete" /></div></td></tr>');
 	});
 	//--------------------------------------------------
 	// Resets the form
 	//--------------------------------------------------
 	jQuery('#reset').click(function() {
 		jQuery('#scheduleForm').resetForm();
     });
 	//--------------------------------------------------
 	// Default text stuff
 	//--------------------------------------------------
     jQuery(".defText").focus(function(srcc)
+    {
         if (jQuery(this).val() == jQuery(this)[0].title)
+        {
             jQuery(this).removeClass("defaultTextActive");
             jQuery(this).val("");
+        }
     });
     jQuery(".defText").blur(function()
+    {
         if (jQuery(this).val() == "")
+        {
             jQuery(this).addClass("defaultTextActive");
             jQuery(this).val($(this)[0].title);
+        }
     });
     jQuery(".defText").blur();
 });

styles/general.css

➞

Show inline comments

@@ @@ -3,12 +3,54 @@ @@
     margin:auto;
     font-family: sans-serif;
+  }
   #header {
     text-align: left;
     background: rgb(220,220,220); /* IE fallback */
     background: rgba(200,200,200, .3);
+  }
   #footer {
     text-align: right;
     background: rgb(220,220,220); /* IE fallback */
     background: rgba(200,200,200, .3);
 	#savedBox {
 		width: 15em;
 		padding: 1em;
 		border: 1px solid #000;
 		float:right;
 		background: #DDD;
 		font-size: .8em;
+	}
 	#header {
 		text-align: left;
 		background: rgb(220,220,220); /* IE fallback */
 		background: rgba(200,200,200, .3);
+	}
 	#footer {
 		text-align: right;
 		background: rgb(220,220,220); /* IE fallback */
 		background: rgba(200,200,200, .3);
+	}
 	.defaultText {
 		width: 300px; }
 	.defaultTextActive {
 		color: #a1a1a1;
 		font-style: italic;
+	}
 	.error {
 		color: #F00; /* For validation errors */
+	}
 	.error p {
 		padding: 0;
 		margin: 0;
 		font-size: .7em;
+	}
 	td.center {
 		text-align:center;
+	}
 	.section:nth-child(even) {
 		background: #DDDDDD;
+	}
 	.none {
 		background: #fff;
+	}
 	.class {
 		background: #99FF99;
+	}
 	#classage {
 		float:left;
+	}
 	.paddingtop {
 		padding: .5em;
 		padding-top: .8em;
+	}

0 comments (0 inline, 0 general)