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"> <!-- First slide --> <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><!-- End first slide --> <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><!-- End Sixth slide --> - - - - + </div> + <div class="clear"></div> + </div><!-- End Sixth slide --> </form> </div> <!-- End Slider --> @@ -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/jquery-ui.css"/> +<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/ui-lightness/jquery-ui.css"/> <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();