- Movecommons-commits - lists.ourproject.org

r391 - trunk/src
by Mario Gallegos 20 May '12

20 May '12

Author: mgallegos Date: 2012-05-20 02:33:23 +0200 (Sun, 20 May 2012) New Revision: 391 Modified: trunk/src/mc-dia-form2.css Log: Modified: trunk/src/mc-dia-form2.css =================================================================== --- trunk/src/mc-dia-form2.css 2012-05-20 00:32:12 UTC (rev 390) +++ trunk/src/mc-dia-form2.css 2012-05-20 00:33:23 UTC (rev 391) @@ -24,7 +24,7 @@ #containerSlides { background: url('/mc/0.1/images/container.png') no-repeat; width: 754px; - height: 370px; + /*height: 370px;*/ margin: 20px auto; padding: 50px 0; overflow: hidden;

1 0

r390 - trunk/src
by Mario Gallegos 20 May '12

20 May '12

Author: mgallegos Date: 2012-05-20 02:32:12 +0200 (Sun, 20 May 2012) New Revision: 390 Modified: trunk/src/mc-dia-form2.css Log: Modified: trunk/src/mc-dia-form2.css =================================================================== --- trunk/src/mc-dia-form2.css 2012-05-20 00:29:48 UTC (rev 389) +++ trunk/src/mc-dia-form2.css 2012-05-20 00:32:12 UTC (rev 390) @@ -21,41 +21,41 @@ .clear { clear: both; } -#containerSlidesSlides { - background: url('/mc/0.1/images/containerSlides.png') no-repeat; +#containerSlides { + background: url('/mc/0.1/images/container.png') no-repeat; width: 754px; - /*height: 370px;*/ + height: 370px; margin: 20px auto; padding: 50px 0; overflow: hidden; position: relative; } - #containerSlidesSlides #first_step, #second_step, #third_step, #fourth_step { display: none; } - #containerSlidesSlides #first_step { display: block; } + #containerSlides #first_step, #second_step, #third_step, #fourth_step { display: none; } + #containerSlides #first_step { display: block; } - #containerSlidesSlides .form { margin: 66px 72px 0 72px; } + #containerSlides .form { margin: 66px 72px 0 72px; } - #containerSlidesSlides h1, #containerSlidesSlides h2 { + #containerSlides h1, #containerSlides h2 { font-size: Cantarell, Verdana, sans-serif; text-align: center; font-size: 24px; text-shadow: 1px 1px 2px #222; } - #containerSlidesSlides h1 span { color: #a90329; } + #containerSlides h1 span { color: #a90329; } - #containerSlidesSlides h2 { + #containerSlides h2 { color: #888; font-size: 20px; text-align: left; text-shadow: none; } - #containerSlidesSlides table { + #containerSlides table { margin: 20px 40px; font-size: 14px; font-weight: bold; } - #containerSlidesSlides table td { + #containerSlides table td { padding: 5px 10px; } #containerSlides table td:nth-child(2) {

1 0

r389 - trunk/src
by Mario Gallegos 20 May '12

20 May '12

