xp-dev.com Git - namibia/blob - public/css/validationEngine.jquery.css

   1
   2
   3
   4
   5 /* Z-INDEX */
   6  .formError { z-index: 990; }
   7     .formError .formErrorContent { z-index: 991; }
   8     .formError .formErrorArrow { z-index: 996; }
   9
  10     .formErrorInsideDialog.formError { z-index: 5000; }
  11     .formErrorInsideDialog.formError .formErrorContent { z-index: 5001; }
  12     .formErrorInsideDialog.formError .formErrorArrow { z-index: 5006; }
  13
  14
  15
  16
  17 .inputContainer {
  18         position: relative;
  19         float: left;
  20 }
  21
  22 .formError {
  23         position: absolute;
  24         top: 300px;
  25         left: 300px;
  26         display: block;
  27         cursor: pointer;
  28 }
  29
  30 .ajaxSubmit {
  31         padding: 20px;
  32         background: #55ea55;
  33         border: 1px solid #999;
  34         display: none
  35 }
  36
  37 .formError .formErrorContent {
  38         width: 100%;
  39         background: #ee0101;
  40         position:relative;
  41         color: #fff;
  42         width: 150px;
  43         font-size: 11px;
  44         border: 2px solid #ddd;
  45         box-shadow: 0 0 6px #000;
  46         -moz-box-shadow: 0 0 6px #000;
  47         -webkit-box-shadow: 0 0 6px #000;
  48         padding: 4px 10px 4px 10px;
  49         border-radius: 6px;
  50         -moz-border-radius: 6px;
  51         -webkit-border-radius: 6px;
  52 }
  53
  54 .greenPopup .formErrorContent {
  55         background: #33be40;
  56 }
  57
  58 .blackPopup .formErrorContent {
  59         background: #393939;
  60         color: #FFF;
  61 }
  62
  63 .formError .formErrorArrow {
  64         width: 15px;
  65         margin: -2px 0 0 13px;
  66         position:relative;
  67 }
  68 body[dir='rtl'] .formError .formErrorArrow,
  69 body.rtl .formError .formErrorArrow {
  70         margin: -2px 13px 0 0;
  71 }
  72
  73 .formError .formErrorArrowBottom {
  74         box-shadow: none;
  75         -moz-box-shadow: none;
  76         -webkit-box-shadow: none;
  77         margin: 0px 0 0 12px;
  78         top:2px;
  79 }
  80
  81 .formError .formErrorArrow div {
  82         border-left: 2px solid #ddd;
  83         border-right: 2px solid #ddd;
  84         box-shadow: 0 2px 3px #444;
  85         -moz-box-shadow: 0 2px 3px #444;
  86         -webkit-box-shadow: 0 2px 3px #444;
  87         font-size: 0px;
  88         height: 1px;
  89         background: #ee0101;
  90         margin: 0 auto;
  91         line-height: 0;
  92         font-size: 0;
  93         display: block;
  94 }
  95
  96 .formError .formErrorArrowBottom div {
  97         box-shadow: none;
  98         -moz-box-shadow: none;
  99         -webkit-box-shadow: none;
 100 }
 101
 102 .greenPopup .formErrorArrow div {
 103         background: #33be40;
 104 }
 105
 106 .blackPopup .formErrorArrow div {
 107         background: #393939;
 108         color: #FFF;
 109 }
 110
 111 .formError .formErrorArrow .line10 {
 112         width: 15px;
 113         border: none;
 114 }
 115
 116 .formError .formErrorArrow .line9 {
 117         width: 13px;
 118         border: none;
 119 }
 120
 121 .formError .formErrorArrow .line8 {
 122         width: 11px;
 123 }
 124
 125 .formError .formErrorArrow .line7 {
 126         width: 9px;
 127 }
 128
 129 .formError .formErrorArrow .line6 {
 130         width: 7px;
 131 }
 132
 133 .formError .formErrorArrow .line5 {
 134         width: 5px;
 135 }
 136
 137 .formError .formErrorArrow .line4 {
 138         width: 3px;
 139 }
 140
 141 .formError .formErrorArrow .line3 {
 142         width: 1px;
 143         border-left: 2px solid #ddd;
 144         border-right: 2px solid #ddd;
 145         border-bottom: 0 solid #ddd;
 146 }
 147
 148 .formError .formErrorArrow .line2 {
 149         width: 3px;
 150         border: none;
 151         background: #ddd;
 152 }
 153
 154 .formError .formErrorArrow .line1 {
 155         width: 1px;
 156         border: none;
 157         background: #ddd;
 158 }