Domovská stránka Prehľadávať Pomoc
Registrovať Prihlásiť sa
zxhx
/
xiaoben-as2-php
3
0
Fork 0
Súbory Issues 0 Pull requesty 0 Wiki
Branch: master
Branche Tagy
xiaoben-as2-...
/
compressed
/
css
/
form.css

form.css 2.4 KB
Permanentný odkaz História Raw

1234567891011121314151617181920212223242526272829303132333435 
  1. /**
    2. 

  2.  * CSS styles for forms generated by yiic.
    3. 

  3.  *
    4. 

  4.  * The styles can be applied to the following form structure:
    5. 

  5.  *
    6. 

  6.  * <div class="form">
    7. 

  7.  *     <div class="row">
    8. 

  8.  *         <label for="inputid">xyz</label>
    9. 

  9.  *         <input name="inputid" id="inputid" type="text" />
    10. 

  10.  *         <p class="hint">hint text</p>
    11. 

  11.  *     </div>
    12. 

  12.  *     <div class="row">
    13. 

  13.  *         <label for="inputid">xyz</label>
    14. 

  14.  *         <input name="inputid" id="inputid" type="text" />
    15. 

  15.  *         <p class="hint">hint text</p>
    16. 

  16.  *     </div>
    17. 

  17.  *     <div class="row buttons">
    18. 

  18.  *         <label for="inputid">xyz</label>
    19. 

  19.  *         <input name="inputid" id="inputid" type="text" />
    20. 

  20.  *         <p class="hint">hint text</p>
    21. 

  21.  *     </div>
    22. 

  22.  * </div>
    23. 

  23.  *
    24. 

  24.  * The above code will render the labels and input fields in separate lines.
    25. 

  25.  * In order to render them in the same line, please use the "wide" form as follows,
    26. 

  26.  *
    27. 

  27.  * <div class="wide form">
    28. 

  28.  *     ......
    29. 

  29.  * </div>
    30. 

  30.  *
    31. 

  31.  * @author Qiang Xue <qiang.xue@gmail.com>
    32. 

  32.  * @link http://www.yiiframework.com/
    33. 

  33.  * @copyright 2008-2010 Yii Software LLC
    34. 

  34.  * @license http://www.yiiframework.com/license/
    35. 

  35.  */div.form input,div.form textarea,div.form select{margin:.2em 0 .5em 0}div.form fieldset{border:1px solid #DDD;padding:10px;margin:0 0 10px 0;-moz-border-radius:7px}div.form label{font-weight:bold;font-size:.9em;display:block}div.form .row{margin:5px 0}div.form .hint{margin:0;padding:0;color:#999}div.form .note{font-style:italic}div.form span.required{color:red}div.form div.error label:first-child,div.form label.error,div.form span.error{color:#C00}div.form div.error input,div.form div.error textarea,div.form div.error select,div.form input.error,div.form textarea.error,div.form select.error{background:#FEE;border-color:#C00}div.form div.success input,div.form div.success textarea,div.form div.success select,div.form input.success,div.form textarea.success,div.form select.success{background:#E6EFC2;border-color:#C6D880}div.form div.success label{color:inherit}div.form .errorSummary{border:2px solid #C00;padding:7px 7px 12px 7px;margin:0 0 20px 0;background:#FEE;font-size:.9em}div.form .errorMessage{color:red;font-size:.9em}div.form .errorSummary p{margin:0;padding:5px}div.form .errorSummary ul{margin:0;padding:0 0 0 20px}div.wide.form label{float:left;margin-right:10px;position:relative;text-align:right;width:100px}div.wide.form .row{clear:left}div.wide.form .buttons,div.wide.form .hint,div.wide.form .errorMessage{clear:left;padding-left:110px}
    36.