css/jquery/plugins/nicejforms/red.css

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