home *** CD-ROM | disk | FTP | other *** search
/ Apple Developer Connectio…eloper Series 2005 March / Dev.CD Mar 05.iso / What's New / Technical Notes and Q&As / ADC Reference Library / css / formstyle.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2003-12-12  |  1.6 KB  |  99 lines

  1. /* 12-10-03 Added for forms */
  2. /* ---------------------------------------------- */
  3.  
  4. #forms h2    {
  5.     margin: 0;
  6.     margin-bottom: 15px;
  7.     padding: 0px;
  8.     font: bold 16px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  9.     color: #000;
  10.     }
  11.  
  12. #forms h4    {
  13.     margin: 0px;
  14.     padding: 0px;
  15.     font: bold 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  16.     color: #000;
  17.     }
  18.  
  19. #forms p    {
  20.     margin-top: 0;
  21.     margin-bottom: 10px;
  22.     padding: 0;
  23.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  24.     color: #000;
  25.     }
  26.     
  27. .footnote {
  28.     font-size: 11px;
  29.     color: #76797C;
  30.     }
  31.         
  32. .bigboxtop {
  33.     background: #FFF url(/images/bigboxtop.gif) repeat-x top left;
  34.     }
  35.  
  36. .bigboxleft {
  37.     background: #FFF url(/images/bigboxleft.gif) repeat-y top left;
  38.     }
  39.  
  40. .bigboxright {
  41.     background: #FFF url(/images/bigboxright.gif) repeat-y top left;
  42.     }
  43.  
  44. .bigboxbottom {
  45.     background: #FFF url(/images/bigboxbottom.gif) repeat-x top left;
  46.     }
  47.     
  48. /* form definitions */
  49. #forms input {
  50.     vertical-align: middle;
  51.     padding: 0;
  52.     margin: 0 0 5px 0;
  53.     }
  54.  
  55. #forms select {
  56.     vertical-align: middle;
  57.     padding: 0;
  58.     margin: 0 0 3px 0;
  59.     }
  60.  
  61. #forms .widefield {
  62.     width: 100%;
  63.     margin-bottom: 5px;
  64.     }
  65.  
  66. #forms .halffield {
  67.     width: 50%;
  68.     margin-bottom: 5px;
  69.     }
  70.  
  71. #forms .extraspace {
  72.     padding-bottom: 8px;
  73.     }
  74.  
  75. #forms .quarterfield {
  76.     width: 25%;
  77.     margin-bottom: 5px;
  78.     }
  79.     
  80. #forms .inputbutton {
  81.     margin-top: 5px;
  82.     margin-bottom: 10px;
  83.     border: 0;
  84.     }
  85.     
  86. #forms .checkbox {
  87.     margin: 0 5px 0 0;
  88.     vertical-align: baseline;
  89.     }
  90.     
  91. #forms .radio {
  92.     margin: 0 5px 0 0;
  93.     vertical-align: baseline;
  94.     }
  95.     
  96. #forms textarea {
  97.     margin-bottom: 10px;
  98.     width: 100%;
  99.     }