re-do frontRegApp, checkout, ids, classes, glm-grid to Found-grid
authorlaury <laury@gaslightmedia.com>
Wed, 13 Dec 2017 16:43:42 +0000 (11:43 -0500)
committerlaury <laury@gaslightmedia.com>
Wed, 13 Dec 2017 16:47:58 +0000 (11:47 -0500)
- Changes I made in frontRegApp.js were made in that compiled file
rather than the individual files. Will make a gulp commit after
this commit.
- Checkout page is changed so summary appears below billing/shipping
sections in small view, but on the right in medium-up
- A bunch of IDs and classes added, changed, or removed, to make for
a more usable markup
- CSS changes.. all over
- Removed references of glm-grid in registration.html, Foundation
grid now used instead.

css/front.css
js/frontRegApp.js
js/views/front/regRequestRegistrant.js
js/views/front/regTime.js
js/views/front/registrantForm.js
views/front/registrations/cart.html
views/front/registrations/checkout.html
views/front/registrations/registration.html
views/front/registrations/summary.html

index d87f096..fa0d1a2 100644 (file)
@@ -2,37 +2,36 @@
 
 /*{{{ Temp replacement for glm-row without max-width and other checkout form tampering */
 @media(max-width: 641px){
-    #regApp{
+    #regApp {
         padding: 0;
     }
