June 2012 - Movecommons-commits - lists.ourproject.org

r457 - in trunk: src wp-theme
by Mario Gallegos 05 Jun '12

05 Jun '12

Author: mgallegos Date: 2012-06-05 16:28:28 +0200 (Tue, 05 Jun 2012) New Revision: 457 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-04 22:07:30 UTC (rev 456) +++ trunk/src/mc-dia-form2.css 2012-06-05 14:28:28 UTC (rev 457) @@ -16,8 +16,8 @@ } -input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border : none; } -input[type="submit"]:focus, input[type="button"]:focus { outline : none; } +/*input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border : none; } +input[type="submit"]:focus, input[type="button"]:focus { outline : none; }*/ .clear { clear: both; } @@ -88,12 +88,12 @@ } - #containerSlides input.submit { - background: url('/mc/0.1/images/button.png') no-repeat; + .submit { + /*background: url('/mc/0.1/images/button.png') no-repeat; border: none; cursor: pointer; width: 85px; - height: 38px; + height: 38px;*/ position: relative; bottom: 2px; left: 655px; @@ -126,6 +126,13 @@ margin: 13px -25px; width: 270px; } + + .label2 { + color: #666; + font-size: 12px; + font-weight: bold; + line-height: 14px; + } #progress_bar { Modified: trunk/wp-theme/mc2-form.php =================================================================== --- trunk/wp-theme/mc2-form.php 2012-06-04 22:07:30 UTC (rev 456) +++ trunk/wp-theme/mc2-form.php 2012-06-05 14:28:28 UTC (rev 457) @@ -35,7 +35,7 @@ <form action="#" method="post"> <div id="first_step" class="mc-form-category-group-a-v2">  <div class="progressLine"> - <div class="complete" style="width: 19px;"> + <div class="complete" style="width: 19px;margin-top: 0"> <div class="marker"></div> </div> </div> @@ -55,7 +55,7 @@ <label for="location"><?php _e("Location....", "mc"); ?></label> </div> <div class="clear"></div> - <input class="submit" type="submit" name="submit_first" id="submit_first" value="" /> + <button class="submit" type="submit" name="submit_first" id="submit_first">Next</button> <div class="clear"></div> </div> <div class="clear"></div> @@ -68,7 +68,8 @@ <div class="complete" style="width: 111px;"> <div class="marker" style="background-position: -26px 0;"></div> </div> - </div> + </div> + <span class="label2">1. Fill out the following form</span> <div class="mc-form-rounded mc-form-category-group-v2 float-left" id="mc-form-category-group-a"> <img src="/mc/0.1/images/cat-selected.png" alt="selected" class="mc-cat-selected mc-cat-selected-a" id="mc-cat-selected-np" /> <div id="mc-form-np" class="mc-form-rounded mc-form-descbox mc-form-descbox-a"> @@ -116,7 +117,7 @@ </div> </div> <div class="clear"></div> - <input class="submit" type="submit" name="submit_second" id="submit_second" value="" style="left: 800px;"/> + <button class="submit" type="submit" name="submit_second" id="submit_second" style="left: 800px;">Next</button> <div class="clear"></div> </div> </div> @@ -199,7 +200,7 @@ </div> </div> <div class="clear"></div> - <input class="submit" type="submit" name="submit_third" id="submit_third" value="" style="left: 800px;"/> + <button class="submit" type="submit" name="submit_third" id="submit_third" style="left: 800px;">Next</button> <div class="clear"></div> </div> </div> @@ -256,7 +257,7 @@ </div> </div> <div class="clear"></div> - <input class="submit" type="submit" name="submit_fourth" id="submit_fourth" value="" style="left: 800px;"/> + <button class="submit" type="submit" name="submit_fourth" id="submit_fourth" value="" style="left: 800px;">Next</button> <div class="clear"></div> </div> </div> @@ -318,7 +319,7 @@ </div> </div> <div class="clear"></div> - <input class="submit" type="submit" name="submit_fifth" id="submit_fifth" value="" style="left: 800px;"/> + <button class="submit" type="submit" name="submit_fifth" id="submit_fifth" value="" style="left: 800px;">Next</button> <div class="clear"></div> </div> </div> @@ -334,12 +335,9 @@ <div style="width: 903px;height: 400px;"> </div> <div class="clear"></div> - </div> - </div> - - - - + </div> + <div class="clear"></div> + </div> </form> </div>  @@ -364,7 +362,7 @@ <script type='text/javascript' src='/mc/0.1/jquery.checkbox.min.js'></script> <script type="text/javascript" src="/mc/0.1/jquery.inputfocus-0.9.min.js"></script> <script type="text/javascript" src="/mc/0.1/mc-dia-form2.js"></script> -<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/black-tie/jquer…"/> +<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/ui-lightness/jq…"/> <link rel="stylesheet" type="text/css" href="/mc/0.1/jquery.checkbox.css"/> <link rel="stylesheet" type="text/css" href="/mc/0.1/mc-dia-form2.css"/> @@ -384,6 +382,7 @@ $j('#rp-checkbox').checkbox(); $j('#rc-checkbox').checkbox(); $j('#gr-checkbox').checkbox(); + $j('button').button(); /* $j('#slider1').bxSlider({startingSlide:0}); $j('#fifth').remove();

