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 -->