-    .glm-reg-classes{
+    .glm-reg-classes {
         padding: 0;
     }
-    .glm-reg-image-container{
+    .glm-reg-image-container {
         padding: 0;
         margin-bottom: 10px;
     }
-    #glm-reg-event-name{
+    #glm-reg-event-name {
         padding: 0;
         line-height: 1.2;
     }
-    .glm-reg-account-info,.glm-reg-billing-info{
+    .glm-reg-account-info,.glm-reg-billing-info {
         padding: 0;
     }
 }
 .glm-reg-event-terms{
     padding: 0;
 }
-.glm-reg-event-profile-details{
-    padding-left: 0;
+.glm-reg-event-profile-details {
 }
-.glm-reg-image-container{
-    padding: 0;
+.glm-reg-image-container {
+    padding: 0 10px 0 0;
     max-height: 350px;
     overflow: hidden;
     text-align: center;
 }
-.glm-reg-map{
+.glm-reg-map {
     width: 100%;
     margin: 0;
     height: 250px;
     background-size: cover;
     position: relative;
 }
-#glm-reg-detail-map-button{
+#glm-reg-detail-map-button {
     height: 35px;
     padding: 5px 7px;
     width: 171px;
     float: left;
     border-right: 1px solid white;
 }
-#glm-reg-detail-directions-button{
+#glm-reg-detail-directions-button {
     height: 35px;
     padding: 5px 7px;
     width: 170px;
     
 }
 .glm-reg-class-container{
-    padding: 0;
+    
 }
 .glm-reg-row {
     clear: both;
     margin-right: auto;
     width: 100%;
     min-height: 1.5rem;
-    white-space: nowrap;
 }
 .glm-reg-indent-1 {
     padding-left: .5rem;
     clear: both;
     border: solid 1px black;
     background-color: white;
-    margin-top: 1rem;
-    margin-bottom: 1rem;
+    margin: 1rem auto;
+    max-width: 64rem;
     font-size: 0.875rem;
 }
 
     border: 1px solid black;
     /* padding: 10px; */
     margin: 1rem 0;
+    float: left;
 }
 .glm-reg-event-item h2 {
     font-size: 1.5rem;
@@ -339,9 +338,8 @@ label.registrant-label {
 .reg-class-count {
     float: right;
 }
-.glm-reg-event-profile{
+.glm-reg-event-profile {
     margin-bottom: 25px;
-    padding: 0;
 }
 
 .reg-class-accounts {
@@ -354,10 +352,23 @@ label.registrant-label {
 /*}}} End Event Registration Page */
 
 /*{{{ New Attendee Form */
+.reg-class-times > div {
+    margin-bottom: 20px;
+}
+.new-reg {
+    margin-bottom: 20px;
+}
 .new-reg, .reg-edit-form {
-    padding: 0 5px;
+    padding: 10px;
     border: solid 1px black;
     background-color: white;
+    max-width: 500px;
+}
+.new-reg .button.add-new-registrant {
+    margin-bottom: 0;
+}
+.glm-add-new-account {
+    margin-bottom: 0;
 }
 .new-reg h4 {
     font-size: 22px;
@@ -496,7 +507,6 @@ span.glm-error {
 }
 #glm-reg-list .glm-reg-event-item .glm-reg-list-image-container {
     padding: 0;
-    
 }
 
 /* Reg detail styles */
@@ -532,9 +542,11 @@ span.glm-error {
 }
 #regApp .reg-edit-form .update-registrant-button-container .update-registrant {
     float: left;
+    margin-bottom: 0;
 }
 #regApp .reg-edit-form .update-registrant-button-container .update-registrant.cancel {
     float: right;
+    padding: 10px;
 }
 #accountHeader {
     background: -webkit-linear-gradient(top, #f2f2f2 45%, #FFFFFF 100%);
index 2e53861..c9c7c78 100644 (file)
@@ -889,7 +889,7 @@ app.Views.Front.RegRequestRegistrant = Backbone.View.extend({
 var newId = 0;
 app.Views.Front.RegTime = Backbone.View.extend({
     tagName: 'div',
-
+    
     className: 'glm-row',
 
     template: _.template( jQuery('#regTime-template').html() ),
index 81c1ec6..c1cb305 100644 (file)
@@ -76,11 +76,16 @@ app.Views.Front.RegRequestRegistrant = Backbone.View.extend({
 
     // show the edit form
     editRegistrant: function(){
-        if ( app.checkForEditLock() === true ) {
-            return;
+        if ( !this.$('.reg-edit-form').is(":visible") ) {
+            if ( app.checkForEditLock() === true ) {
+                return;
+            }
+            this.$('.reg-edit-form').show();
+            app.regEventLock = true;
+        } else {
+            this.$('.reg-edit-form').hide();
+            app.regEventLock = false;
         }
-        this.$('.reg-edit-form').show();
-        app.regEventLock = true;
     },
 
     // render the view
index e1e1660..609e0a0 100644 (file)
@@ -3,7 +3,7 @@ var newId = 0;
 app.Views.Front.RegTime = Backbone.View.extend({
     tagName: 'div',
 
-    className: 'glm-row',
+    className: 'reg-class-time',
 
     template: _.template( jQuery('#regTime-template').html() ),
 
index c65f1b5..8a60544 100644 (file)
@@ -3,9 +3,9 @@ app.Views.Front.RegistrantForm = Backbone.View.extend({
 
     className: function(){
         if ( app.timeSpecific === true ) {
-            return 'new-reg';
+            return 'new-reg new-reg-time';
         } else {
-            return 'new-reg-notime';
+            return 'new-reg new-reg-notime';
         }
     },
 
index 302e50a..16f3716 100644 (file)
@@ -9,7 +9,7 @@
     </div>
   {/if}-->
 {if $cartPageText}
-<div>
+<div id="cart-page-text" class="glm-row">
     {$cartPageText}
 </div>
 {/if}
@@ -25,7 +25,7 @@
     </div>
   {/if}
 
-    <div>
+    <div id="cart-page-title" class="glm-row">
         <div class="glm-right" style="padding-top: 1.5em;" title="Please refer to this ID when requesting assistance.">Request ID: {$cartId}</div>
         <h2 class="glm-left" style="clear: none;">Selected Registrations</h2>
     </div>
index e1d2772..dbbfbc0 100644 (file)
@@ -1,13 +1,13 @@
 {apply_filters('glm_members_registrations_header', 'accountHeader')}
 
 {if $checkoutPageText}
-    <div>
+    <div id="checkout-page-text" class="glm-row">
         {$checkoutPageText}
     </div>
 {/if}
 
 {if $haveMessages}
-    <div class="glm-registrations-messages glm-reg-warning" style="clear: all;">
+    <div class="glm-registrations-messages glm-reg-warning" class="glm-row">
         <i>Please Note:</i>
         <ul>
 {foreach $messages as $m}
@@ -18,7 +18,7 @@
 {/if}
 
 {if $haveCart}
-    <form id="checkoutForm" href="{$regUrl}" method="post">
+    <form id="checkoutForm" href="{$regUrl}" method="post" class="glm-row">
         <input type="hidden" name="page" value="checkoutProcess">
         <input type="hidden" name="active" value="{$regAccount.fieldData.active.value}">
         <input type="hidden" name="glm_reg_cart_id" value="{$cartId}">
             </div>
 
             <div class="glm-row">
-                <div class="glm-large-6 glm-small-12 glm-columns glm-reg-account-info">
-                    <h4>Account Information</h4>
-  {if $regAccountId == 0}
-                    <div class="glm-reg-row">
-                        <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.email} glm-reg-required{/if}">E-Mail Address:</div>
-                        <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.email} glm-reg-fail{/if}"><input type="email" name="email" value="{$regAccount.fieldData.email}"{if $regAccount.fieldRequired.email} required{/if}></div>
-                    </div>
-                    <div class="glm-reg-row">
-                        <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.password} glm-reg-required{/if}">Password:</div>
-                        <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.password} glm-reg-fail{/if}">
-                            <input type="text" name="password" value="{$regAccount.fieldData.password}"{if $regAccount.fieldRequired.password} required{/if} title="Must be at least 8 characters long and contain at least one number and one puncuation character such as one of these #.-_,$%&!">
-                            <p>A password is required to access your registrations and submissions in the future. A suggested password has been supplied.</p>
+                <div class="glm-large-6 glm-small-12 glm-columns">
+                    <div class="glm-reg-account-info">
+                        <h4>Account Information</h4>
+      {if $regAccountId == 0}
+                        <div class="glm-reg-row">
+                            <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.email} glm-reg-required{/if}">E-Mail Address:</div>
+                            <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.email} glm-reg-fail{/if}"><input type="email" name="email" value="{$regAccount.fieldData.email}"{if $regAccount.fieldRequired.email} required{/if}></div>
                         </div>
-                    </div>
-  {else}
-                    <div class="glm-reg-row">
-                        <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap">E-Mail Address:</div>
-                        <div class="glm-small-12 glm-large-9 glm-columns">
-                            {$regAccount.fieldData.email}
-                            <input type="hidden" name="email" value="{$regAccount.fieldData.email}"> {* Required to keep E-Mail address from being cleared *}
+                        <div class="glm-reg-row">
+                            <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.password} glm-reg-required{/if}">Password:</div>
+                            <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.password} glm-reg-fail{/if}">
+                                <input type="text" name="password" value="{$regAccount.fieldData.password}"{if $regAccount.fieldRequired.password} required{/if} title="Must be at least 8 characters long and contain at least one number and one puncuation character such as one of these #.-_,$%&!">
+                                <p>A password is required to access your registrations and submissions in the future. A suggested password has been supplied.</p>
+                            </div>
                         </div>
-                    </div>
-  {/if}
-                    <div class="glm-reg-row">
-                        <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.fname} glm-reg-required{/if}">First Name:</div>
-                        <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.fname} glm-reg-fail{/if}"><input type="text" name="fname" value="{$regAccount.fieldData.fname}"{if $regAccount.fieldRequired.fname} required{/if}></div>
-                    </div>
-                    <div class="glm-reg-row">
-                        <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.lname} glm-reg-required{/if}">Last Name:</div>
-                        <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.lname} glm-reg-fail{/if}"><input type="text" name="lname" value="{$regAccount.fieldData.lname}"{if $regAccount.fieldRequired.lname} required{/if}></div>
-                    </div>
-                    <div class="glm-reg-row">
-                        <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.org} glm-reg-required{/if}">Organization:</div>
-                        <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.org} glm-reg-fail{/if}"><input type="text" name="org" value="{$regAccount.fieldData.org}"{if $regAccount.fieldRequired.org} required{/if}></div>
-                    </div>
-                    <div class="glm-reg-row">
-                        <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.title} glm-reg-required{/if}">Title:</div>
-                        <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.title} glm-reg-fail{/if}"><input type="text" name="title" value="{$regAccount.fieldData.title}"{if $regAccount.fieldRequired.title} required{/if}></div>
-                    </div>
-                    <div class="glm-reg-row">
-                        <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.addr1} glm-reg-required{/if}">Address:</div>
-                        <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.addr1} glm-reg-fail{/if}"><input type="text" name="addr1" value="{$regAccount.fieldData.addr1}"{if $regAccount.fieldRequired.addr1} required{/if}></div>
-                    </div>
-                    <div class="glm-reg-row">
-                        <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.addr2} glm-reg-required{/if}">&nbsp;</div>
-                        <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.addr2} glm-reg-fail{/if}"><input type="text" name="addr2" value="{$regAccount.fieldData.addr2}"{if $regAccount.fieldRequired.addr2} required{/if}></div>
-                    </div>
-                    <div class="glm-reg-row">
-                        <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.city} glm-reg-required{/if}">City:</div>
-                        <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.city} glm-reg-fail{/if}"><input type="text" name="city" value="{$regAccount.fieldData.city}"{if $regAccount.fieldRequired.city} required{/if}></div>
-                    </div>
-                    <div class="glm-reg-row">
-                        <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.state} glm-reg-required{/if}">State/Province:</div>
-                        <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.state} glm-reg-fail{/if}">
-                            <select name="state">
-                                <option value=""></option>
-                    {foreach $regAccount.fieldData.state.list as $s}
-                                <option value="{$s.value}"{if $regAccount.fieldData.state.value == $s.value} selected="selected"{/if}>
-                                    {$s.name}
-                                </option>
-                    {/foreach}
-                            </select>
+      {else}
+                        <div class="glm-reg-row">
+                            <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap">E-Mail Address:</div>
+                            <div class="glm-small-12 glm-large-9 glm-columns">
+                                {$regAccount.fieldData.email}
+                                <input type="hidden" name="email" value="{$regAccount.fieldData.email}"> {* Required to keep E-Mail address from being cleared *}
+                            </div>
+                        </div>
+      {/if}
+                        <div class="glm-reg-row">
+                            <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.fname} glm-reg-required{/if}">First Name:</div>
+                            <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.fname} glm-reg-fail{/if}"><input type="text" name="fname" value="{$regAccount.fieldData.fname}"{if $regAccount.fieldRequired.fname} required{/if}></div>
+                        </div>
+                        <div class="glm-reg-row">
+                            <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.lname} glm-reg-required{/if}">Last Name:</div>
+                            <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.lname} glm-reg-fail{/if}"><input type="text" name="lname" value="{$regAccount.fieldData.lname}"{if $regAccount.fieldRequired.lname} required{/if}></div>
+                        </div>
+                        <div class="glm-reg-row">
+                            <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.org} glm-reg-required{/if}">Organization:</div>
+                            <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.org} glm-reg-fail{/if}"><input type="text" name="org" value="{$regAccount.fieldData.org}"{if $regAccount.fieldRequired.org} required{/if}></div>
+                        </div>
+                        <div class="glm-reg-row">
+                            <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.title} glm-reg-required{/if}">Title:</div>
+                            <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.title} glm-reg-fail{/if}"><input type="text" name="title" value="{$regAccount.fieldData.title}"{if $regAccount.fieldRequired.title} required{/if}></div>
+                        </div>
+                        <div class="glm-reg-row">
+                            <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.addr1} glm-reg-required{/if}">Address:</div>
+                            <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.addr1} glm-reg-fail{/if}"><input type="text" name="addr1" value="{$regAccount.fieldData.addr1}"{if $regAccount.fieldRequired.addr1} required{/if}></div>
+                        </div>
+                        <div class="glm-reg-row">
+                            <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.addr2} glm-reg-required{/if}">&nbsp;</div>
+                            <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.addr2} glm-reg-fail{/if}"><input type="text" name="addr2" value="{$regAccount.fieldData.addr2}"{if $regAccount.fieldRequired.addr2} required{/if}></div>
+                        </div>
+                        <div class="glm-reg-row">
+                            <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.city} glm-reg-required{/if}">City:</div>
+                            <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.city} glm-reg-fail{/if}"><input type="text" name="city" value="{$regAccount.fieldData.city}"{if $regAccount.fieldRequired.city} required{/if}></div>
+                        </div>
+                        <div class="glm-reg-row">
+                            <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.state} glm-reg-required{/if}">State/Province:</div>
+                            <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.state} glm-reg-fail{/if}">
+                                <select name="state">
+                                    <option value=""></option>
+                        {foreach $regAccount.fieldData.state.list as $s}
+                                    <option value="{$s.value}"{if $regAccount.fieldData.state.value == $s.value} selected="selected"{/if}>
+                                        {$s.name}
+                                    </option>
+                        {/foreach}
+                                </select>
+                            </div>
+                        </div>
+                        <div class="glm-reg-row">
+                            <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.zip} glm-reg-required{/if}">Zip/Postal Code:</div>
+                            <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.zip} glm-reg-fail{/if}"><input type="text" name="zip" value="{$regAccount.fieldData.zip}"{if $regAccount.fieldRequired.zip} required{/if}></div>
+                        </div>
+                        <div class="glm-reg-row">
+                            <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.country} glm-reg-required{/if}">Country:</div>
+                            <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.country} glm-reg-fail{/if}">
+                                <select name="country">
+                                    <option value=""></option>
+                        {foreach $regAccount.fieldData.country.list as $c}
+                                    <option value="{$c.value}"{if $regAccount.fieldData.country.value == $c.value} selected="selected"{/if}>
+                                        {$c.name}
+                                    </option>
+                        {/foreach}
+                                </select>
+                            </div>
                         </div>
                     </div>