Author: mgallegos Date: 2012-05-20 02:29:48 +0200 (Sun, 20 May 2012) New Revision: 389 Modified: trunk/src/mc-dia-form2.css Log: Modified: trunk/src/mc-dia-form2.css =================================================================== --- trunk/src/mc-dia-form2.css 2012-05-20 00:29:32 UTC (rev 388) +++ trunk/src/mc-dia-form2.css 2012-05-20 00:29:48 UTC (rev 389) @@ -21,8 +21,8 @@ .clear { clear: both; } -#container { - background: url('/mc/0.1/images/container.png') no-repeat; +#containerSlidesSlides { + background: url('/mc/0.1/images/containerSlides.png') no-repeat; width: 754px; /*height: 370px;*/ margin: 20px auto; @@ -30,39 +30,39 @@ overflow: hidden; position: relative; } - #container #first_step, #second_step, #third_step, #fourth_step { display: none; } - #container #first_step { display: block; } + #containerSlidesSlides #first_step, #second_step, #third_step, #fourth_step { display: none; } + #containerSlidesSlides #first_step { display: block; } - #container .form { margin: 66px 72px 0 72px; } + #containerSlidesSlides .form { margin: 66px 72px 0 72px; } - #container h1, #container h2 { + #containerSlidesSlides h1, #containerSlidesSlides h2 { font-size: Cantarell, Verdana, sans-serif; text-align: center; font-size: 24px; text-shadow: 1px 1px 2px #222; } - #container h1 span { color: #a90329; } + #containerSlidesSlides h1 span { color: #a90329; } - #container h2 { + #containerSlidesSlides h2 { color: #888; font-size: 20px; text-align: left; text-shadow: none; } - #container table { + #containerSlidesSlides table { margin: 20px 40px; font-size: 14px; font-weight: bold; } - #container table td { + #containerSlidesSlides table td { padding: 5px 10px; } - #container table td:nth-child(2) { + #containerSlides table td:nth-child(2) { color: #a90329; } - #container input, #container select { + #containerSlides input, #containerSlides select { background: url('/mc/0.1/images/input.png') no-repeat; color: #888; border: 1px solid #ccc; @@ -79,7 +79,7 @@ -moz-border-radius: 6px; -webkit-border-radius: 6px; } - #container input.submit { + #containerSlides input.submit { background: url('/mc/0.1/images/button.png') no-repeat; border: none; cursor: pointer; @@ -89,22 +89,22 @@ bottom: 2px; left: 655px; } - #container input.submit:focus { border: none; } + #containerSlides input.submit:focus { border: none; } - #container input.send{ background: url('/mc/0.1/images/send.png') no-repeat; } + #containerSlides input.send{ background: url('/mc/0.1/images/send.png') no-repeat; } - #container input.error { border: 1px solid red; } - #container input.valid { border: 1px solid #1FFF00; } + #containerSlides input.error { border: 1px solid red; } + #containerSlides input.valid { border: 1px solid #1FFF00; } - #container input:focus, #container select:focus { + #containerSlides input:focus, #containerSlides select:focus { border: 1px solid #a90329; color: #a90329; } - #container select { padding: 5px 0 5px 25px; } - #container option { padding: 0 15px; } + #containerSlides select { padding: 5px 0 5px 25px; } + #containerSlides option { padding: 0 15px; } - #container label { + #containerSlides label { color: #666; font-size: 12px; font-weight: bold;

1 0

r388 - trunk/wp-theme
by Mario Gallegos 20 May '12

20 May '12

Author: mgallegos Date: 2012-05-20 02:29:32 +0200 (Sun, 20 May 2012) New Revision: 388 Modified: trunk/wp-theme/mc2-form.php Log: Modified: trunk/wp-theme/mc2-form.php =================================================================== --- trunk/wp-theme/mc2-form.php 2012-05-20 00:21:57 UTC (rev 387) +++ trunk/wp-theme/mc2-form.php 2012-05-20 00:29:32 UTC (rev 388) @@ -30,7 +30,7 @@ <div class="mc-clean"></div> --> -<div id="container"> +<div id="containerSlides"> <form action="#" method="post"> <div id="first_step">  <h1>FRAME YOUR <span>INITIATIVE</span> OR <span>COLLECTIVE</span></h1> @@ -105,6 +105,8 @@ </div> <div class="mc-clean"></div> </div> + <div class="clear"></div> + <div id="third_step"> <div class="mc-cat-group-v2" id="mc-cat-group-b"> @@ -179,7 +181,9 @@ </div> <div class="mc-clean"></div> - </div> + </div> + <div class="clear"></div> + <div id="fourth_step"> <div class="mc-cat-group-v2" id="mc-cat-group-c"> <div style="float: left;" class="mc-form-category-group-a-v2"> @@ -227,6 +231,7 @@ <div class="mc-clean"></div> </div> + <div class="clear"></div> </form> </div>

1 0

r387 - trunk/src
by Mario Gallegos 20 May '12

20 May '12

Author: mgallegos Date: 2012-05-20 02:21:57 +0200 (Sun, 20 May 2012) New Revision: 387 Modified: trunk/src/mc-dia-form2.css Log: Modified: trunk/src/mc-dia-form2.css =================================================================== --- trunk/src/mc-dia-form2.css 2012-05-20 00:15:52 UTC (rev 386) +++ trunk/src/mc-dia-form2.css 2012-05-20 00:21:57 UTC (rev 387) @@ -24,7 +24,7 @@ #container { background: url('/mc/0.1/images/container.png') no-repeat; width: 754px; - height: 370px; + /*height: 370px;*/ margin: 20px auto; padding: 50px 0; overflow: hidden;

