Author: vjrj_ Date: 2010-10-06 11:41:47 +0200 (Wed, 06 Oct 2010) New Revision: 35 Added: trunk/src/ trunk/src/donate.php trunk/src/images/ trunk/src/mc-dia-form.js trunk/src/mc.css Removed: trunk/images/icons/ Log: cleaning-up Added: trunk/src/donate.php =================================================================== --- trunk/src/donate.php (rev 0) +++ trunk/src/donate.php 2010-10-06 09:41:47 UTC (rev 35) @@ -0,0 +1,115 @@ +<p>Move Commons is a simple and effective tool for collectives to declare the core principles they are committed to.</p> + +<p>Move Commons is an initiative of the <a href="http://comunes.org/" target="_blank">Comunes Association</a>, a nonprofit organization focused on the encouragement of the Commons, those resources collectively owned or shared among populations. Comunes serves as an umbrella for multiple related initiatives, and is fully driven by volunteers.</p> + +<h3>Regular donation per month (the most necessary for us)</h3> +<script language="JavaScript"> +var focused = false; +var defaultVal = "other value"; + +function fieldFocused(form) { + focused = true; + if (form.a3.value == defaultVal) { + form.a3.value = ""; + } +} + +function validate(form) { + var value = form.a3.value; + var parsed = parseInt(value); + if (value != '' && parsed && value == parsed) { + focused = false; + form.submit(); + } + if (value == '') { + form.a3.value = defaultVal; + } +} +</script> + <div class="mc-btn mc-btn-line"> + <ul class="blue"> + <li><a href=" + https://www.paypal.com/cgi-bin/webscr?cmd=_xclick-subscriptions&business=don... +Donate to movecommons.org&image_url=http://movecommons.org/mc/0.1/images/logo-pp.png +" class="current"><span>10 €/month </span></a></li> + <li><a href=" + https://www.paypal.com/cgi-bin/webscr?cmd=_xclick-subscriptions&business=don... +Donate to movecommons.org&image_url=http://movecommons.org/mc/0.1/images/logo-pp.png +" class="current"><span>15 €/month </span></a></li> + <li><a href=" + https://www.paypal.com/cgi-bin/webscr?cmd=_xclick-subscriptions&business=don... +Donate to movecommons.org&image_url=http://movecommons.org/mc/0.1/images/logo-pp.png +" class="current"><span>20 €/month </span></a></li> + <li><form action="https://www.paypal.com/cgi-bin/webscr" method="get"> <input type="hidden" name="business" value="[email protected]"> <input type="hidden" name="cmd" value="_xclick-subscriptions"> <input type="hidden" name="item_name" value=" +Donate to movecommons.org"> <input type="hidden" name="currency_code" value="EUR"> <input type="hidden" name="no_shipping" value="1"> <input type="hidden" name="t3" value="M"> <input type="hidden" name="p3" value="1"> <input type="hidden" name="src" value="1"> <input type="hidden" name="image_url" value="http://movecommons.org/mc/0.1/images/logo-pp.png"> <input type="hidden" name="sra" value="1"> <input type="hidden" name="lc" value="us"> <input type="text" size="10" value="other value" name="a3" onFocus="fieldFocused(this.form)" onBlur="validate(this.form)" title=" +Type other value and press Enter" style="text-align:center;"> €/month </form> </li> + </ul> + </div> + <div class="mc-btn mc-btn-line"> + <ul class="blue"> + <li><a href=" + https://www.paypal.com/cgi-bin/webscr?cmd=_xclick-subscriptions&business=don... +Donate to movecommons.org&image_url=http://movecommons.org/mc/0.1/images/logo-pp.png +" class="current"><span>10 +$/month </span></a></li> + <li><a href=" + https://www.paypal.com/cgi-bin/webscr?cmd=_xclick-subscriptions&business=don... +Donate to movecommons.org&image_url=http://movecommons.org/mc/0.1/images/logo-pp.png +" class="current"><span>15 +$/month </span></a></li> + <li><a href=" + https://www.paypal.com/cgi-bin/webscr?cmd=_xclick-subscriptions&business=don... +Donate to movecommons.org&image_url=http://movecommons.org/mc/0.1/images/logo-pp.png +" class="current"><span>20 +$/month </span></a></li> + <li><form action="https://www.paypal.com/cgi-bin/webscr" method="get"> <input type="hidden" name="business" value="[email protected]"> <input type="hidden" name="cmd" value="_xclick-subscriptions"> <input type="hidden" name="item_name" value=" +Donate to movecommons.org"> <input type="hidden" name="currency_code" value="USD"> <input type="hidden" name="no_shipping" value="1"> <input type="hidden" name="t3" value="M"> <input type="hidden" name="p3" value="1"> <input type="hidden" name="src" value="1"> <input type="hidden" name="image_url" value="http://movecommons.org/mc/0.1/images/logo-pp.png"> <input type="hidden" name="sra" value="1"> <input type="hidden" name="lc" value="us"> <input type="text" size="10" value="other value" name="a3" onFocus="fieldFocused(this.form)" onBlur="validate(this.form)" title=" +Type other value and press Enter" style="text-align:center;"> +$/month </form> </li> + </ul> + </div> + <h3>Single donation</h3> + <div class="mc-btn mc-btn-line"> + <ul class="blue"> + <li><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=donate@ourproj... +Donate to movecommons.org¤cy_code=EUR&amount=25&image_url=http://movecommons.org/mc/0.1/images/logo-pp.png" class="current"><span>25 € </span></a></li> + <li><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=donate@ourproj... +Donate to movecommons.org¤cy_code=EUR&amount=75&image_url=http://movecommons.org/mc/0.1/images/logo-pp.png" class="current"><span>75 € </span></a></li> + <li><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=donate@ourproj... +Donate to movecommons.org¤cy_code=EUR&amount=150&image_url=http://movecommons.org/mc/0.1/images/logo-pp.png" class="current"><span>150 € </span></a></li> + <li><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=donate@ourproj... +Donate to movecommons.org¤cy_code=EUR&amount=300&image_url=http://movecommons.org/mc/0.1/images/logo-pp.png" class="current"><span>300 € </span></a></li> + </ul> + </div> + <div class="mc-btn mc-btn-line"> + <ul class="blue"> + <li><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=donate@ourproj... +Donate to movecommons.org¤cy_code=USD&amount=25&image_url=http://movecommons.org/mc/0.1/images/logo-pp.png" class="current"><span>25 $ </span></a></li> + <li><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=donate@ourproj... +Donate to movecommons.org¤cy_code=USD&amount=75&image_url=http://movecommons.org/mc/0.1/images/logo-pp.png" class="current"><span>75 $ </span></a></li> + <li><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=donate@ourproj... +Donate to movecommons.org¤cy_code=USD&amount=150&image_url=http://movecommons.org/mc/0.1/images/logo-pp.png" class="current"><span>150 $ </span></a></li> + <li><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=donate@ourproj... +Donate to movecommons.org¤cy_code=USD&amount=300&image_url=http://movecommons.org/mc/0.1/images/logo-pp.png" class="current"><span>300 $ </span></a></li> + </ul> + </div> + <div style="clear:both;"></div> + <p> + For other amounts use <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=donate@ourproj... +Donate to movecommons.org¤cy_code=EUR&image_url=http://movecommons.org/mc/0.1/images/logo-pp.png">this link for Euros</a> or <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=donate@ourproj... +Donate to movecommons.org¤cy_code=USD&image_url=http://movecommons.org/mc/0.1/images/logo-pp.png">this one for USD.</a> + </p> + <p> + Please consider donating more if you can afford it. + </p> + <h3>Give using your Bank</h3> + <p> + <a href="/bank-info/">See our Bank account info page</a> + </p> + <p> + Unless you specify the contrary, we will add you to our donor list. + </p> + <p> + If you have doubts please contact us at donate at ourproject dot org. + </p> + <h3>Thanks indeed!</h3> Copied: trunk/src/images (from rev 30, trunk/images/icons) Added: trunk/src/mc-dia-form.js =================================================================== --- trunk/src/mc-dia-form.js (rev 0) +++ trunk/src/mc-dia-form.js 2010-10-06 09:41:47 UTC (rev 35) @@ -0,0 +1,324 @@ +var $j = jQuery.noConflict(); + +// categories selection + +function select_cat($id, $id2) { + var cat_id = "#mc-form-" + $id; + $j(cat_id + ",#mc-form-icon-" + $id).click( + function () + { + if ($id != "rc") { + $j(cat_id).addClass("mc-form-descbox-selected"); + $j("#mc-cat-selected-"+ $id).slideDown(); + } + $j("#mc-form-" + $id2).removeClass("mc-form-descbox-selected"); + $j("#mc-cat-selected-"+ $id2).slideUp(); + // $j("#mc-form-more-link-" + $id2).show('slow'); + $j("#mc-form-less-link-" + $id2).hide(); + // $j("#mc-form-" + $id).removeAttr("title"); + // $j("#mc-form-" + $id2).attr("title", click_to_select); + $j("#mc-form-more-text-" + $id2).slideUp(function() {adjustHeights();}); + if (cat_id == "#mc-form-rc") { + $j("#mc-cat-rc-options").slideDown(function() {adjustHeights();}); + mc_rc="0"; + update_logo($id); + } else if (cat_id == "#mc-form-nrc") { + $j("#mc-cat-rc-options").slideUp(function() {adjustHeights();}); + reset_areas(); + update_logo($id); + } else { + update_logo($id); + $j("#mc-cat-rc-options").slideUp(function() {adjustHeights();}); + } + }); +}; + +function hover_cat($id) { + var cat_id = "#mc-form-" + $id; + $j(cat_id + ",#mc-form-icon-" + $id).hover( + function () + { + $j(cat_id).addClass("mc-form-descbox-high"); + if ($j('#mc-form-less-link-'+$id).is(':hidden')) + $j("#mc-form-more-link-"+$id).show(); + }, function () { + $j(cat_id).removeClass("mc-form-descbox-high"); + if ($j('#mc-form-less-link-'+$id).is(':hidden')) + $j("#mc-form-more-link-"+$id).hide(); + }); +}; + +// More links + +function click_more_link($id) { + $j("#mc-form-more-link-" + $id).click( + function (event) { + event.stopPropagation(); + $j(this).hide(); + if ($id == "rc") { + $j("#mc-cat-rc-options").slideDown(); + } + $j("#mc-form-less-link-" + $id).show('slow'); + $j("#mc-form-more-text-" + $id).show('slow',function() {adjustHeights();}); + + }); +}; + +function click_less_link($id) { + $j("#mc-form-less-link-" + $id).click( + function (event) { + event.stopPropagation(); + $j(this).hide(); + if ($id == "rc") { + $j("#mc-cat-rc-options").slideUp(); + } + $j("#mc-form-more-link-" + $id).show('slow'); + $j("#mc-form-more-text-" + $id).slideUp(function() {adjustHeights();}); + if ($id == "rc") { $j("#mc-cat-rc-options").slideUp(function() {adjustHeights();});} + }); +}; + +function hover_more_link($id) { + $j("#mc-form-more-link-" + $id).hover( + function () { + $j(this).addClass("mc-form-link-high"); + }, function () { + $j(this).removeClass("mc-form-link-high"); + }); +}; + +function hover_less_link($id) { + $j("#mc-form-less-link-" + $id).hover( + function () { + $j(this).addClass("mc-form-link-high"); + }, function () { + $j(this).removeClass("mc-form-link-high"); + }); +}; + +function hide_initial($id) { + $j("#mc-form-more-link-" + $id).hide(); + $j("#mc-form-more-text-" + $id).hide(); + $j("#mc-form-less-link-" + $id).hide(); +}; + +function dclick_toggle($id) { + $j("#mc-form-" + $id).dblclick( + function () { + var id_text = "#mc-form-more-text-" + $id; + var id_link = "#mc-form-more-link-" + $id; + if ($j(id_text).is(':visible')) { $j(id_text).slideUp(); $j(id_link).slideDown(); } + else { $j(id_text).slideDown(); $j(id_link).slideUp(); }; + });}; + +function reset_areas() { + mc_rc="0"; + $j("#mc-cat-rc-option-box-ec").removeClass("mc-cat-rc-option-box-selected"); + $j("#mc-cat-rc-option-box-bo").removeClass("mc-cat-rc-option-box-selected"); + $j("#mc-cat-rc-option-box-to").removeClass("mc-cat-rc-option-box-selected"); + $j("#mc-cat-rc-option-box-di").removeClass("mc-cat-rc-option-box-selected"); + $j("#mc-form-icon-rc").attr({src : "/mc/0.1/images/rc60.png"}); + $j("#mc-cat-selected-rc").slideUp(); +} + +function select_area($id) { + var cat_id = "#mc-cat-rc-option-box-" + $id; + $j(cat_id + ",#mc-cat-rc-option-icon-" + $id).click( + function (event) { + event.stopPropagation(); + reset_areas(); + $j("#mc-form-rc").addClass("mc-form-descbox-selected"); + $j("#mc-cat-selected-rc").slideDown(); + $j(cat_id).addClass("mc-cat-rc-option-box-selected"); + $j("#mc-form-icon-rc").attr({src : "/mc/0.1/images/rc" + $id + "60.png"}); + update_logo($id); + }); +}; + +// Inspired in: +// http://stackoverflow.com/questions/803688/how-do-i-keep-multiple-divs-the-sa... + +function adjustPairHeights($id1, $id2) { + var maxHeight = 0; + var idcat1 = "#mc-form-category-group-" + $id1; + var idcat2 = "#mc-form-category-group-" + $id2; + var ids = idcat1 + "," + idcat2; + $j(ids).each(function(){ + $j(this).height('auto'); + if (maxHeight < $j(this).height()) {maxHeight = $j(this).height();} + }); + if($j(idcat1).height() < maxHeight) { $j(idcat1).height(maxHeight); }; + if($j(idcat2).height() < maxHeight) { $j(idcat2).height(maxHeight); }; +} + +function adjustHeights() { + adjustPairHeights("aa", "ab"); + adjustPairHeights("bb", "ba"); +} + +function update_logo($cat) { + if ($cat == "np" ) mc_np="np-"; + if ($cat == "nnp") mc_np=""; + if ($cat == "rp" ) mc_rp="rp-"; + if ($cat == "nrp") mc_rp=""; + if ($cat == "gr" ) mc_gr="gr-"; + if ($cat == "ngr") mc_gr=""; + if ($cat == "ec" || $cat == "bo" || + $cat == "to" || $cat == "di") mc_rc="rc." + $cat + "-"; + if ($cat == "nrc") mc_rc=""; + + mc_category = ""; + var icon_url = ""; + + if (mc_np != "0" && mc_rp != "0" && mc_rc != "0" && mc_gr != "0") { + if (mc_np!="") { mc_category += mc_np; } + if (mc_rp!="") { mc_category += mc_rp; } + if (mc_rc!="") { mc_category += mc_rc; } + if (mc_gr!="") { mc_category += mc_gr; } + // /lang/mc-0-1-np-rp-sc-dc/ + mc_category = mc_category.replace(/-$/, ""); + icon_url = "/mc/0.1/images/" + mc_category + "-120x90-0.1.png"; + } + if (icon_url != "") { + $j("#mc-form-icon-result").attr({src : icon_url}); + $j("#mc-form-icon-result").show('fast'); + } else { + $j("#mc-form-icon-result").hide(); + } + checkIfFormReady(); +} + +function checkIfFormReady() { + urlIni = $j('#url').val(); + nameIni = $j('#ininame').val(); + keywordsIni = $j('#keywords').val(); + if (mc_category != "" && nameIni.length > 0 && urlIni.length > 0) { + $j("#mc-dia-continue-btn").addClass("mc-dia-continue-btn-enabled"); + $j("#mc-dia-continue-btn").removeClass("mc-dia-continue-btn-disabled"); + $j("#mc-dia-continue-btn").effect("highlight", {}, 2000); + } else { + $j("#mc-dia-continue-btn").addClass("mc-dia-continue-btn-disabled"); + $j("#mc-dia-continue-btn").removeClass("mc-dia-continue-btn-enabled"); + } +} + +function confInputValidation($id) { + $j($id).bind("change keyup", function(event) { + checkIfFormReady(); + }); +} + +// adapted from: +// http://stackoverflow.com/questions/1277070/is-there-an-equivalent-javascript... +function doadjustwithsleep( part ) { + if( part == 0 ) { + setTimeout( function() { doadjustwithsleep( 1 ); }, 1000 ); + } else if( part == 1 ) { + adjustHeights(); + } +} + +function conf_link($id) { + var nid = "n" + $id; + hover_more_link($id); + hover_more_link(nid); + hover_less_link(nid); + hover_less_link(nid); + hide_initial($id); + hide_initial(nid); + click_more_link($id); + click_more_link(nid); + click_less_link($id); + click_less_link(nid); + select_cat($id, nid); + select_cat(nid, $id); + hover_cat($id); + hover_cat(nid); + // dclick_toggle($id); + // dclick_toggle(nid); +}; + +function conf_click_continue() { + $j("#mc-dia-continue-btn").click( + function (event) { + event.stopPropagation(); + if (mc_category != "" && urlIni.length > 0 && nameIni.length > 0) { + var currentUrl = window.location.pathname.split('/'); + var langCode = ""; + if (currentUrl[1] == 'preview') { langCode = 'en'; } + else { langCode = currentUrl[1]; }; + window.location.href="/" + mc_category + "-html/0.1/" + langCode + "/ini_name=" + nameIni + + "&ini_url=" + urlIni + "&ini_keywords=" + keywordsIni; + } + }); +}; + + +// http://www.richreuter.com/2008/08/01/UsingJQueryToResizeTextBoxesToMaxLength... +function max_textsize() { + $j('input[type=text]').each(function() { + var max_length = $j(this).attr('maxlength'); + var multiplier = (max_length > 10) ? 7.3 : 8; + var w = (max_length * multiplier) + "px"; + $j(this).width(w); +}); + +} + +// http://remysharp.com/2007/03/19/a-few-more-jquery-plugins-crop-labelover-and... +$j.fn.labelOver = function(overClass) { + return this.each(function() + { + var label = $j(this); + var f = label.attr('for'); + if (f) { + var input = $j('#' + f); + + this.hide = function() { + label.css({ textIndent: -10000 }); + }; + + this.show = function() { + if (input.val() == '') label.css({ textIndent: 0 }); + }; + + // handlers + input.focus(this.hide); + input.blur(this.show); + label.addClass(overClass).click(function(){ input.focus(); }); + + if (input.val() != '') this.hide(); + } + }); +}; + +var mc_np = "0"; +var mc_rp = "0"; +var mc_rc = "0"; +var mc_gr = "0"; +var mc_category = ""; +var nameIni = ""; +var urlIni = ""; +var keywordsIni = ""; +// var click_to_select = $j("#mc-form-gr").attr("title"); // store of title value + +conf_link("np"); +conf_link("rp"); +conf_link("rc"); +conf_link("gr"); +select_area("ec"); +select_area("bo"); +select_area("to"); +select_area("di"); +confInputValidation("#url"); +confInputValidation("#ininame"); + +$j("#mc-dia-continue-btn").addClass("mc-dia-continue-btn-disabled"); +$j("#mc-cat-rc-options").hide(function() {adjustHeights();}); +$j("#mc-form-icon-result").hide(); +conf_click_continue(); +$j('label').labelOver('over-apply'); +// max_textsize(); +$j(window).load(function () { doadjustwithsleep(0); }); + + Added: trunk/src/mc.css =================================================================== --- trunk/src/mc.css (rev 0) +++ trunk/src/mc.css 2010-10-06 09:41:47 UTC (rev 35) @@ -0,0 +1,604 @@ +.float-left { + float: left; +} + +.float-right { + float: right; +} + +.mc-form { + font-family: Helvetica, "Helvetica Neue", Arial, "Nimbus Sans L", sans-serif; +} + +.mc-form-intro { + font-size: 25px; + margin-top: -20px; + margin-right:20px; +} + +.mc-form-info li { + list-style: disc; + margin-left: 16px; +} + +.mc-form-info { + font-size: 17px; + line-height: 22px; + margin: 10px 0 15px 2px; +} + +.mc-form-category-group { + padding: 20px 20px 0 20px; + width: 400px; +} + +.mc-form-category-group-aa { + border-bottom: 1px solid #b7c4c8; + border-left: 2px solid #b7c4c8; + border-top: 2px solid #b7c4c8; + border-right: 1px solid #b7c4c8; + border-radius-topleft: 10px; + -o-border-radius-topleft: 10px; + -icab-border-radius-topleft: 10px; + -khtml-border-radius-topleft: 10px; + -moz-border-radius-topleft: 10px; + -webkit-border-radius-topleft: 10px; + border-top-left-radius: 10px; + -o-border-top-left-radius: 10px; + -icab-border-top-left-radius: 10px; + -khtml-border-top-left-radius: 10px; + -moz-border-top-left-radius: 10px; + -webkit-border-top-left-radius: 10px; + heigth: 300px; +} + +.mc-form-category-group-ab { + border-bottom: 1px solid #b7c4c8; + border-left: 1px solid #b7c4c8; + border-top: 2px solid #b7c4c8; + border-right: 2px solid #b7c4c8; + border-radius-topright: 10px; + -o-border-radius-topright: 10px; + -icab-border-radius-topright: 10px; + -khtml-border-radius-topright: 10px; + -moz-border-radius-topright: 10px; + -webkit-border-radius-topright: 10px; + border-top-right-radius: 10px; + -o-border-top-right-radius: 10px; + -icab-border-top-right-radius: 10px; + -khtml-border-top-right-radius: 10px; + -moz-border-top-right-radius: 10px; + -webkit-border-top-right-radius: 10px; + heigth: 300px; +} + +.mc-form-category-group-bb { + border-bottom: 2px solid #b7c4c8; + border-left: 2px solid #b7c4c8; + border-top: 1px solid #b7c4c8; + border-right: 1px solid #b7c4c8; + border-radius-bottomleft: 10px; + -o-border-radius-bottomleft: 10px; + -icab-border-radius-bottomleft: 10px; + -khtml-border-radius-bottomleft: 10px; + -moz-border-radius-bottomleft: 10px; + -webkit-border-radius-bottomleft: 10px; + border-bottom-left-radius: 10px; + -o-border-bottom-left-radius: 10px; + -icab-border-bottom-left-radius: 10px; + -khtml-border-bottom-left-radius: 10px; + -moz-border-bottom-left-radius: 10px; + -webkit-border-bottom-left-radius: 10px; + heigth: 300px; +} + +.mc-form-category-group-ba { + border-bottom: 2px solid #b7c4c8; + border-left: 1px solid #b7c4c8; + border-top: 1px solid #b7c4c8; + border-right: 2px solid #b7c4c8; + border-radius-bottomright: 10px; + -o-border-radius-bottomright: 10px; + -icab-border-radius-bottomright: 10px; + -khtml-border-radius-bottomright: 10px; + -moz-border-radius-bottomright: 10px; + -webkit-border-radius-bottomright: 10px; + border-bottom-right-radius: 10px; + -o-border-bottom-right-radius: 10px; + -icab-border-bottom-right-radius: 10px; + -khtml-border-bottom-right-radius: 10px; + -moz-border-bottom-right-radius: 10px; + -webkit-border-bottom-right-radius: 10px; + heigth: 300px; +} + +.mc-form-category-group-a { + background-color: #FEFBFD; +} + +.mc-form-category-group-b { + background-color: #f9f9f9; +} + +.mc-form-descbox { + cursor: pointer; + padding: 5px; + width: 280px; + font-size: 16px; + margin-left: 25px; + padding-left:35px; + border-radius: 10px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + -khtml-border-radius: 10px; +} + +.mc-form-descbox-header { + font-weight: bold; + margin-bottom: 5px; +} + +.mc-form-descbox-intro { + margin-top: -5px; + margin-bottom: 2px; +} + +.mc-form-descbox-a { + background-color: #fefbfd; + border: 4px solid #C080C0; +} + +.mc-form-descbox-b { + background-color: #fefbfd; + border: 4px solid #800080; + margin-left: 70px; +} + +.mc-form-descbox-high { + background-color: #F2F2F2; +} + +.mc-form-descbox-selected { + background-color: #f6d5ff; + border: 4px solid #5500d4; +} + +.mc-form-or { + font-size: 25px; + font-weight: bold; + margin: -59px 0 3px 67px; + color: #aa0088; +} + +.mc-form-icon { + position: relative; + z-index: 50; + top: -30px; + margin-bottom: -20px; + cursor: pointer; + width:60px; +} + +.mc-form-icon-a { + left: -3px; +} + +.mc-form-icon-b { + margin-left: 42px; +} + +.mc-form-link { + font-size: 13px; + color: #999999; + cursor: pointer; + float: right; + margin-top: -7px; +} + +.mc-form-link-high { + text-decoration: underline; +} + +.mc-form-more-text { + font-size: 12px; + margin: 10px 0; +} + +.mc-clean { + clear: both; +} + +.mc-cat-rc-options { +} + +.mc-cat-rc-options-intro { + font-size: 16px; + margin: 5px 0; + font-style: italic; +} + +.mc-cat-rc-option-box { + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + -khtml-border-radius: 5px; + border: 2px solid #b3b3b3; + background-color: #fff; + cursor: pointer; + margin-right: 10px; + margin-left: 0px; +} + +.mc-cat-rc-option-box-high { + background-color: #f2f2f2; +} + +.mc-cat-rc-option-box-selected { + background-color: #e5d5ff; + border: 2px solid #5500d4; +} + +.mc-cat-rc-option-text { + font-size: 14px; + margin-left: 15px; + font-weight: bold; +} + +.mc-cat-rc-option-desc { + font-size: 12px; + margin-left: 15px; +} + +.mc-cat-rc-option-icon { + position: relative; + z-index: 50; + top: -18px; + left: -12px; + margin-bottom: -10px; + width: 25px; +} + +.mc-form-icon-result { + width: 120px; + height: 90px; + float: right; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + -khtml-border-radius: 3px; +} + +.mc-steps-number { + float:right; +} + +.mc-cat-selected { + float: left; + display: none; +} + +.mc-cat-selected-a { + position: relative; + top: 6px; + z-index: 1000; +} + +.mc-cat-selected-b { + position: relative; + left: 45px; + top: 6px; + z-index: 1000; +} + +.mc-why-frame { + font-size:22px; + margin: 20px 0; +} + +.mc-why-frame-answer { +} + +.mc-dia-continue-btn { + float: right; + padding:1px 10px 2px; + font-size:18px; + font-weight: bold; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + -khtml-border-radius: 5px; + margin-top: 15px; + margin-right: 18px; + -moz-user-select: none; + -webkit-user-select: none; +} + +.mc-dia-continue-btn-disabled { + border: 2px solid #999999; + background-color: #cccccc; + color: #ececec; +} + +.mc-dia-continue-btn-enabled { + border: 2px solid #800080; + background-color: #cd87de; + cursor: pointer; + color: #FFF; +} + +.mc-form-optional-info div, .mc-form-required-info div { +position: relative; +float: left; +width: 420px; +font-size: 16px; +margin-right:23px; +margin-top: 20px; +} + +.mc-form-optional-info a, .mc-form-required-info a { +color: ccc; +} + +.mc-form-optional-info input, .mc-form-required-info input { + width: 410px; + padding: 8px; + font-size: 16px; + margin-bottom: 10px; + border: 1px solid #b7c4c8; +} + +label.over-apply { + color: #ccc; + position: absolute; + top: 8px; + left: 16px; + font-size: 16px; +} + +#mc-required-title-url, #mc-required-title-name, #mc-optional-title { + position: absolute; + top: -20px; + font-weight: bold; + left: 10px; + font-size: 16px; + background-color: #F8EAFD; + padding: 0 5px; +} + +input[type="text"], textarea { + border: 1px solid #b7c4c8; +} + +.mc-footer-license { + float: right; + margin: -2px 0 0 0; +} + +.mc-footer-license a { + text-decoration: none; +} + +.mc-icon88x31-header { + margin-bottom: 10px; +} + +/* old */ + +.mc-cat-header { +} + +.mc-cat-header-intro { + margin-bottom: 20px; +} + +.mc-cat-intro { + margin-bottom: 15px; +} + +.mc-cat-disclaimer { + margin-top: 15px; + margin-bottom: 15px; +} + +.mc-cat-footer { + margin-bottom: 15px; +} + +.mc-icon-text-container { + margin-bottom: -30px; +} + +.mc-icon-50 { + position: relative; + z-index: 10; +} + +.mc-icon-text { + border-radius: 10px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + -khtml-border-radius: 10px; + border: 1px solid #CCC; + padding: 10px 10px 10px 35px; + background-color: #F9F9F9; + width: 90%; + position: relative; + top: -26px; + left: 25px; + margin-bottom: 20px; +} + +.mc-icon-text li { + list-style: disc; +} + +.mc-icon88-31-header { + margin-top: 10px; +} + +.mc-icon88-31-code { + margin-top: 20px; +} + +.how-be-container { + margin: 20px 0 10px 0; +} + +.mc-form-main-header { + margin-bottom: 15px; +} + +.mc-form-main-info { + margin-bottom: 15px; +} + +.mc-form-question { + margin-bottom: 10px; + margin-top: 10px; +} + +.mc-form-question-header { + font-weight: bold; +} + +.mc-info { + margin-left: 2px; +} + +.mc-yesnoradio { + clear: both; + margin-left: 20px; +} +.mc-additionalbox { + padding: 0px 20px 20px 20px; + background-color: #FFF; + border: 1px solid #CCC; + margin-top: 20px; + width: 90%; +} + +.mc-additional-header { + font-weight: bold; + font-size: 110%; + margin: 10px 0; +} + +.mc-additional-info { +} + +.mc-continue-button button { + font-size: 100%; + margin-top: 20px; +} + +.link-forweb { + text-align: center; + margin: 20px 0; +} + +.mc-donate-link { + margin-bottom: 15px; +} + +.mc-icon-select { + background-color:#F9F9F9; + border:1px solid #CCCCCC; + padding:10px; + margin: 10px 0; +} + +.mc-icon-select td { + text-align: center; + padding-right: 10px; +} + +/* Buttons */ + +.mc-btn ul { + padding: 10px; + margin: 10px 0; + list-style: none; + background-color: #FFF; + float: left; + clear: left; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + -khtml-border-radius: 5px; + border: 1px solid #CCC; +} + +.mc-btn-line ul { + /* border-bottom: 1px solid #E7E7E7; */ +} + +.mc-btn ul li { + float: left; + display: inline; /*For ignore double margin in IE6*/ + margin: 0 10px; +} + +.mc-btn ul li a { + text-decoration: none; + float:left; + color: #999; + cursor: pointer; + font: 900 14px/22px "Arial", Helvetica, sans-serif; +} + +.mc-btn ul li a span { + margin: 0 10px 0 -10px; + padding: 1px 8px 5px 18px; + position: relative; /*To fix IE6 problem (not displaying)*/ + float:left; +} + +/*BLUE VIOLET*/ +.mc-btn ul.blue li a.current, .mc-btn ul.blue li a:hover { + background: url(/mc/0.1/images/btn-violet.png) no-repeat top right; +} + +.mc-btn ul.blue li a.current { + color: #13335b; +} + +.mc-btn ul.blue li a:hover { + color: #FFF; +} + +.mc-btn ul.blue li a:active { + color: #029A00; +} + +.mc-btn ul.blue li a.current span, .mc-btn ul.blue li a:hover span { + background: url(/mc/0.1/images/btn-violet.png) no-repeat top left; +} + +/*ORANGE*/ +.mc-btn ul.orange li a.current, .mc-btn ul.orange li a:hover { + background: url(/mc/0.1/images/btn-orange.png) no-repeat top right; + +} + +.mc-btn ul.orange li a.current { + color: #FFFFFF; +} + +.mc-btn ul.orange li a:hover { + color: #951400; +} + +.mc-btn ul.orange li a:active { + color: #029A00; +} + + +.mc-btn ul.orange li a.current span, .mc-btn ul.orange li a:hover span { + background: url(/mc/0.1/images/btn-orange.png) no-repeat top left; +} + +.required-field { + margin-left: 5px; + color:#FF4B33; + font-weight:bold; +}