-                    <div class="glm-reg-row">
-                        <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.zip} glm-reg-required{/if}">Zip/Postal Code:</div>
-                        <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.zip} glm-reg-fail{/if}"><input type="text" name="zip" value="{$regAccount.fieldData.zip}"{if $regAccount.fieldRequired.zip} required{/if}></div>
-                    </div>
-                    <div class="glm-reg-row">
-                        <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.country} glm-reg-required{/if}">Country:</div>
-                        <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.country} glm-reg-fail{/if}">
-                            <select name="country">
-                                <option value=""></option>
-                    {foreach $regAccount.fieldData.country.list as $c}
-                                <option value="{$c.value}"{if $regAccount.fieldData.country.value == $c.value} selected="selected"{/if}>
-                                    {$c.name}
-                                </option>
-                    {/foreach}
-                            </select>
+                    <div class="glm-reg-billing-info">
+                        <div class="glm-reg-row"><div class="glm-small-12 glm-columns"><h4>Billing Information</h4></div></div>
+                        <div class="glm-reg-row"><div class="glm-small-12 glm-columns"><input id="glm-reg-bill-same" type="checkbox" name="billing_same" value="1"{if $regAccount.billingSame} checked{/if}>&nbsp;Same as Account Information</div></div>
+                        <div class="glm-reg-row glm-reg-bill-field">
+                            <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_fname} glm-reg-required{/if}">First Name:</div>
+                            <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_fname} glm-reg-fail{/if}"><input type="text" name="bill_fname" value="{$regAccount.fieldData.bill_fname}"{if $regAccount.fieldRequired.bill_fname} required{/if}></div>
+                        </div>
+                        <div class="glm-reg-row glm-reg-bill-field">
+                            <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_lname} glm-reg-required{/if}">Last Name:</div>
+                            <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_lname} glm-reg-fail{/if}"><input type="text" name="bill_lname" value="{$regAccount.fieldData.bill_lname}"{if $regAccount.fieldRequired.bill_lname} required{/if}></div>
+                        </div>
+                        <div class="glm-reg-row glm-reg-bill-field">
+                            <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_addr1} glm-reg-required{/if}">Address:</div>
+                            <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_addr1} glm-reg-fail{/if}"><input type="text" name="bill_addr1" value="{$regAccount.fieldData.bill_addr1}"{if $regAccount.fieldRequired.bill_addr1} required{/if}></div>
+                        </div>
+                        <div class="glm-reg-row glm-reg-bill-field">
+                            <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_addr2} glm-reg-required{/if}">&nbsp;</div>
+                            <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_addr2} glm-reg-fail{/if}"><input type="text" name="bill_addr2" value="{$regAccount.fieldData.bill_addr2}"{if $regAccount.fieldRequired.bill_addr2} required{/if}></div>
+                        </div>
+                        <div class="glm-reg-row glm-reg-bill-field">
+                            <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_city} glm-reg-required{/if}">City:</div>
+                            <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_city} glm-reg-fail{/if}"><input type="text" name="bill_city" value="{$regAccount.fieldData.bill_city}"{if $regAccount.fieldRequired.bill_city} required{/if}></div>
+                        </div>
+                        <div class="glm-reg-row glm-reg-bill-field">
+                            <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_state} glm-reg-required{/if}">State:</div>
+                            <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_state} glm-reg-fail{/if}">
+                                <select name="bill_state">
+                                    <option value=""></option>
+                        {foreach $regAccount.fieldData.bill_state.list as $s}
+                                    <option value="{$s.value}"{if $regAccount.fieldData.bill_state.value == $s.value} selected="selected"{/if}>
+                                        {$s.name}
+                                    </option>
+                        {/foreach}
+                                </select>
+                            </div>
+                        </div>
+                        <div class="glm-reg-row glm-reg-bill-field">
+                            <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_zip} glm-reg-required{/if}">Zip/Postal Code:</div>
+                            <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_zip} glm-reg-fail{/if}"><input type="text" name="bill_zip" value="{$regAccount.fieldData.bill_zip}"{if $regAccount.fieldRequired.bill_zip} required{/if}></div>
+                        </div>
+                        <div class="glm-reg-row glm-reg-bill-field">
+                            <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_country} glm-reg-required{/if}">Country:</div>
+                            <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_country} glm-reg-fail{/if}">
+                                <select name="bill_country">
+                                    <option value=""></option>
+                        {foreach $regAccount.fieldData.bill_country.list as $c}
+                                    <option value="{$c.value}"{if $regAccount.fieldData.bill_country.value == $c.value} selected="selected"{/if}>
+                                        {$c.name}
+                                    </option>
+                        {/foreach}
+                                </select>
+                            </div>
+                        </div>
+                        <div class="glm-reg-row glm-reg-bill-field">
+                            <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_phone} glm-reg-required{/if}">Phone:</div>
+                            <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_phone} glm-reg-fail{/if}"><input type="text" name="bill_phone" value="{$regAccount.fieldData.bill_phone}"{if $regAccount.fieldRequired.bill_phone} required{/if}></div>
+                        </div>
+                        <div class="glm-reg-row glm-reg-bill-field">
+                            <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_fax} glm-reg-required{/if}">FAX:</div>
+                            <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_fax} glm-reg-fail{/if}"><input type="text" name="bill_fax" value="{$regAccount.fieldData.bill_fax}"{if $regAccount.fieldRequired.fax} required{/if}></div>
                         </div>
                     </div>
                 </div>