1 0

r386 - trunk/src
by Mario Gallegos 20 May '12

20 May '12

Author: mgallegos Date: 2012-05-20 02:15:52 +0200 (Sun, 20 May 2012) New Revision: 386 Modified: trunk/src/mc-dia-form2.css Log: Modified: trunk/src/mc-dia-form2.css =================================================================== --- trunk/src/mc-dia-form2.css 2012-05-20 00:13:56 UTC (rev 385) +++ trunk/src/mc-dia-form2.css 2012-05-20 00:15:52 UTC (rev 386) @@ -1,7 +1,7 @@ -/* CSS Reset (Eric Meyer) +/* CSS Reset (Eric Meyer)*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} -*/ + @font-face { font-family: 'Cantarell'; src: url(/mc/0.1/fonts/Cantarell-Regular.eot);

1 0

r385 - trunk/wp-theme
by Mario Gallegos 20 May '12

20 May '12

Author: mgallegos Date: 2012-05-20 02:13:56 +0200 (Sun, 20 May 2012) New Revision: 385 Modified: trunk/wp-theme/mc2-form.php Log: Modified: trunk/wp-theme/mc2-form.php =================================================================== --- trunk/wp-theme/mc2-form.php 2012-05-20 00:08:47 UTC (rev 384) +++ trunk/wp-theme/mc2-form.php 2012-05-20 00:13:56 UTC (rev 385) @@ -31,6 +31,7 @@ --> <div id="container"> + <form action="#" method="post"> <div id="first_step">  <h1>FRAME YOUR <span>INITIATIVE</span> OR <span>COLLECTIVE</span></h1> <div class="form"> @@ -45,8 +46,10 @@ <input type="text" name="location" value="Location" id="location" onblur="$j('#ininame').focus();"/> <label for="location"><?php _e("Location....", "mc"); ?></label> </div> - <div class="clear"></div> + <div class="clear"></div> + <input class="submit" type="submit" name="submit_first" id="submit_first" value="" /> </div> + <div class="clear"></div> <div id="second_step">   @@ -224,7 +227,7 @@ <div class="mc-clean"></div> </div> - +</form> </div>  <div id="progress_bar">

1 0

r384 - in trunk: src src/fonts src/images wp-theme
by Mario Gallegos 20 May '12

20 May '12

Author: mgallegos Date: 2012-05-20 02:08:47 +0200 (Sun, 20 May 2012) New Revision: 384 Added: trunk/src/fonts/ trunk/src/fonts/Cantarell-Regular.eot trunk/src/fonts/Cantarell-Regular.ttf trunk/src/images/button.png trunk/src/images/container.png trunk/src/images/input.png trunk/src/images/progress.png trunk/src/images/progress_bar.png trunk/src/images/progress_left.png trunk/src/images/progress_right.png trunk/src/images/send.png trunk/src/jquery.inputfocus-0.9.min.js trunk/src/mc-dia-form2.css Modified: trunk/src/mc-dia-form2.js trunk/wp-theme/mc2-form.php Log: Added: trunk/src/fonts/Cantarell-Regular.eot =================================================================== (Binary files differ) Property changes on: trunk/src/fonts/Cantarell-Regular.eot ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/src/fonts/Cantarell-Regular.ttf =================================================================== (Binary files differ) Property changes on: trunk/src/fonts/Cantarell-Regular.ttf ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/src/images/button.png =================================================================== (Binary files differ) Property changes on: trunk/src/images/button.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/src/images/container.png =================================================================== (Binary files differ) Property changes on: trunk/src/images/container.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/src/images/input.png =================================================================== (Binary files differ) Property changes on: trunk/src/images/input.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/src/images/progress.png =================================================================== (Binary files differ) Property changes on: trunk/src/images/progress.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/src/images/progress_bar.png =================================================================== (Binary files differ) Property changes on: trunk/src/images/progress_bar.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/src/images/progress_left.png =================================================================== (Binary files differ) Property changes on: trunk/src/images/progress_left.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/src/images/progress_right.png =================================================================== (Binary files differ) Property changes on: trunk/src/images/progress_right.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/src/images/send.png =================================================================== (Binary files differ) Property changes on: trunk/src/images/send.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: trunk/src/jquery.inputfocus-0.9.min.js =================================================================== --- trunk/src/jquery.inputfocus-0.9.min.js (rev 0) +++ trunk/src/jquery.inputfocus-0.9.min.js 2012-05-20 00:08:47 UTC (rev 384) @@ -0,0 +1,11 @@ +/* + InputFocus for jQuery (version 0.9) + Copyright (c) 2009 Simone D'Amico + http://www.simonedamico.it/2009/08/jquery-inputfocus-evidenziare-i-campi-in… + + Licensed under the MIT license: + http://www.opensource.org/licenses/mit-license.php + + Any and all use of this script must be accompanied by this copyright/license notice in its present form. +*/ +$.fn.inputfocus=function(params){params=$.extend({focus_class:"focus",value:""},params);this.each(function(){$(this).focus(function(){$(this).addClass(params.focus_class);this.value=(this.value==params.value)?'':this.value;});$(this).blur(function(){$(this).removeClass(params.focus_class);this.value=(this.value=='')?params.value:this.value;});});return this;}; \ No newline at end of file Added: trunk/src/mc-dia-form2.css =================================================================== --- trunk/src/mc-dia-form2.css (rev 0) +++ trunk/src/mc-dia-form2.css 2012-05-20 00:08:47 UTC (rev 384) @@ -0,0 +1,150 @@ +/* CSS Reset (Eric Meyer) +html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} +*/ + +@font-face { + font-family: 'Cantarell'; + src: url(/mc/0.1/fonts/Cantarell-Regular.eot); + src: local('Cantarell'), url('../fonts/Cantarell-Regular.ttf') format('truetype'); +} + +body { + background-color: #f9f9f9; + color: #222; + font-family: Cantarell, Verdana, sans-serif; + font-size: 12px; +} + + +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; } + +#container { + background: url('/mc/0.1/images/container.png') no-repeat; + width: 754px; + height: 370px; + margin: 20px auto; + padding: 50px 0; + overflow: hidden; + position: relative; +} + #container #first_step, #second_step, #third_step, #fourth_step { display: none; } + #container #first_step { display: block; } + + #container .form { margin: 66px 72px 0 72px; } + + #container h1, #container h2 { + font-size: Cantarell, Verdana, sans-serif; + text-align: center; + font-size: 24px; + text-shadow: 1px 1px 2px #222; + } + #container h1 span { color: #a90329; } + + #container h2 { + color: #888; + font-size: 20px; + text-align: left; + text-shadow: none; + } + + #container table { + margin: 20px 40px; + font-size: 14px; + font-weight: bold; + } + #container table td { + padding: 5px 10px; + } + #container table td:nth-child(2) { + color: #a90329; + } + + #container input, #container select { + background: url('/mc/0.1/images/input.png') no-repeat; + color: #888; + border: 1px solid #ccc; + font-family: Cantarell, Verdana, sans-serif; + font-weight: bold; + font-size: 15px; + width: 300px; + height: 35px; + padding: 0 25px; + margin: 20px 0; + float: left; + + border-radius: 6px; + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + } + #container input.submit { + background: url('/mc/0.1/images/button.png') no-repeat; + border: none; + cursor: pointer; + width: 85px; + height: 38px; + position: relative; + bottom: 2px; + left: 655px; + } + #container input.submit:focus { border: none; } + + #container input.send{ background: url('/mc/0.1/images/send.png') no-repeat; } + + #container input.error { border: 1px solid red; } + #container input.valid { border: 1px solid #1FFF00; } + + #container input:focus, #container select:focus { + border: 1px solid #a90329; + color: #a90329; + } + + #container select { padding: 5px 0 5px 25px; } + #container option { padding: 0 15px; } + + #container label { + color: #666; + font-size: 12px; + font-weight: bold; + line-height: 14px; + float: right; + margin: 23px -25px; + width: 270px; + } + + +#progress_bar { + background: url('/mc/0.1/images/progress_bar.png') no-repeat; + width: 339px; + height: 24px; + margin: 0 auto; + position: relative; +} + +#progress { + background: url('/mc/0.1/images/progress.png') repeat-x; + width: 0px; + height: 23px; + + border-radius: 20px; + -webkit-border-radius: 20px; + -moz-border-radius: 20px; +} +#progress_text { + position: relative; + line-height: 21px; + text-align: center; + font-weight: bold; + color: white; + text-shadow: 1px 1px 2px #222; + width: 339px; + height: 24px; + top: -23px; + left: 0; +} + + + + Modified: trunk/src/mc-dia-form2.js =================================================================== --- trunk/src/mc-dia-form2.js 2012-05-19 22:35:22 UTC (rev 383) +++ trunk/src/mc-dia-form2.js 2012-05-20 00:08:47 UTC (rev 384) @@ -511,4 +511,141 @@ $j("#mc-cat-selected-gr").slideUp(); $('#mc-form-optional-grassroots').hide(); }); -*/ \ No newline at end of file +*/ + + +$(function(){ + //original field values + var field_values = { + //id : value + 'username' : 'username', + 'password' : 'password', + 'cpassword' : 'password', + 'firstname' : 'first name', + 'lastname' : 'last name', + 'email' : 'email address' + }; + + + //inputfocus + $('input#username').inputfocus({ value: field_values['username'] }); + $('input#password').inputfocus({ value: field_values['password'] }); + $('input#cpassword').inputfocus({ value: field_values['cpassword'] }); + $('input#lastname').inputfocus({ value: field_values['lastname'] }); + $('input#firstname').inputfocus({ value: field_values['firstname'] }); + $('input#email').inputfocus({ value: field_values['email'] }); + + + + + //reset progress bar + $('#progress').css('width','0'); + $('#progress_text').html('0% Complete'); + + //first_step + $('form').submit(function(){ return false; }); + $('#submit_first').click(function(){ + //remove classes + $('#first_step input').removeClass('error').removeClass('valid'); + + //ckeck if inputs aren't empty + var fields = $('#first_step input[type=text], #first_step input[type=password]'); + var error = 0; + fields.each(function(){ + var value = $(this).val(); + if( value.length<4 || value==field_values[$(this).attr('id')] ) { + $(this).addClass('error'); + $(this).effect("shake", { times:3 }, 50); + + error++; + } else { + $(this).addClass('valid'); + } + }); + + if(!error) { + if( $('#password').val() != $('#cpassword').val() ) { + $('#first_step input[type=password]').each(function(){ + $(this).removeClass('valid').addClass('error'); + $(this).effect("shake", { times:3 }, 50); + }); + + return false; + } else { + //update progress bar + $('#progress_text').html('33% Complete'); + $('#progress').css('width','113px'); + + //slide steps + $('#first_step').slideUp(); + $('#second_step').slideDown(); + } + } else return false; + }); + + + $('#submit_second').click(function(){ + //remove classes + $('#second_step input').removeClass('error').removeClass('valid'); + + var emailPattern = /^[a-zA-Z0-9._-]+(a)[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/; + var fields = $('#second_step input[type=text]'); + var error = 0; + fields.each(function(){ + var value = $(this).val(); + if( value.length<1 || value==field_values[$(this).attr('id')] || ( $(this).attr('id')=='email' && !emailPattern.test(value) ) ) { + $(this).addClass('error'); + $(this).effect("shake", { times:3 }, 50); + + error++; + } else { + $(this).addClass('valid'); + } + }); + + if(!error) { + //update progress bar + $('#progress_text').html('66% Complete'); + $('#progress').css('width','226px'); + + //slide steps + $('#second_step').slideUp(); + $('#third_step').slideDown(); + } else return false; + + }); + + + $('#submit_third').click(function(){ + //update progress bar + $('#progress_text').html('100% Complete'); + $('#progress').css('width','339px'); + + //prepare the fourth step + var fields = new Array( + $('#username').val(), + $('#password').val(), + $('#email').val(), + $('#firstname').val() + ' ' + $('#lastname').val(), + $('#age').val(), + $('#gender').val(), + $('#country').val() + ); + var tr = $('#fourth_step tr'); + tr.each(function(){ + //alert( fields[$(this).index()] ) + $(this).children('td:nth-child(2)').html(fields[$(this).index()]); + }); + + //slide steps + $('#third_step').slideUp(); + $('#fourth_step').slideDown(); + }); + + + $('#submit_fourth').click(function(){ + //send information to server + alert('Data sent'); + }); + +}); \ No newline at end of file Modified: trunk/wp-theme/mc2-form.php =================================================================== --- trunk/wp-theme/mc2-form.php 2012-05-19 22:35:22 UTC (rev 383) +++ trunk/wp-theme/mc2-form.php 2012-05-20 00:08:47 UTC (rev 384) @@ -1,8 +1,10 @@ <div class="mc-form-header"> + <div style="height: 10px;"> </div>  -<div id="slider1"> - <div>  - <div class="mc-form-category-group-a-v2" style="padding: 22px;"> - <div class="mc-form-required-info2" id="mc-form-required-name"> - <div class="label"> - <label id="mc-required-title-name" style="background-color: #FEFBFD"><?php _e("Name of your initiative", "mc"); ?><span class="required-field">*</span></label> - <label class="pre" for="ininame"></label> - <input type="text" name="ininame" value="" id="ininame"/> - </div> - </div> - <div class="mc-form-required-info2" id="mc-form-required-url"> - <div class="label"> - <label id="mc-required-title-url" style="background-color: #FEFBFD"><?php _e("Web address", "mc"); ?><span class="required-field">*</span></label> - <label id="infield-url" for="url" style="position: absolute;display: block;margin: 11px 0px 5px 12px;padding: 0;font-size: 14px;"><?php _e("something like http://example.com", "mc"); ?></label> -  - <input type="text" name="url" value="" id="url"/> - </div> - </div> - <div id="mc-form-optional-languages"> - <div style="position: relative;float: left;width: 400px;font-size: 16px;margin-right:29px;margin-top: 20px;"> - <label id="mc-optional-languages" style="background-color: #FEFBFD"><?php _e("Language(s) (press enter or comma to separate)", "mc"); ?></label> - <input type="text" name="languages" value="" id="languages"/> - </div> - </div> - <div id="mc-form-optional-keywords"> - <div style="position: relative;float: left;width: 400px;font-size: 16px;margin-right:23px;margin-top: 20px;"> - <label id="mc-optional-keywords" style="background-color: #FEFBFD"><?php _e("Keywords (press enter or comma to separate)", "mc"); ?></label> -  - <input type="text" name="keywords" value="" id="keywords"/> - </div> - </div> - <div class="mc-form-optional-info2" id="mc-form-optional-location"> - <div class="label"> - <label id="mc-optional-location" style="background-color: #FEFBFD"><?php _e("Location", "mc"); ?></label> - <input type="text" name="location" value="" id="location" onblur="$j('#ininame').focus();"/> - </div> - </div> - <div class="mc-clean"></div> - </div> +<div id="container"> + <div id="first_step">  + <h1>FRAME YOUR <span>INITIATIVE</span> OR <span>COLLECTIVE</span></h1> + <div class="form"> + <input type="text" name="ininame" value="Name of your initiative" id="ininame"/> + <label for="ininame"><span class="required-field">*</span><?php _e("Name of your initiative or collective", "mc"); ?></label> + <input type="text" name="url" value="Web address" id="url"/> + <label for="url"><span class="required-field">*</span><?php _e("Web address ...", "mc"); ?></label> + <input type="text" name="languages" value="Language(s)" id="languages"/> + <label for="languages"><?php _e("Language(s) (press enter or comma to separate)", "mc"); ?></label> + <input type="text" name="keywords" value="Keywords" id="keywords"/> + <label for="keywords"><?php _e("Keywords (press enter or comma to separate)", "mc"); ?></label> + <input type="text" name="location" value="Location" id="location" onblur="$j('#ininame').focus();"/> + <label for="location"><?php _e("Location....", "mc"); ?></label> + </div> + <div class="clear"></div> </div> - - <div>  + + <div id="second_step">   <div class="mc-cat-group-v2" id="mc-cat-group-a"> <div style="float: left;" class="mc-form-category-group-a-v2"> @@ -127,7 +102,7 @@ </div> <div class="mc-clean"></div> </div> - <div> + <div id="third_step"> <div class="mc-cat-group-v2" id="mc-cat-group-b"> <div style="float: left;" class="mc-form-category-group-a-v2"> @@ -202,7 +177,7 @@ <div class="mc-clean"></div> </div> - <div> + <div id="fourth_step"> <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"> @@ -249,118 +224,54 @@ <div class="mc-clean"></div> </div> - <div><div id="fifth"> - - <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"> - <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"> -  - <div class="mc-form-descbox-header"><?php _e("Grassroots", "mc"); ?><input id="gr-checkbox" name="gr-checkbox" type="checkbox" value="N" onclick="clickCheckBox('gr')"></div> - <div class="mc-form-descbox-intro"><?php _e("Your initiative is driven by horizontal collective decisions", "mc"); ?></div> - <div id="mc-form-more-text-gr" class="mc-form-more-text-v2"> - <?php _e("<ul> <li>The initiative follows collective decision-making procedures for tackling most issues</li> <li>The hierarchical structure is minimal or inexistent. That is, horizontal grassroots discussions of the members have a major weight when compared with vertical instructions from the board</li> </ul>", "mc"); ?> - </div> - </div> - <div class="mc-form-icon mc-form-icon-a"> - <img id="mc-form-icon-gr" alt="rp" src="/mc/0.1/images/gr60.png" /> - </div> - </div> - <div style="float: left;width: auto;"> - <img src="/mc/0.1/images/step4.png" alt="step4" class="mc-steps-number-v2" /> - <div id="mc-form-optional-grassroots" style="width: 500px;"> -  - <div class="blockMe4" style="position: relative;float: left;width: 440px;font-size: 16px;margin-left: 10px;margin-top: 45px;border: 1px solid #B7C4C8;"> - <label id="mc-optional-grassroots" style="color: #444;background-color: #F9F9F9;"><?php _e("Optional", "mc"); ?></label> - <label class="optional-labels-fields"> - <input type="checkbox" name="decisions-general-assemblies" value="S" id="decisions-general-assemblies" tabindex="22" disabled="disabled"/> - <?php _e("We take decisions mainly through general assemblies", "mc"); ?> - </label> - <label class="optional-labels-fields"> - <input type="checkbox" name="decisions-voting" value="S" id="decisions-voting" tabindex="23" disabled="disabled"/> - <?php _e("We take decisions through majority voting", "mc"); ?> - </label> - <label class="optional-labels-fields"> - <input type="checkbox" name="decisions-consensus" value="S" id="decisions-consensus" tabindex="24" disabled="disabled"/> - <?php _e("We take decisions through consensus, instead of majority", "mc"); ?> - </label> - <label class="optional-labels-fields"> - <input type="checkbox" name="representatives-democratically" value="S" id="representatives-democratically" tabindex="25" disabled="disabled"/> - <?php _e("We have representatives chosen democratically", "mc"); ?> - </label> - <label class="optional-labels-fields"> - <input type="checkbox" name="meetings-transparent" value="S" id="meetings-transparent" tabindex="26" onblur="$j('#decisions-general-assemblies').focus();" disabled="disabled"/> - <?php _e("We have a board whose meetings are transparent", "mc"); ?> - </label> - </div> - </div> - </div> - </div> - </div> - <div class="mc-clean"></div> - - </div><div class="mc-clean" style="height: 1px;"></div> - </div> - + </div>  - - <div id="mc-form-optional-boxes"> - - <div style="position: relative;width: 100%;font-size: 16px;margin-right:23px;margin-top: 20px;"> - - - - - - - - - </div> - - <div class="mc-clean"></div> - </div> - <div class="mc-clean"></div> +<div id="progress_bar"> + <div id="progress"></div> + <div id="progress_text">0% Complete</div> +</div> -  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="/mc/0.1/jquery.tagsinput.min.js"></script> -<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js'></script> +<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js'></script> + <script type='text/javascript' src='/mc/0.1/jquery.infieldlabel.min.js'></script> <script type='text/javascript' src='/mc/0.1/jquery.blockUI.js'></script> <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="/mc/0.1/jquery.checkbox.css"/> +<link rel="stylesheet" type="text/css" href="/mc/0.1/mc-dia-form2.css"/> <script type="text/javascript"> $j(document).ready(function() { - $j('#languages').tagsInput({width:'400px',defaultText:'Add a language'}); - $j('#keywords').tagsInput({width:'400px',defaultText:'Add a keyword'}); + //$j('#languages').tagsInput({width:'400px',defaultText:'Add a language'}); + //$j('#keywords').tagsInput({width:'400px',defaultText:'Add a keyword'}); $j('#infield-donation-website').inFieldLabels(); $j('#infield-non-profit-website').inFieldLabels(); $j('#infield-open-accounting-website').inFieldLabels(); $j('#infield-creative-commons-website').inFieldLabels(); $j('#infield-other-license-website').inFieldLabels(); - $j('#infield-url').inFieldLabels(); + //$j('#infield-url').inFieldLabels(); $j('#infield-terms-of-use-website').inFieldLabels(); $j('#np-checkbox').checkbox(); $j('#rp-checkbox').checkbox(); $j('#rc-checkbox').checkbox(); $j('#gr-checkbox').checkbox(); + /* $j('#slider1').bxSlider({startingSlide:0}); $j('#fifth').remove(); + */ $("ul.qtrans_language_chooser > li").css("display", "inline"); });

1 0

r383 - trunk/wp-theme
by Mario Gallegos 19 May '12

19 May '12

Author: mgallegos Date: 2012-05-20 00:35:22 +0200 (Sun, 20 May 2012) New Revision: 383 Modified: trunk/wp-theme/mc2-form.php Log: Modified: trunk/wp-theme/mc2-form.php =================================================================== --- trunk/wp-theme/mc2-form.php 2012-05-19 22:25:26 UTC (rev 382) +++ trunk/wp-theme/mc2-form.php 2012-05-19 22:35:22 UTC (rev 383) @@ -277,23 +277,23 @@ <div class="blockMe4" style="position: relative;float: left;width: 440px;font-size: 16px;margin-left: 10px;margin-top: 45px;border: 1px solid #B7C4C8;"> <label id="mc-optional-grassroots" style="color: #444;background-color: #F9F9F9;"><?php _e("Optional", "mc"); ?></label> <label class="optional-labels-fields"> - <input type="checkbox" name="decisions-general-assemblies" value="S" id="decisions-general-assemblies" tabindex="22"/> + <input type="checkbox" name="decisions-general-assemblies" value="S" id="decisions-general-assemblies" tabindex="22" disabled="disabled"/> <?php _e("We take decisions mainly through general assemblies", "mc"); ?> </label> <label class="optional-labels-fields"> - <input type="checkbox" name="decisions-voting" value="S" id="decisions-voting" tabindex="23"/> + <input type="checkbox" name="decisions-voting" value="S" id="decisions-voting" tabindex="23" disabled="disabled"/> <?php _e("We take decisions through majority voting", "mc"); ?> </label> <label class="optional-labels-fields"> - <input type="checkbox" name="decisions-consensus" value="S" id="decisions-consensus" tabindex="24"/> + <input type="checkbox" name="decisions-consensus" value="S" id="decisions-consensus" tabindex="24" disabled="disabled"/> <?php _e("We take decisions through consensus, instead of majority", "mc"); ?> </label> <label class="optional-labels-fields"> - <input type="checkbox" name="representatives-democratically" value="S" id="representatives-democratically" tabindex="25"/> + <input type="checkbox" name="representatives-democratically" value="S" id="representatives-democratically" tabindex="25" disabled="disabled"/> <?php _e("We have representatives chosen democratically", "mc"); ?> </label> <label class="optional-labels-fields"> - <input type="checkbox" name="meetings-transparent" value="S" id="meetings-transparent" tabindex="26" onblur="$j('#decisions-general-assemblies').focus();"/> + <input type="checkbox" name="meetings-transparent" value="S" id="meetings-transparent" tabindex="26" onblur="$j('#decisions-general-assemblies').focus();" disabled="disabled"/> <?php _e("We have a board whose meetings are transparent", "mc"); ?> </label> </div>

1 0

r382 - trunk/src
by Mario Gallegos 19 May '12

19 May '12

Author: mgallegos Date: 2012-05-20 00:25:26 +0200 (Sun, 20 May 2012) New Revision: 382 Modified: trunk/src/mc.css Log: Modified: trunk/src/mc.css =================================================================== --- trunk/src/mc.css 2012-05-19 22:23:48 UTC (rev 381) +++ trunk/src/mc.css 2012-05-19 22:25:26 UTC (rev 382) @@ -794,7 +794,7 @@ .bx-prev { position: absolute; - top: 210px; + top: 130px; left: -28px; width: 30px; height: 77px; @@ -805,7 +805,7 @@ .bx-next { position: absolute; - top: 210px; + top: 130px; right: -27px; width: 30px; height: 77px;

1 0