widgets/effect_nicejforms/css/niceforms-default.css

   1 /*##########################################
   2 Name: Default styling for Niceforms v.1.0
   3 Author: Lucian Slatineanu
   4 URL: http://www.badboy.ro/
   5
   6 modified by naoki on 2009.3.18
   7 ##########################################*/
   8
   9 /*General styles - NOT really related to the forms*/
  10 /*
  11 * {
  12         margin:0;
  13         padding:0;
  14 }
  15 body {
  16         font-family:Arial, Helvetica, sans-serif;
  17         font-size:12px;
  18         color:#404040;
  19         background:#fff;
  20 }
  21 img {border:0;}
  22 #container {padding:20px;}
  23 */
  24
  25 /*Forms defaults - change as needed*/
  26 /*
  27 input, textarea {
  28         font-family:Arial, Helvetica, sans-serif;
  29         font-size:12px;
  30         color:#404040;
  31 }
  32 label {
  33         color:#999;
  34         cursor:pointer;
  35         padding-left:2px;
  36         line-height:16px;
  37 }
  38 label.chosen {color:#333;}
  39 */
  40 /*Transparent items*/
  41 .outtaHere {
  42         position:absolute;
  43         left:-3000px;
  44 }
  45
  46 /*Radio buttons*/
  47 .radioArea, .radioAreaChecked {
  48         display:block;
  49         float:left;
  50         clear:left;
  51         width:15px;
  52         height:14px;
  53         font-size:0;
  54         cursor:pointer;
  55 }
  56 .radioArea {background:url(../images/default/radio.gif) no-repeat left top;}
  57 .radioAreaChecked {background:url(../images/default/radio.gif) no-repeat left bottom;}
  58
  59 /*Checkboxes*/
  60 .checkboxArea, .checkboxAreaChecked {
  61         display:block;
  62         float:left;
  63         clear:left;
  64         width:13px;
  65         height:13px;
  66         font-size:0;
  67         padding:0;
  68         margin:0;
  69         cursor:pointer;
  70 }
  71 .checkboxArea {background:url(../images/default/checkbox.gif) no-repeat left top;}
  72 .checkboxAreaChecked {background:url(../images/default/checkbox.gif) no-repeat left bottom;}
  73 .focused {border:1px dotted #ddd;}
  74
  75 /*Text inputs*/
  76 input.textinput, .txtarea textarea {
  77         font-size:12px;
  78 }
  79 .textinput, .textinputHovered {
  80         height:15px;
  81         background:url(../images/default/input_bg.gif) repeat-x left top;
  82         border:none;
  83         padding:4px 0;
  84         vertical-align:middle;
  85 }
  86 .textinputHovered {background-position:left bottom;}
  87 .inputCorner {
  88         padding-bottom:0;
  89         vertical-align:middle;
  90 }
  91
  92 /*Text areas*/
  93 .txtarea .tr, .txtarea .tr_xon {background:url(../images/default/txtarea_tr.gif) no-repeat top right;}
  94 .txtarea .tr_xon {background:url(../images/default/txtarea_tr_xon.gif) no-repeat top right;}
  95 .txtarea img.txt_corner {
  96         width:5px;
  97         height:5px;
  98         display:block;
  99 }
 100 .txtarea .br, .txtarea .br_xon {background:url(../images/default/txtarea_br.gif) no-repeat top right;}
 101 .txtarea .br_xon {background:url(../images/default/txtarea_br_xon.gif) no-repeat top right;}
 102 .txtarea .cntr {background:url(../images/default/txtarea_cntr.gif) repeat-y right top;}
 103 .txtarea .cntr_xon {background:url(../images/default/txtarea_cntr_xon.gif) repeat-y right top;}
 104 .txtarea .cntr_l, .txtarea .cntr_l_xon {
 105         width:5px;
 106         background:url(../images/default/txtarea_l.gif) repeat-y left top;
 107         float:left;
 108 }
 109 .txtarea .cntr_l_xon {background:url(../images/default/txtarea_l_xon.gif) repeat-y left top;}
 110 .txtarea textarea {
 111         border:0;
 112         background:none;
 113         padding:0;
 114         margin:5px;
 115         overflow:hidden;
 116 }
 117
 118 /*Selects*/
 119 .selectArea {
 120         text-align:left;
 121         width:200px;
 122         height:21px;
 123         background:url(../images/default/select_bg.gif) repeat-x left top;
 124 }
 125 .selectArea .left {
 126         width:8px;
 127         height:21px;
 128         float:left;
 129         background:url(../images/default/select_left.gif) no-repeat left top;
 130 }
 131 .selectArea .right {
 132         width:21px;
 133         height:21px;
 134         float:right;
 135         background:url(../images/default/select_right.gif) no-repeat left top;
 136 }
 137 .selectArea .right a {
 138         display:block;
 139         width:200px;
 140         height:21px;
 141         margin-left:-179px;
 142         position:absolute;
 143 }
 144 .selectArea .right i {display:none;}
 145 .selectArea .center {
 146         width:160px;
 147         color:#FFF;
 148         padding-top:3px;
 149         overflow:hidden;
 150         white-space:nowrap;
 151 }
 152
 153 /*Selects drop-down*/
 154 .optionsDivInvisible, .optionsDivVisible {
 155         text-align:left;
 156         position:absolute;
 157         margin-top:-1px;
 158         margin-left:3px;
 159         width:172px;
 160         background:#6f7074;
 161         padding:2px;
 162         font-size:11px;
 163         z-index:20;
 164 }
 165 .optionsDivInvisible {display:none;}
 166 .optionsDivVisible {display:block;}
 167 .optionsDivVisible p {
 168         margin:0;
 169         padding:0;
 170 }
 171 .optionsDivVisible a {
 172         color:#F2F2F2;
 173         text-decoration:none;
 174         display:block;
 175         padding:1px 4px;
 176         border:1px solid #6f7074;
 177 }
 178 .optionsDivVisible a:hover {
 179         color:#FFF;
 180         background:#5F6062;
 181         border-color:#cfd0d6;
 182 }
 183
 184 /*Button*/
 185 .buttonSubmit, .buttonSubmitHovered {
 186         width:auto;
 187         height:26px;
 188         color:#FFF;
 189         font-weight:bold;
 190         padding:2px;
 191         background:url(../images/default/button_bg.gif) repeat-x left top;
 192         cursor:pointer;
 193         border:none;
 194 }
 195 .buttonSubmitHovered {background-position:left bottom;}
 196 .buttonImg {vertical-align:bottom;}