-                <div class="glm-small-12 glm-large-6 glm-columns">
+                
+                <div class="glm-small-12 glm-large-6 glm-columns glm-reg-cart-summary">
                          <h4 id="cart-summary">Registration Summary</h4>
     
                         {assign var="summaryType" value="checkout"}
                         {include file='front/registrations/cartSummary.html'}
                 </div>
-                <div class="glm-large-6 glm-small-12 glm-columns glm-reg-billing-info" style="clear: both;">
-                    <div class="glm-reg-row"><div class="glm-small-12 glm-columns"><h4>Billing Information</h4></div></div>
-                    <div class="glm-reg-row"><div class="glm-small-12 glm-columns"><input id="glm-reg-bill-same" type="checkbox" name="billing_same" value="1"{if $regAccount.billingSame} checked{/if}>&nbsp;Same as Account Information</div></div>
-                    <div class="glm-reg-row glm-reg-bill-field">
-                        <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_fname} glm-reg-required{/if}">First Name:</div>
-                        <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_fname} glm-reg-fail{/if}"><input type="text" name="bill_fname" value="{$regAccount.fieldData.bill_fname}"{if $regAccount.fieldRequired.bill_fname} required{/if}></div>
-                    </div>
-                    <div class="glm-reg-row glm-reg-bill-field">
-                        <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_lname} glm-reg-required{/if}">Last Name:</div>
-                        <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_lname} glm-reg-fail{/if}"><input type="text" name="bill_lname" value="{$regAccount.fieldData.bill_lname}"{if $regAccount.fieldRequired.bill_lname} required{/if}></div>
-                    </div>
-                    <div class="glm-reg-row glm-reg-bill-field">
-                        <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_addr1} glm-reg-required{/if}">Address:</div>
-                        <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_addr1} glm-reg-fail{/if}"><input type="text" name="bill_addr1" value="{$regAccount.fieldData.bill_addr1}"{if $regAccount.fieldRequired.bill_addr1} required{/if}></div>
-                    </div>
-                    <div class="glm-reg-row glm-reg-bill-field">
-                        <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_addr2} glm-reg-required{/if}">&nbsp;</div>
-                        <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_addr2} glm-reg-fail{/if}"><input type="text" name="bill_addr2" value="{$regAccount.fieldData.bill_addr2}"{if $regAccount.fieldRequired.bill_addr2} required{/if}></div>
-                    </div>
-                    <div class="glm-reg-row glm-reg-bill-field">
-                        <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_city} glm-reg-required{/if}">City:</div>
-                        <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_city} glm-reg-fail{/if}"><input type="text" name="bill_city" value="{$regAccount.fieldData.bill_city}"{if $regAccount.fieldRequired.bill_city} required{/if}></div>
-                    </div>
-                    <div class="glm-reg-row glm-reg-bill-field">
-                        <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_state} glm-reg-required{/if}">State:</div>
-                        <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_state} glm-reg-fail{/if}">
-                            <select name="bill_state">
-                                <option value=""></option>
-                    {foreach $regAccount.fieldData.bill_state.list as $s}
-                                <option value="{$s.value}"{if $regAccount.fieldData.bill_state.value == $s.value} selected="selected"{/if}>
-                                    {$s.name}
-                                </option>
-                    {/foreach}
-                            </select>
-                        </div>
-                    </div>
-                    <div class="glm-reg-row glm-reg-bill-field">
-                        <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_zip} glm-reg-required{/if}">Zip/Postal Code:</div>
-                        <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_zip} glm-reg-fail{/if}"><input type="text" name="bill_zip" value="{$regAccount.fieldData.bill_zip}"{if $regAccount.fieldRequired.bill_zip} required{/if}></div>
-                    </div>
-                    <div class="glm-reg-row glm-reg-bill-field">
-                        <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_country} glm-reg-required{/if}">Country:</div>
-                        <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_country} glm-reg-fail{/if}">
-                            <select name="bill_country">
-                                <option value=""></option>
-                    {foreach $regAccount.fieldData.bill_country.list as $c}
-                                <option value="{$c.value}"{if $regAccount.fieldData.bill_country.value == $c.value} selected="selected"{/if}>
-                                    {$c.name}
-                                </option>
-                    {/foreach}
-                            </select>
-                        </div>
-                    </div>
-                    <div class="glm-reg-row glm-reg-bill-field">
-                        <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_phone} glm-reg-required{/if}">Phone:</div>
-                        <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_phone} glm-reg-fail{/if}"><input type="text" name="bill_phone" value="{$regAccount.fieldData.bill_phone}"{if $regAccount.fieldRequired.bill_phone} required{/if}></div>
-                    </div>
-                    <div class="glm-reg-row glm-reg-bill-field">
-                        <div class="glm-small-12 glm-large-3 glm-columns glm-reg-nowrap{if $regAccount.fieldRequired.bill_fax} glm-reg-required{/if}">FAX:</div>
-                        <div class="glm-small-12 glm-large-9 glm-columns{if $regAccount.fieldFail.bill_fax} glm-reg-fail{/if}"><input type="text" name="bill_fax" value="{$regAccount.fieldData.bill_fax}"{if $regAccount.fieldRequired.fax} required{/if}></div>
-                    </div>
-                </div>
             </div>
   {if $cart.totalCharges > 0}
             <div class="glm-row">
