[Summary view] [Print] [Text view]

   1  
   2  
   3  
   4  /* Z-INDEX */

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