[Movecommons-commits] r448 - in trunk: src wp-theme

[Mario Gallegos]

Author: mgallegos
Date: 2012-06-04 20:47:31 +0200 (Mon, 04 Jun 2012)
New Revision: 448

Modified:
   trunk/src/mc-dia-form2.css
   trunk/wp-theme/mc2-form.php
Log:


Modified: trunk/src/mc-dia-form2.css
===================================================================
--- trunk/src/mc-dia-form2.css	2012-06-02 23:46:22 UTC (rev 447)
+++ trunk/src/mc-dia-form2.css	2012-06-04 18:47:31 UTC (rev 448)
@@ -30,7 +30,7 @@
     overflow: hidden;
     position: relative;*/
 }
-    #containerSlides #first_step, #second_step, #third_step, #fourth_step, #fifth_step { display: none; }
+    #containerSlides #first_step, #second_step, #third_step, #fourth_step, #fifth_step, #sixth_step { display: none; }
     #containerSlides #first_step { display: block; width: 754px;padding-top:25px;position: relative;margin: 0 auto;}
 
     #containerSlides .form { margin: 20px 72px 0 72px; }
@@ -110,7 +110,7 @@
 /*    #containerSlides select { padding: 5px 0 5px 25px; }
      #containerSlides option { padding: 0 15px; }*/
 
-    #first_step label {
+    #languages_tag,#keywords_tag, #first_step label {
         color: #666;
         font-size: 12px;
         font-weight: bold;
@@ -138,6 +138,7 @@
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
 }
+
 #progress_text {
     position: relative;
     line-height: 21px;
@@ -151,6 +152,29 @@
     left: 0;
 }
 
+.progressLine {
+	width: 520px;
+	margin: 1px 0 19px;
+	height: 32px;
+	background: url('/mc/0.1/images/progressLine.png') position: relative;
+}
 
+.complete {
+	width: 520px;
+	margin: 0 0 19px;
+	height: 32px;
+	background: url('/mc/0.1/images/progressLine.png') position: relative;
+	background-position: 0px 57px;		
+}	
 
+.marker {
+	position: absolute;
+	top: 0;
+	right: -26px;
+	background: url('/img/backgrounds/markers.png');
+	width: 26px;
+	height: 32px;
+}
 
+
+

Modified: trunk/wp-theme/mc2-form.php
===================================================================
--- trunk/wp-theme/mc2-form.php	2012-06-02 23:46:22 UTC (rev 447)
+++ trunk/wp-theme/mc2-form.php	2012-06-04 18:47:31 UTC (rev 448)
@@ -34,7 +34,14 @@
 <div id="containerSlides">
 	<form action="#" method="post">
 	<div id="first_step" class="mc-form-category-group-a-v2"> <!-- First slide -->
+		<div class="progressLine">
+		    <div class="complete" style="width: 19px;">
+		        <div class="marker"></div>
+		    </div>
+		</div>
+	<!-- 
 		<h1>FRAME YOUR INITIATIVE OR COLLECTIVE</h1>
+	 -->	
 		<div class="form">
 			<input type="text" name="ininame" value="Name of your initiative" id="ininame" class="firstStepInput"/>
 			<label for="ininame"><span class="required-field">*</span><?php _e("Name of your initiative or collective", "mc"); ?></label>
@@ -53,7 +60,12 @@
 	</div><!-- End first slide -->
 	<div class="clear"></div>		
  	
-	<div id="second_step"> <!-- Second slide -->		
+	<div id="second_step"> <!-- Second slide -->
+		<div class="progressLine">
+		    <div class="complete" style="width: 111px;">
+		        <div class="marker" style="background-position: -26px 0;"></div>
+		    </div>
+		</div>			
 		  <!-- <label id="mc-optional-optional-boxes"><?php _e("Click on those you think corespond to your initiative:", "mc"); ?></label> -->  
 		  <div class="mc-cat-group-v2" id="mc-cat-group-a">		  	
 		  	<div style="float: left;" class="mc-form-category-group-a-v2">		  	
@@ -113,7 +125,11 @@
 	<div class="clear"></div>		
 	
 	<div id="third_step"><!-- Third slide -->
-	
+		<div class="progressLine">
+		    <div class="complete" style="width: 203px;">
+		        <div class="marker" style="background-position: -52px 0;"></div>
+		    </div>
+		</div>	
 		<div class="mc-cat-group-v2" id="mc-cat-group-b">		  	
 	  		<div style="float: left;" class="mc-form-category-group-a-v2">		  	
 			  	<div class="mc-form-rounded mc-form-category-group-v2 float-left" id="mc-form-category-group-b">				    
@@ -193,6 +209,11 @@
 	<div class="clear"></div>		
 						  
 	<div id="fourth_step"><!-- Fourth slide -->
+		<div class="progressLine">
+		    <div class="complete" style="width: 295px;">
+		        <div class="marker" style="background-position: -78px 0;"></div>
+		    </div>
+		</div>	
 		<div class="mc-cat-group-v2" id="mc-cat-group-c">		  	
 		  	<div style="float: left;" class="mc-form-category-group-a-v2">
 			  	<div class="mc-form-rounded mc-form-category-group-v2 float-left" style="padding-top: 35px;" id="mc-form-category-group-c">				    
@@ -235,14 +256,19 @@
 					  	</div>					  					  					  
 			  	</div>
 			  	<div class="clear"></div>
-			  	<input class="submit" type="submit" name="submit_fourth" id="submit_fourth" value="" style="left: 800px;"/>
+			  		<input class="submit" type="submit" name="submit_fourth" id="submit_fourth" value="" style="left: 800px;"/>
 			  	<div class="clear"></div>
 		  	</div>			  	
 		  </div>		  
 		  <div class="mc-clean"></div>		
 	</div><!-- End Fourth slide -->
 	<div class="clear"></div>		
-	<div id="fifth_step"><!-- Fifth slide -->	
+	<div id="fifth_step"><!-- Fifth slide -->
+		<div class="progressLine">
+		    <div class="complete" style="width: 386px;">
+		        <div class="marker" style="background-position: -104px 0;"></div>
+		    </div>
+		</div>		
 		<div class="mc-cat-group-v2" id="mc-cat-group-d">
 		  	<div style="float: left;" class="mc-form-category-group-a-v2">		  	
 			  	<div class="mc-form-rounded mc-form-category-group-v2 float-left" id="mc-form-category-group-d">			    
@@ -298,11 +324,17 @@
 	  </div>
 	  <div class="mc-clean"></div>		
 	</div><!-- End Fifth slide -->	
+	<div id="sixth_step"><!--Sixth slide -->
+		<div class="progressLine">
+		    <div class="complete" style="width: 478px;">
+		        <div class="marker" style="background-position: -130px 0;"></div>
+		    </div>
+		</div>	
+	</div><!-- End Sixth slide -->
 	
 	
 	
 	
-	
 </form>	 		
 </div> <!-- End Slider -->