index 52bfc32..085af66 100644 (file)
 {/literal}
 {* Template for the regEvent *}{literal}
 <script type="text/template" id="regEvent-template">
-    <div class="glm-row">
-        <div class="glm-columns glm-small-12  glm-reg-event-profile">
+    <div class="row">
+        <div class="columns small-12  glm-reg-event-profile">
             <h2 id="glm-reg-event-name"><%= event_name %></h2>
-            <div class="glm-row">
+            <div class="row">
                 {/literal}
               
                 {if $regEvent.image}
-                <div class="glm-small-12 glm-medium-4 glm-columns glm-reg-image-container"> 
+                <div class="small-12 medium-4 columns glm-reg-image-container"> 
                     <img src="{$imgBaseUrl}/medium/{$regEvent.image}"/>
                 </div>
                 {/if}
-                <div class="glm-small-12 glm-medium-4 glm-columns glm-reg-event-profile-details-container">
+                <div class="small-12 medium-4 columns glm-reg-event-profile-details-container">
                 
-                    <div class="glm-row"> 
-                        <div class="glm-small-12 glm-columns glm-reg-event-profile-details glm-reg-date"> {$regEvent.last_datetime.timestamp|date_format:"%A, %B %e, %Y"}</div>
+                    <div class="row"> 
+                        <div class="small-12 columns glm-reg-event-profile-details glm-reg-date"> {$regEvent.last_datetime.timestamp|date_format:"%A, %B %e, %Y"}</div>
                         {if $regEvent.first_datetime.timestamp != $regEvent.last_datetime.timestamp}
-                            <div class="glm-small-12 glm-columns glm-reg-event-profile-details glm-reg-time"> {$regEvent.first_datetime.timestamp|date_format:"%l:%M %p"} - {$regEvent.last_datetime.timestamp|date_format:"%l:%M %p"}</div>
+                            <div class="small-12 columns glm-reg-event-profile-details glm-reg-time"> {$regEvent.first_datetime.timestamp|date_format:"%l:%M %p"} - {$regEvent.last_datetime.timestamp|date_format:"%l:%M %p"}</div>
                         {else}
-                             <div class="glm-small-12 glm-columns glm-reg-event-profile-details glm-reg-time"> {$regEvent.first_datetime.timestamp|date_format:"%l:%M %p"}</div>
+                             <div class="small-12 columns glm-reg-event-profile-details glm-reg-time"> {$regEvent.first_datetime.timestamp|date_format:"%l:%M %p"}</div>
                         {/if}
-                        <div class="glm-small-12 glm-columns glm-reg-event-profile-details glm-reg-location"> {$regEvent.locations.name}</div>
+                        <div class="small-12 columns glm-reg-event-profile-details glm-reg-location"> {$regEvent.locations.name}</div>
                     </div>
                 </div>
