Author: mgallegos Date: 2012-03-12 16:06:37 +0100 (Mon, 12 Mar 2012) New Revision: 178 Modified: trunk/src/mc.css trunk/wp-theme/mc2-form.php Log: Modified: trunk/src/mc.css =================================================================== --- trunk/src/mc.css 2012-03-12 14:26:10 UTC (rev 177) +++ trunk/src/mc.css 2012-03-12 15:06:37 UTC (rev 178) @@ -112,6 +112,86 @@ heigth: 300px; } +.mc-form-category-group-a { + 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; + 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-b { + border-bottom: 1px solid #b7c4c8; + border-left: 1px solid #b7c4c8; + border-top: 2px solid #b7c4c8; + border-right: 2px solid #b7c4c8; + heigth: 300px; +} + +.mc-form-category-group-c { + border-bottom: 2px solid #b7c4c8; + border-left: 2px solid #b7c4c8; + border-top: 1px solid #b7c4c8; + border-right: 1px solid #b7c4c8; + 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; + 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-a { background-color: #FEFBFD; } Modified: trunk/wp-theme/mc2-form.php =================================================================== --- trunk/wp-theme/mc2-form.php 2012-03-12 14:26:10 UTC (rev 177) +++ trunk/wp-theme/mc2-form.php 2012-03-12 15:06:37 UTC (rev 178) @@ -57,9 +57,9 @@ <div id="mc-form-optional-boxes"> <div style="position: relative;float: left;width: 420px;font-size: 16px;margin-right:23px;margin-top: 20px;"> - <label id="mc-optional-title"><?php _e("Check those you think corespond to your initiative:", "mc"); ?></label> + <label id="mc-optional-title"><?php _e("Click on those you think corespond to your initiative:", "mc"); ?></label> <div class="mc-cat-group-a" id="mc-cat-group-a"> - <div class="mc-form-rounded mc-form-category-group mc-form-category-group-a float-left mc-form-category-group-aa" id="mc-form-category-group-aa"> + <div class="mc-form-rounded mc-form-category-group mc-form-category-group-a float-left mc-form-category-group-a" id="mc-form-category-group-a"> <img src="/mc/0.1/images/step1.png" alt="step1" class="mc-steps-number" /> <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" title="<?php _e("Click to select", "mc"); ?>"> @@ -75,6 +75,45 @@ </div> </div> </div> + + <div class="mc-cat-group-b" id="mc-cat-group-b"> + <div class="mc-form-rounded mc-form-category-group mc-form-category-group-a float-left mc-form-category-group-b" id="mc-form-category-group-b"> + <img src="/mc/0.1/images/step2.png" alt="step2" class="mc-steps-number" /> + <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-rp" class="mc-form-rounded mc-form-descbox mc-form-descbox-b" title="<?php _e("Click to select", "mc"); ?>"> + <div id="mc-form-more-link-rp" class="mc-form-link"><?php _e("What is this?", "mc"); ?></div> + <div id="mc-form-less-link-rp" class="mc-form-link"><?php _e("less info", "mc"); ?></div> + <div class="mc-form-descbox-header"><?php _e("Reproducible", "mc"); ?></div> + <div class="mc-form-descbox-intro"><?php _e("Your initiative is visible, open and transparent, which allows it to be adapted by others", "mc"); ?></div> + <div id="mc-form-more-text-rp" class="mc-form-more-text"> + <?php _e("<ul> <li>The initiative is easily visible to anyone, providing the necessary online material</li> <li>The initiative has transparent procedures and results</li> <li>The initiative allows others to copy and adapt their procedures and materials, probably using <a href=\"http://creativecommons.org/\">Creative Commons</a> licenses for them</li> </ul>", "mc"); ?></div> + </div> + <div class="mc-form-icon mc-form-icon-b"> + <img id="mc-form-icon-rp" alt="rp" src="/mc/0.1/images/rp60.png" /> + </div> + </div> + <!-- + <img src="/mc/0.1/images/cat-selected.png" alt="selected" class="mc-cat-selected mc-cat-selected-b" id="mc-cat-selected-rp" /> + <div id="mc-form-rp" class="mc-form-rounded mc-form-descbox mc-form-descbox-b" title="<?php _e("Click to select", "mc"); ?>"> + <div id="mc-form-more-link-rp" class="mc-form-link"><?php _e("What is this?", "mc"); ?></div> + <div id="mc-form-less-link-rp" class="mc-form-link"><?php _e("less info", "mc"); ?></div> + <div class="mc-form-descbox-header"><?php _e("Reproducible", "mc"); ?></div> + <div class="mc-form-descbox-intro"><?php _e("Your initiative is visible, open and transparent, which allows it to be adapted by others", "mc"); ?></div> + <div id="mc-form-more-text-rp" class="mc-form-more-text"> +<?php _e("<ul> <li>The initiative is easily visible to anyone, providing the necessary online material</li> <li>The initiative has transparent procedures and results</li> <li>The initiative allows others to copy and adapt their procedures and materials, probably using <a href=\"http://creativecommons.org/\">Creative Commons</a> licenses for them</li> </ul>", "mc"); ?></div> + </div> + <div class="mc-form-icon mc-form-icon-b"> + <img id="mc-form-icon-rp" alt="rp" src="/mc/0.1/images/rp60.png" /> + </div> + --> + + </div> + + <div class="mc-cat-group-c" id="mc-cat-group-c"> + </div> + + <div class="mc-cat-group-d" id="mc-cat-group-d"> + </div> </div> </div> <div class="mc-clean"></div>