1 0

r456 - in trunk: src wp-theme
by Mario Gallegos 04 Jun '12

04 Jun '12

Author: mgallegos Date: 2012-06-05 00:07:30 +0200 (Tue, 05 Jun 2012) New Revision: 456 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-04 19:33:52 UTC (rev 455) +++ trunk/src/mc-dia-form2.css 2012-06-04 22:07:30 UTC (rev 456) @@ -169,7 +169,7 @@ .complete { width: 520px; - margin: 0 0 19px; + margin: 25px 0 19px; height: 32px; background: url('/mc/0.1/images/progressLine.png'); position: relative; Modified: trunk/wp-theme/mc2-form.php =================================================================== --- trunk/wp-theme/mc2-form.php 2012-06-04 19:33:52 UTC (rev 455) +++ trunk/wp-theme/mc2-form.php 2012-06-04 22:07:30 UTC (rev 456) @@ -329,8 +329,11 @@ <div class="progressLine"> <div class="complete" style="width: 478px;"> <div class="marker" style="background-position: -130px 0;"></div> - </div> + </div> </div> + <div style="width: 903px;height: 400px;"> + </div> + <div class="clear"></div> </div> </div>

1 0

r455 - trunk/wp-theme
by Mario Gallegos 04 Jun '12

04 Jun '12

Author: mgallegos Date: 2012-06-04 21:33:52 +0200 (Mon, 04 Jun 2012) New Revision: 455 Modified: trunk/wp-theme/mc2-form.php Log: Modified: trunk/wp-theme/mc2-form.php =================================================================== --- trunk/wp-theme/mc2-form.php 2012-06-04 19:27:55 UTC (rev 454) +++ trunk/wp-theme/mc2-form.php 2012-06-04 19:33:52 UTC (rev 455) @@ -62,13 +62,13 @@ <div id="second_step">   - <div class="mc-cat-group-v2" id="mc-cat-group-a"> - <div class="progressLine"> + <div class="mc-cat-group-v2" id="mc-cat-group-a"> + <div style="float: left;" class="mc-form-category-group-a-v2"> + <div class="progressLine"> <div class="complete" style="width: 111px;"> <div class="marker" style="background-position: -26px 0;"></div> </div> - </div> - <div style="float: left;" class="mc-form-category-group-a-v2"> + </div> <div class="mc-form-rounded mc-form-category-group-v2 float-left" id="mc-form-category-group-a"> <img src="/mc/0.1/images/cat-selected.png" alt="selected" class="mc-cat-selected mc-cat-selected-a" id="mc-cat-selected-np" /> <div id="mc-form-np" class="mc-form-rounded mc-form-descbox mc-form-descbox-a"> @@ -125,13 +125,13 @@ <div class="clear"></div> <div id="third_step"> - <div class="mc-cat-group-v2" id="mc-cat-group-b"> - <div class="progressLine"> - <div class="complete" style="width: 203px;"> - <div class="marker" style="background-position: -52px 0;"></div> - </div> - </div> - <div style="float: left;" class="mc-form-category-group-a-v2"> + <div class="mc-cat-group-v2" id="mc-cat-group-b"> + <div style="float: left;" class="mc-form-category-group-a-v2"> + <div class="progressLine"> + <div class="complete" style="width: 203px;"> + <div class="marker" style="background-position: -52px 0;"></div> + </div> + </div> <div class="mc-form-rounded mc-form-category-group-v2 float-left" id="mc-form-category-group-b"> <img src="/mc/0.1/images/cat-selected.png" alt="selected" class="mc-cat-selected mc-cat-selected-a" id="mc-cat-selected-rp" /> <div id="mc-form-rp" class="mc-form-rounded mc-form-descbox mc-form-descbox-a"> @@ -209,13 +209,13 @@ <div class="clear"></div> <div id="fourth_step"> - <div class="mc-cat-group-v2" id="mc-cat-group-c"> - <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="progressLine"> + <div class="complete" style="width: 295px;"> + <div class="marker" style="background-position: -78px 0;"></div> + </div> + </div> <div class="mc-form-rounded mc-form-category-group-v2 float-left" style="padding-top: 35px;" id="mc-form-category-group-c"> <img src="/mc/0.1/images/cat-selected.png" alt="selected" class="mc-cat-selected mc-cat-selected-a" id="mc-cat-selected-rc" /> <div id="mc-form-rc" class="mc-form-rounded mc-form-descbox mc-form-descbox-a"> @@ -264,13 +264,13 @@ </div> <div class="clear"></div> <div id="fifth_step"> - <div class="mc-cat-group-v2" id="mc-cat-group-d"> - <div class="progressLine"> - <div class="complete" style="width: 386px;"> - <div class="marker" style="background-position: -104px 0;"></div> - </div> - </div> - <div style="float: left;" class="mc-form-category-group-a-v2"> + <div class="mc-cat-group-v2" id="mc-cat-group-d"> + <div style="float: left;" class="mc-form-category-group-a-v2"> + <div class="progressLine"> + <div class="complete" style="width: 386px;"> + <div class="marker" style="background-position: -104px 0;"></div> + </div> + </div> <div class="mc-form-rounded mc-form-category-group-v2 float-left" id="mc-form-category-group-d"> <img src="/mc/0.1/images/cat-selected.png" alt="selected" class="mc-cat-selected mc-cat-selected-a" id="mc-cat-selected-gr" /> <div id="mc-form-gr" class="mc-form-rounded mc-form-descbox mc-form-descbox-a"> @@ -325,10 +325,12 @@ <div class="mc-clean"></div> </div> <div id="sixth_step"> - <div class="progressLine"> - <div class="complete" style="width: 478px;"> - <div class="marker" style="background-position: -130px 0;"></div> - </div> + <div style="float: left;" class="mc-form-category-group-a-v2"> + <div class="progressLine"> + <div class="complete" style="width: 478px;"> + <div class="marker" style="background-position: -130px 0;"></div> + </div> + </div> </div> </div>

1 0

r454 - in trunk: src wp-theme
by Mario Gallegos 04 Jun '12

04 Jun '12

Author: mgallegos Date: 2012-06-04 21:27:55 +0200 (Mon, 04 Jun 2012) New Revision: 454 Modified: trunk/src/mc-dia-form2.js trunk/wp-theme/mc2-form.php Log: Modified: trunk/src/mc-dia-form2.js =================================================================== --- trunk/src/mc-dia-form2.js 2012-06-04 19:22:57 UTC (rev 453) +++ trunk/src/mc-dia-form2.js 2012-06-04 19:27:55 UTC (rev 454) @@ -667,6 +667,9 @@ $j('#fifth_step').slideUp(); $j('#sixth_step').slideDown(); + $j('#progress_text').html('100% Complete'); + $j('#progress').css('width','339px'); + /* //update progress bar $j('#progress_text').html('50% Complete'); $j('#progress').css('width','136px'); Modified: trunk/wp-theme/mc2-form.php =================================================================== --- trunk/wp-theme/mc2-form.php 2012-06-04 19:22:57 UTC (rev 453) +++ trunk/wp-theme/mc2-form.php 2012-06-04 19:27:55 UTC (rev 454) @@ -60,14 +60,14 @@ </div> <div class="clear"></div> - <div id="second_step">  - <div class="progressLine"> - <div class="complete" style="width: 111px;"> - <div class="marker" style="background-position: -26px 0;"></div> - </div> - </div> + <div id="second_step">   - <div class="mc-cat-group-v2" id="mc-cat-group-a"> + <div class="mc-cat-group-v2" id="mc-cat-group-a"> + <div class="progressLine"> + <div class="complete" style="width: 111px;"> + <div class="marker" style="background-position: -26px 0;"></div> + </div> + </div> <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-a"> <img src="/mc/0.1/images/cat-selected.png" alt="selected" class="mc-cat-selected mc-cat-selected-a" id="mc-cat-selected-np" /> @@ -124,13 +124,13 @@ </div> <div class="clear"></div> - <div id="third_step"> - <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 id="third_step"> + <div class="mc-cat-group-v2" id="mc-cat-group-b"> + <div class="progressLine"> + <div class="complete" style="width: 203px;"> + <div class="marker" style="background-position: -52px 0;"></div> + </div> + </div> <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"> <img src="/mc/0.1/images/cat-selected.png" alt="selected" class="mc-cat-selected mc-cat-selected-a" id="mc-cat-selected-rp" /> @@ -208,13 +208,13 @@ </div> <div class="clear"></div> - <div id="fourth_step"> - <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 id="fourth_step"> + <div class="mc-cat-group-v2" id="mc-cat-group-c"> + <div class="progressLine"> + <div class="complete" style="width: 295px;"> + <div class="marker" style="background-position: -78px 0;"></div> + </div> + </div> <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"> <img src="/mc/0.1/images/cat-selected.png" alt="selected" class="mc-cat-selected mc-cat-selected-a" id="mc-cat-selected-rc" /> @@ -263,13 +263,13 @@ <div class="mc-clean"></div> </div> <div class="clear"></div> - <div id="fifth_step"> - <div class="progressLine"> - <div class="complete" style="width: 386px;"> - <div class="marker" style="background-position: -104px 0;"></div> - </div> - </div> + <div id="fifth_step"> <div class="mc-cat-group-v2" id="mc-cat-group-d"> + <div class="progressLine"> + <div class="complete" style="width: 386px;"> + <div class="marker" style="background-position: -104px 0;"></div> + </div> + </div> <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"> <img src="/mc/0.1/images/cat-selected.png" alt="selected" class="mc-cat-selected mc-cat-selected-a" id="mc-cat-selected-gr" />

1 0

r453 - trunk/src
by Mario Gallegos 04 Jun '12

04 Jun '12

Author: mgallegos Date: 2012-06-04 21:22:57 +0200 (Mon, 04 Jun 2012) New Revision: 453 Modified: trunk/src/mc-dia-form2.js Log: Modified: trunk/src/mc-dia-form2.js =================================================================== --- trunk/src/mc-dia-form2.js 2012-06-04 19:20:46 UTC (rev 452) +++ trunk/src/mc-dia-form2.js 2012-06-04 19:22:57 UTC (rev 453) @@ -663,6 +663,9 @@ }); $j('#submit_fifth').click(function(){ + + $j('#fifth_step').slideUp(); + $j('#sixth_step').slideDown(); /* //update progress bar $j('#progress_text').html('50% Complete');

1 0

r452 - trunk/src
by Mario Gallegos 04 Jun '12

04 Jun '12

Author: mgallegos Date: 2012-06-04 21:20:46 +0200 (Mon, 04 Jun 2012) New Revision: 452 Modified: trunk/src/mc-dia-form2.css Log: Modified: trunk/src/mc-dia-form2.css =================================================================== --- trunk/src/mc-dia-form2.css 2012-06-04 18:56:12 UTC (rev 451) +++ trunk/src/mc-dia-form2.css 2012-06-04 19:20:46 UTC (rev 452) @@ -161,16 +161,18 @@ .progressLine { width: 520px; - margin: 1px 0 19px; + margin: 0 auto; height: 32px; - background: url('/mc/0.1/images/progressLine.png') position: relative !important; + 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 !important; + height: 32px; + background: url('/mc/0.1/images/progressLine.png'); + position: relative; background-position: 0px 57px; } @@ -178,7 +180,7 @@ position: absolute; top: 0; right: -26px; - background: url('/img/backgrounds/markers.png') !important; + background: url('/mc/0.1/images/markers.png'); width: 26px; height: 32px; }

1 0

r451 - trunk/src
by Mario Gallegos 04 Jun '12

04 Jun '12

Author: mgallegos Date: 2012-06-04 20:56:12 +0200 (Mon, 04 Jun 2012) New Revision: 451 Modified: trunk/src/mc-dia-form2.css Log: Modified: trunk/src/mc-dia-form2.css =================================================================== --- trunk/src/mc-dia-form2.css 2012-06-04 18:53:05 UTC (rev 450) +++ trunk/src/mc-dia-form2.css 2012-06-04 18:56:12 UTC (rev 451) @@ -163,14 +163,14 @@ width: 520px; margin: 1px 0 19px; height: 32px; - background: url('/mc/0.1/images/progressLine.png') position: relative; + background: url('/mc/0.1/images/progressLine.png') position: relative !important; } .complete { width: 520px; margin: 0 0 19px; height: 32px; - background: url('/mc/0.1/images/progressLine.png') position: relative; + background: url('/mc/0.1/images/progressLine.png') position: relative !important; background-position: 0px 57px; } @@ -178,7 +178,7 @@ position: absolute; top: 0; right: -26px; - background: url('/img/backgrounds/markers.png'); + background: url('/img/backgrounds/markers.png') !important; width: 26px; height: 32px; }

1 0

r450 - trunk/src
by Mario Gallegos 04 Jun '12

04 Jun '12

Author: mgallegos Date: 2012-06-04 20:53:05 +0200 (Mon, 04 Jun 2012) New Revision: 450 Modified: trunk/src/mc-dia-form2.css Log: Modified: trunk/src/mc-dia-form2.css =================================================================== --- trunk/src/mc-dia-form2.css 2012-06-04 18:48:45 UTC (rev 449) +++ trunk/src/mc-dia-form2.css 2012-06-04 18:53:05 UTC (rev 450) @@ -80,7 +80,14 @@ -webkit-border-radius: 6px !important; } + #languages_tag,#keywords_tag{ + color: #888 !important; + font-family: Cantarell, Verdana, sans-serif; + font-weight: bold !important; + font-size: 15px !important; + } + #containerSlides input.submit { background: url('/mc/0.1/images/button.png') no-repeat; border: none; @@ -110,7 +117,7 @@ /* #containerSlides select { padding: 5px 0 5px 25px; } #containerSlides option { padding: 0 15px; }*/ - #languages_tag,#keywords_tag, #first_step label { + #first_step label { color: #666; font-size: 12px; font-weight: bold;

1 0

r449 - trunk/src/images
by Mario Gallegos 04 Jun '12

04 Jun '12

Author: mgallegos Date: 2012-06-04 20:48:45 +0200 (Mon, 04 Jun 2012) New Revision: 449 Added: trunk/src/images/markers.png trunk/src/images/progressLine.png Log: Added: trunk/src/images/markers.png =================================================================== (Binary files differ) Property changes on: trunk/src/images/markers.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/src/images/progressLine.png =================================================================== (Binary files differ) Property changes on: trunk/src/images/progressLine.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream

1 0

r448 - in trunk: src wp-theme
by Mario Gallegos 04 Jun '12

04 Jun '12

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">  + <div class="progressLine"> + <div class="complete" style="width: 19px;"> + <div class="marker"></div> + </div> + </div> +  <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> <div class="clear"></div> - <div id="second_step">  + <div id="second_step">  + <div class="progressLine"> + <div class="complete" style="width: 111px;"> + <div class="marker" style="background-position: -26px 0;"></div> + </div> + </div>  <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"> - + <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"> + <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> <div class="clear"></div> - <div id="fifth_step"> + <div id="fifth_step"> + <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> + <div id="sixth_step"> + <div class="progressLine"> + <div class="complete" style="width: 478px;"> + <div class="marker" style="background-position: -130px 0;"></div> + </div> + </div> + </div> - </form> </div>

1 0