-                
-                <div class="glm-row">
-                    {if $regEvent.locations.lat && $regEvent.locations.lon}
-                        
-                        <div class="glm-small-12 glm-medium-4 glm-columns glm-reg-event-profile-map-container">
-                            <div id="glm-reg-map-container">
-                                <div id="glm-reg-map" class="glm-reg-map">(map loads here)</div>
+                <div class="small-12 columns">
+                    <div class="row">
+                        {if $regEvent.locations.lat && $regEvent.locations.lon}
+
+                            <div class="small-12 medium-4 columns glm-reg-event-profile-map-container">
+                                <div id="glm-reg-map-container">
+                                    <div id="glm-reg-map" class="glm-reg-map">(map loads here)</div>
+                                </div>
                             </div>
-                        </div>
-                        <div class="glm-small-12 glm-columns glm-reg-event-profile-details">
-                            <div id="glm-reg-detail-map-button" class="button map-button">View Map</div>
-                            <form id="MemberDrivingDirectionsForm" name="MemberDrivingDirectionsForm" method="post" action="">
-                                <input type="hidden" id="MemberLocation" name="MemberLocation" value="{$member.member_name|escape}">
-                                <input type="hidden" id="MemberLat" name="MemberLat" value="{$regEvent.locations.lat}">
-                                <input type="hidden" id="MemberLon" name="MemberLon" value="{$regEvent.locations.lon}">
-                                <input type="submit" class="button map-button text-center glm-reg-detail-directions-button map-button" id="glm-reg-detail-directions-button" name="MemberDrivingDirectionSubmit" value="Directions">
-                            </form>
-                        </div>
-                    {/if}
-                    {literal}
-                    <% if ( descr ) { %><div class="glm-small-12 glm-columns glm-reg-event-profile-details"><%= descr %></div><% } %>
-                    <% if ( terms ) { %><div class="glm-small-12 glm-columns glm-reg-event-profile-details"><%= terms %></div><% } %>
-                
-                    <div class="glm-small-12 glm-columns glm-reg-event-profile-details">
-                        <% if ( this.getClassCount() == 0 ) { %>
-                            <p> Registrations not available at this time. </p>
-                        <% } else { %>
-                            <% if ( !time_specific ) { %>
-                                <p>Attend any time during event</p>
-                                <% _.each(reg_time, function(rTime){ %>
-                                    <% if ( rTime.attendee_max > 0 ) { %>
-                                <p> Maximum Registrants: <%= rTime.attendee_max %><br>
-                                    Currently Available: <%= rTime.attendees_available %> </p>
-                                    <% } %>
-                                <% }); %>
+                            <div class="small-12 columns glm-reg-event-profile-details">
+                                <div id="glm-reg-detail-map-button" class="button map-button">View Map</div>
+                                <form id="MemberDrivingDirectionsForm" name="MemberDrivingDirectionsForm" method="post" action="">
+                                    <input type="hidden" id="MemberLocation" name="MemberLocation" value="{$member.member_name|escape}">
+                                    <input type="hidden" id="MemberLat" name="MemberLat" value="{$regEvent.locations.lat}">
+                                    <input type="hidden" id="MemberLon" name="MemberLon" value="{$regEvent.locations.lon}">
+                                    <input type="submit" class="button map-button text-center glm-reg-detail-directions-button map-button" id="glm-reg-detail-directions-button" name="MemberDrivingDirectionSubmit" value="Directions">
+                                </form>
+                            </div>
+                        {/if}
+                        {literal}
+                        <% if ( descr ) { %><div class="small-12 columns glm-reg-event-profile-details"><%= descr %></div><% } %>
+                        <% if ( terms ) { %><div class="small-12 columns glm-reg-event-profile-details"><%= terms %></div><% } %>
+
+                        <div class="small-12 columns glm-reg-event-profile-details">
+                            <% if ( this.getClassCount() == 0 ) { %>
+                                <p> Registrations not available at this time. </p>
                             <% } else { %>
+                                <% if ( !time_specific ) { %>
+                                    <p>Attend any time during event</p>
+                                    <% _.each(reg_time, function(rTime){ %>
+                                        <% if ( rTime.attendee_max > 0 ) { %>
+                                    <p> Maximum Registrants: <%= rTime.attendee_max %><br>
+                                        Currently Available: <%= rTime.attendees_available %> </p>
+                                        <% } %>
+                                    <% }); %>
+                                <% } else { %>
+                                <% } %>
                             <% } %>
-                        <% } %>
+                        </div>
                     </div>
                 </div>
             </div>
         </div>
-        <div class="glm-columns glm-small-12 glm-reg-classes"></div>
-        <div class="glm-columns glm-small-12">
+        <div class="columns small-12 glm-reg-classes"></div>
+        <div class="columns small-12">
             <div class="glm-reg-submit">
                 <div class="glm-reg-warning">You have not yet submitted your registration! <img src="{/literal}{$assetUrl}{literal}/fingerRightRed.svg" style="height: 2em;">
                     <input class="button" id="glm-reg-cart-continue" type="submit" value="Continue" />
 {/literal}
 {* Template for regClass *}{literal}
 <script type="text/template" id="regClass-template">
-    <div class="glm-row">
-        <div class="glm-columns glm-small-12 glm-reg-class-container">
-            <div class="glm-row glm-reg-event-details">
-                <span class="glm-columns glm-small-12 glm-large-3 glm-reg-level-title glm-reg-level-info"><%= name %></span>
+    <div class="row">
+        <div class="columns small-12 glm-reg-class-container">
+            <div class="row glm-reg-event-details">
+                <span class="columns small-12 large-3 glm-reg-level-title glm-reg-level-info"><%= name %></span>
                 
-                <div class="glm-columns glm-small-12 glm-large-2 glm-reg-level-info"> <%= reg_rate_name  %> </div>
+                <div class="columns small-12 large-2 glm-reg-level-info"> <%= reg_rate_name  %> </div>
                 <% if( reg_rate_base_price ){ %>
-                    <div class="glm-columns glm-small-12 glm-large-2 glm-reg-level-info"> Base Rate: $<%= reg_rate_base_price %> </div>
+                    <div class="columns small-12 large-2 glm-reg-level-info"> Base Rate: $<%= reg_rate_base_price %> </div>
                 <% } %>
                 <% if( reg_rate_per_reg ){ %>
-                    <div class="glm-columns glm-small-12 glm-large-2 glm-reg-level-info"> Per Registrant: $<%= reg_rate_per_reg %> </div>
+                    <div class="columns small-12 large-2 glm-reg-level-info"> Per Registrant: $<%= reg_rate_per_reg %> </div>
                 <% } %>
                 <% if( registrant_credits ){ %>
-                    <div class="glm-columns glm-small-12 glm-large-2 glm-reg-level-info"> Per Registrant: $<%= registrant_credits %> </div>
+                    <div class="columns small-12 large-2 glm-reg-level-info"> Per Registrant: $<%= registrant_credits %> </div>
                 <% } %>
 
-                <div class="glm-columns glm-small-12 glm-reg-level-info">
+                <div class="columns small-12 glm-reg-level-info">
                     <%- descr %>
                 </div>
-                <div class="glm-columns glm-small-12 glm-hidden">
+                <div class="columns small-12 glm-hidden">
                     <% if ( app.timeSpecific ) { %>
                         <input class="timeSelection" type="hidden" name="timeOption">
                     <% } else { %>
                     <% } %>
                 </div>
             </div>
-            <div class="reg-class-detail">
+            <div class="row reg-class-detail">
                 &nbsp;
                 <div class="reg-class-times"> </div>
                 
                 <% if ( app.timeSpecific ) { %>
-                    <div class="glm-reg-warning glm-medium-up">
+                    <div class="glm-reg-warning show-for-medium-up">
                         Please select a Date / Time!
                         <img src="{/literal}{$assetUrl}{literal}/fingerRightRed.svg" style="height: 2em;">
                     </div>
-                    <div class="glm-reg-warning glm-small-only">
+                    <div class="glm-reg-warning show-for-small-only">
                         Please select a Date / Time!
                         <img src="{/literal}{$assetUrl}{literal}/fingerDownRed.svg" style="height: 2em;">
                     </div>
                 <% } %>
             </div>
         </div>
-<!--        <div class="glm-columns glm-small-12 glm-large-6">
+<!--        <div class="columns small-12 large-6">
             <div id="eventCalendar-<%= id %>" style="width: 95%;"></div>
         </div>-->
     </div>
 <script type="text/template" id="eventReg-registrant-add">
     {/literal}{if $regEvent.time_specific.value}
     {/if}{literal}
-        <div class="glm-row">
-            <div class="glm-columns glm-small-12 glm-large-12">
+        <div>
+            <div>
                 <h4>{/literal}{$terms.reg_term_attendee_cap} Info{literal}</h4>
-                <div class="glm-row">
-                    <div class="glm-columns glm-large-4 glm-small-12">First Name</div>
-                    <div class="glm-columns glm-large-8 glm-small-12"><input class="add_reg_fname" value="<%- fname %>"></div>
+                <div class="row">
+                    <div class="columns large-4 small-12">First Name</div>
+                    <div class="columns large-8 small-12"><input class="add_reg_fname" value="<%- fname %>"></div>
                 </div>
-                <div class="glm-row">
-                    <div class="glm-columns glm-large-4 glm-small-12">Last Name</div>
-                    <div class="glm-columns glm-large-8 glm-small-12"><input class="add_reg_lname" value="<%- lname %>"></div>
+                <div class="row">
+                    <div class="columns large-4 small-12">Last Name</div>
+                    <div class="columns large-8 small-12"><input class="add_reg_lname" value="<%- lname %>"></div>
                 </div>
-                <div class="glm-row">
-                    <div class="glm-columns glm-large-4 glm-small-12">Email Address</div>
-                    <div class="glm-columns glm-large-8 glm-small-12"><input class="add_reg_email" value="<%- email %>"></div>
+                <div class="row">
+                    <div class="columns large-4 small-12">Email Address</div>
+                    <div class="columns large-8 small-12"><input class="add_reg_email" value="<%- email %>"></div>
                 </div>
-                <div class="glm-row">
+                <div>
                     <a class="show-hide-address">Address (show/hide)</a>
                 </div>
-                <div class="glm-row ereg-addr">
-                    <div class="glm-columns glm-large-4 glm-small-12">Address 1</div>
-                    <div class="glm-columns glm-large-8 glm-small-12"><input class="add_reg_addr1" value="<%- addr1 %>"></div>
+                <div class="row ereg-addr">
+                    <div class="columns large-4 small-12">Address 1</div>
+                    <div class="columns large-8 small-12"><input class="add_reg_addr1" value="<%- addr1 %>"></div>
                 </div>
-                <div class="glm-row ereg-addr">
-                    <div class="glm-columns glm-large-4 glm-small-12">Address 2</div>
-                    <div class="glm-columns glm-large-8 glm-small-12"><input class="add_reg_addr2" value="<%- addr2 %>"></div>
+                <div class="row ereg-addr">
+                    <div class="columns large-4 small-12">Address 2</div>
+                    <div class="columns large-8 small-12"><input class="add_reg_addr2" value="<%- addr2 %>"></div>
                 </div>
-                <div class="glm-row ereg-addr">
-                    <div class="glm-columns glm-large-4 glm-small-12">City</div>
-                    <div class="glm-columns glm-large-8 glm-small-12"><input class="add_reg_city" value="<%- city %>"></div>
+                <div class="row ereg-addr">
+                    <div class="columns large-4 small-12">City</div>
+                    <div class="columns large-8 small-12"><input class="add_reg_city" value="<%- city %>"></div>
                 </div>
-                <div class="glm-row ereg-addr">
-                    <div class="glm-columns glm-large-4 glm-small-12">State</div>
-                    <div class="glm-columns glm-large-8 glm-small-12"><input class="add_reg_state" value="<%- state %>"></div>
+                <div class="row ereg-addr">
+                    <div class="columns large-4 small-12">State</div>
+                    <div class="columns large-8 small-12"><input class="add_reg_state" value="<%- state %>"></div>
                 </div>
-                <div class="glm-row ereg-addr">
-                    <div class="glm-columns glm-large-4 glm-small-12">Zip/Postal Code</div>
-                    <div class="glm-columns glm-large-8 glm-small-12"><input class="add_reg_zip" value="<%- zip %>"></div>
+                <div class="row ereg-addr">
+                    <div class="columns large-4 small-12">Zip/Postal Code</div>
+                    <div class="columns large-8 small-12"><input class="add_reg_zip" value="<%- zip %>"></div>
                 </div>
-                <div class="glm-row ereg-addr">
-                    <div class="glm-columns glm-large-4 glm-small-12">Country</div>
-                    <div class="glm-columns glm-large-8 glm-small-12"><input class="add_reg_country" value="<%- country %>"></div>
+                <div class="row ereg-addr">
+                    <div class="columns large-4 small-12">Country</div>
+                    <div class="columns large-8 small-12"><input class="add_reg_country" value="<%- country %>"></div>
                 </div>
                 {/literal}{if $regEvent.time_specific.value}
                     <!-- Selected Time: <span id="add_reg-select-time-display"></span> -->
                 {/if}{literal}
             </div>
         </div>
-    <div class="glm-row">
+    <div>
         <input class="add-new-registrant button tiny" value="Add {/literal}{$terms.reg_term_attendee_cap}{literal}" type="submit">
         <a class="add-new-registrant-cancel">Cancel</a>
     </div>
         <div class="glm-registrant-edit" title="Edit"><%= fname %> <%= lname %> <%= email %><span class="dashicons dashicons-edit"></span></div>
         <div class="reg-edit-form">
             {/literal}{literal}
-                <div class="glm-columns glm-small-12 glm-large-12">
+                <div class="columns small-12 large-12">
                     <h4>{/literal}{$terms.reg_term_attendee_cap} Info{literal}</h4>
-                    <div class="glm-row">
-                        <div class="glm-columns glm-large-4 glm-small-12">First Name</div>
-                        <div class="glm-columns glm-large-8 glm-small-12"><input class="reg_fname" value="<%- fname %>"></div>
+                    <div class="row">
+                        <div class="columns large-4 small-12">First Name</div>
+                        <div class="columns large-8 small-12"><input class="reg_fname" value="<%- fname %>"></div>
                     </div>
-                    <div class="glm-row">
-                        <div class="glm-columns glm-large-4 glm-small-12">Last Name</div>
-                        <div class="glm-columns glm-large-8 glm-small-12"><input class="reg_lname" value="<%- lname %>"></div>
+                    <div class="row">
+                        <div class="columns large-4 small-12">Last Name</div>
+                        <div class="columns large-8 small-12"><input class="reg_lname" value="<%- lname %>"></div>
                     </div>
-                    <div class="glm-row">
-                        <div class="glm-columns glm-large-4 glm-small-12">Email Address</div>
-                        <div class="glm-columns glm-large-8 glm-small-12"><input class="reg_email" value="<%- email %>"></div>
+                    <div class="row">
+                        <div class="columns large-4 small-12">Email Address</div>
+                        <div class="columns large-8 small-12"><input class="reg_email" value="<%- email %>"></div>
                     </div>
-                    <div class="glm-row">
+                    <div>
                         <a class="show-hide-address">Address (show/hide)</a>
                     </div>
-                    <div class="glm-row ereg-addr">
-                        <div class="glm-columns glm-large-4 glm-small-12">Address 1</div>
-                        <div class="glm-columns glm-large-8 glm-small-12"><input class="reg_addr1" value="<%- addr1 %>"></div>
+                    <div class="row ereg-addr">
+                        <div class="columns large-4 small-12">Address 1</div>
+                        <div class="columns large-8 small-12"><input class="reg_addr1" value="<%- addr1 %>"></div>
                     </div>
-                    <div class="glm-row ereg-addr">
-                        <div class="glm-columns glm-large-4 glm-small-12">Address 2</div>
-                        <div class="glm-columns glm-large-8 glm-small-12"><input class="reg_addr2" value="<%- addr2 %>"></div>
+                    <div class="row ereg-addr">
+                        <div class="columns large-4 small-12">Address 2</div>
+                        <div class="columns large-8 small-12"><input class="reg_addr2" value="<%- addr2 %>"></div>
                     </div>
-                    <div class="glm-row ereg-addr">
-                        <div class="glm-columns glm-large-4 glm-small-12">City</div>
-                        <div class="glm-columns glm-large-8 glm-small-12"><input class="reg_city" value="<%- city %>"></div>
+                    <div class="row ereg-addr">
+                        <div class="columns large-4 small-12">City</div>
+                        <div class="columns large-8 small-12"><input class="reg_city" value="<%- city %>"></div>
                     </div>
-                    <div class="glm-row ereg-addr">
-                        <div class="glm-columns glm-large-4 glm-small-12">State</div>
-                        <div class="glm-columns glm-large-8 glm-small-12"><input class="reg_state" value="<%- state %>"></div>
+                    <div class="row ereg-addr">
+                        <div class="columns large-4 small-12">State</div>
+                        <div class="columns large-8 small-12"><input class="reg_state" value="<%- state %>"></div>
                     </div>
-                    <div class="glm-row ereg-addr">
-                        <div class="glm-columns glm-large-4 glm-small-12">Zip/Postal Code</div>
-                        <div class="glm-columns glm-large-8 glm-small-12"><input class="reg_zip" value="<%- zip %>"></div>
+                    <div class="row ereg-addr">
+                        <div class="columns large-4 small-12">Zip/Postal Code</div>
+                        <div class="columns large-8 small-12"><input class="reg_zip" value="<%- zip %>"></div>
                     </div>
-                    <div class="glm-row ereg-addr">
-                        <div class="glm-columns glm-large-4 glm-small-12">Country</div>
-                        <div class="glm-columns glm-large-8 glm-small-12"><input class="reg_country" value="<%- country %>"></div>
+                    <div class="row ereg-addr">
+                        <div class="columns large-4 small-12">Country</div>
+                        <div class="columns large-8 small-12"><input class="reg_country" value="<%- country %>"></div>
                     </div>
                 </div>
             {/literal}{if $regEvent.time_specific.value}
     </div>
 {/if}
 
-    <div class="glm-reg-row">
-        <div id="regApp" class="glm-columns glm-small-12">
+    <div class="row">
+        <div id="regApp" class="columns small-12">
         </div>
     </div>
 </div>
index f2b0caf..2cc3961 100644 (file)
@@ -1,9 +1,9 @@
 
 <div id="checkoutSuccess">
-    <div>
+    <div id="checkout-success-title">
         <h3>Summary of Submitted Registration Request</h3>
     </div>
-    <div>
+    <div id="checkout-success-summary">
         {$misc.summary_page_text}
     </div>