jquery.idealforms.css 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. /*
  2. * jQuery Ideal Forms
  3. * @author: Cedric Ruiz
  4. * @version: 3.0
  5. * @license GPL or MIT
  6. */
  7. .idealforms-field-width{width:619.3333333333334px}
  8. form.idealforms{zoom:1;line-height:1.5;}
  9. form.idealforms:before,form.idealforms:after{content:"";display:table}
  10. form.idealforms:after{clear:both}
  11. form.idealforms *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
  12. form.idealforms .field{position:relative;float:left;clear:both;margin:.35em 0}
  13. form.idealforms label.main,form.idealforms .field > input,form.idealforms select,form.idealforms button,form.idealforms textarea,form.idealforms .field .group{float:left}
  14. form.idealforms label.main{width:120px;margin-top:.55em}
  15. form.idealforms input,form.idealforms textarea,form.idealforms select,form.idealforms .field .group{margin:0;padding:0;border:0;outline:0;width:290px;padding:.55em;border:1px solid #999;outline:0;background:#fff;-webkit-border-radius:3.01px;border-radius:3.01px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.15);box-shadow:inset 0 1px 2px rgba(0,0,0,0.15)}
  16. form.idealforms input{-webkit-transition:background 0.3s ease-in-out;-moz-transition:background 0.3s ease-in-out;-o-transition:background 0.3s ease-in-out;-ms-transition:background 0.3s ease-in-out;transition:background 0.3s ease-in-out}
  17. form.idealforms textarea{width:435px}
  18. form.idealforms select,form.idealforms button{color:#444;background:#eee;background:-webkit-linear-gradient(#fff, #ddd);background:-moz-linear-gradient(#fff, #ddd);background:-o-linear-gradient(#fff, #ddd);background:-ms-linear-gradient(#fff, #ddd);background:linear-gradient(#fff, #ddd);border:1px solid #aaa;border-bottom-color:#919191;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.15);box-shadow:0 1px 2px rgba(0,0,0,0.15);-webkit-border-radius:3.01px;border-radius:3.01px;padding:.55em 1.5em;cursor:pointer;}
  19. form.idealforms select:hover,form.idealforms button:hover{background:-webkit-linear-gradient(#fff, #eaeaea);background:-moz-linear-gradient(#fff, #eaeaea);background:-o-linear-gradient(#fff, #eaeaea);background:-ms-linear-gradient(#fff, #eaeaea);background:linear-gradient(#fff, #eaeaea)}
  20. form.idealforms select:active,form.idealforms button:active{background:#ddd}
  21. form.idealforms select:focus,form.idealforms button:focus{outline:none}
  22. form.idealforms button{width:auto}
  23. form.idealforms select{padding:.55em;}
  24. form.idealforms select:focus{border:1px solid #444}
  25. form.idealforms input[type="file"]{padding:0}
  26. form.idealforms .field .group{position:relative;padding:1.25em;-webkit-box-shadow:none;box-shadow:none;}
  27. form.idealforms .field .group label{float:left;clear:both;padding:.15em 0;}
  28. form.idealforms .field .group input,form.idealforms .field .group label{margin:0}
  29. form.idealforms .field .group input{width:auto;margin-right:.5em;-webkit-box-shadow:none;box-shadow:none}
  30. form.idealforms .field .group label{margin-right:1em;}
  31. form.idealforms .field .group label:last-of-type{margin:0}
  32. form.idealforms .field.valid input,form.idealforms .field.valid select,form.idealforms .field.valid textarea,form.idealforms .field.valid .group{color:#18445a;background:#edf7fc;border-color:#3f9dcc}
  33. form.idealforms .field.invalid input,form.idealforms .field.invalid select,form.idealforms .field.invalid textarea,form.idealforms .field.invalid .group{color:#430e08;background:#ffeded;border-color:#cc2a18}
  34. form.idealforms .field.valid .group,form.idealforms .field.invalid .group,form.idealforms .field.valid textarea,form.idealforms .field.invalid textarea,form.idealforms .field.valid select,form.idealforms .field.invalid select{color:inherit;background:none}
  35. form.idealforms .field.valid select,form.idealforms .field.invalid select{background:-webkit-linear-gradient(#fff, #ddd);background:-moz-linear-gradient(#fff, #ddd);background:-o-linear-gradient(#fff, #ddd);background:-ms-linear-gradient(#fff, #ddd);background:linear-gradient(#fff, #ddd)}
  36. form.idealforms .field .icon{position:absolute;width:16px;height:16px;top:50%;left:100%;margin-top:-8px;margin-left:8px;background:url("../img/validation.png") -16px 0 no-repeat;cursor:pointer}
  37. form.idealforms .field.invalid .icon{background-position:-16px 0}
  38. form.idealforms .field.valid .icon{background-position:0 0;cursor:default}
  39. form.idealforms .field.invalid .group input,form.idealforms .field.valid .group input{border:0;outline:0;-webkit-box-shadow:none;box-shadow:none}
  40. form.idealforms .field.ajax input{color:#463a09;background:#faf9e8;border-color:#cfaa19}
  41. form.idealforms .field.ajax .icon{background:url("../img/loading.gif")}
  42. form.idealforms .error{display:none;position:absolute;z-index:1;left:100%;top:50%;padding:1em 1.5em;width:193.33333333333334px;margin-left:40px;background:#285d85;background:-webkit-linear-gradient(#285d85, #3070a0);background:-moz-linear-gradient(#285d85, #3070a0);background:-o-linear-gradient(#285d85, #3070a0);background:-ms-linear-gradient(#285d85, #3070a0);background:linear-gradient(#285d85, #3070a0);color:#fff;font-size:85%;font-weight:bold;text-shadow:0 1px 0 rgba(0,0,0,0.3);line-height:1.35;border:1px solid #1c425e;-webkit-border-radius:0 3.01px 3.01px 3.01px;border-radius:0 3.01px 3.01px 3.01px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.15);box-shadow:0 1px 1px rgba(0,0,0,0.15);}
  43. form.idealforms .error:after{content:"";position:absolute;z-index:-1;top:-1px;left:-.7em;border-width:.7em;border-style:solid;border-color:transparent;border-top-color:#285d85}
  44. form.idealforms .idealforms-field-checkbox .icon,form.idealforms .idealforms-field-radio .icon,form.idealforms .idealforms-field-textarea .icon{top:8px;margin-top:0}
  45. form.idealforms .idealforms-field-checkbox .error,form.idealforms .idealforms-field-radio .error,form.idealforms .idealforms-field-textarea .error{top:1.25em}
  46. form.idealforms.adaptive .field{float:none;max-width:290px;zoom:1}
  47. form.idealforms.adaptive .field:before,form.idealforms.adaptive .field:after{content:"";display:table}
  48. form.idealforms.adaptive .field:after{clear:both}
  49. form.idealforms.adaptive label.main{display:block;float:none;width:auto;padding-bottom:.5em}
  50. form.idealforms.adaptive input,form.idealforms.adaptive textarea,form.idealforms.adaptive select,form.idealforms.adaptive .field .group{width:100%}
  51. form.idealforms.adaptive .field .icon{top:0;margin-top:3.2em}
  52. form.idealforms.adaptive .error{position:relative;float:left;clear:both;width:100%;left:0;margin-left:0;margin-top:3px;-webkit-border-radius:3.01px;border-radius:3.01px;}
  53. form.idealforms.adaptive .error:after{top:2px;left:50%;margin-top:-1.4em;margin-left:-.35em;border-color:transparent;border-bottom-color:#285d85}
  54. form.idealforms.adaptive .error.hidden{position:absolute;visibility:hidden}
  55. form.idealforms.adaptive .idealforms-field-checkbox .error,form.idealforms.adaptive .idealforms-field-radio .error,form.idealforms.adaptive .idealforms-field-textarea .error{top:0}
  56. .idealsteps-container *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
  57. .idealsteps-step{display:none;zoom:1}
  58. .idealsteps-step:before,.idealsteps-step:after{content:"";display:table}
  59. .idealsteps-step:after{clear:both}
  60. .idealsteps-nav{color:#444;background:#eee;background:-webkit-linear-gradient(#fff, #ddd);background:-moz-linear-gradient(#fff, #ddd);background:-o-linear-gradient(#fff, #ddd);background:-ms-linear-gradient(#fff, #ddd);background:linear-gradient(#fff, #ddd);border:1px solid #aaa;border-bottom-color:#919191;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.15);box-shadow:0 1px 2px rgba(0,0,0,0.15);-webkit-border-radius:3.01px;border-radius:3.01px;overflow:hidden;margin-bottom:2em;}
  61. .idealsteps-nav ul{margin:0;padding:0;border:0;outline:0;list-style:none}
  62. .idealsteps-nav li{float:left}
  63. .idealsteps-nav a{position:relative;float:left;padding:0 1.5em 0 2.75em;height:3.5em;line-height:3.5em;text-decoration:none;color:#5e5e5e;background:#ddd;-webkit-transition:padding 0.2s ease-in-out;-moz-transition:padding 0.2s ease-in-out;-o-transition:padding 0.2s ease-in-out;-ms-transition:padding 0.2s ease-in-out;transition:padding 0.2s ease-in-out;}
  64. .idealsteps-nav a:focus{outline:0}
  65. .idealsteps-nav a:hover{background:#eaeaea;}
  66. .idealsteps-nav a:hover:after{border-left-color:#eaeaea}
  67. .idealsteps-nav a:after,.idealsteps-nav a:before{content:"";position:absolute;z-index:1;top:0;right:-2em;margin-right:0;margin-top:-.125em;border-width:2em 1em;border-style:solid;border-color:transparent;border-left-color:#ddd}
  68. .idealsteps-nav a:before{margin-right:-1px;border-left-color:#aaa}
  69. .idealsteps-nav li:first-child a{padding-left:1.75em;-webkit-border-top-left-radius:3.01px;border-top-left-radius:3.01px;-webkit-border-bottom-left-radius:3.01px;border-bottom-left-radius:3.01px;}
  70. .idealsteps-nav li.idealsteps-step-active a{padding-right:3.5em;background:#fff;color:#3f9dcc;font-weight:bold;cursor:default;}
  71. .idealsteps-nav li.idealsteps-step-active a:after{border-left-color:#fff}
  72. .idealsteps-nav li.idealsteps-step-active .counter{opacity:1;-ms-filter:none;filter:none}
  73. .idealsteps-nav .counter{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);position:absolute;top:50%;right:1em;height:1.5em;width:1.5em;margin-top:-.75em;line-height:1.5 !important;text-align:center;color:#cc2a18;border:1px solid #cc2a18;-webkit-border-radius:10em;border-radius:10em;-webkit-transition:opacity 0.2s ease-in-out;-moz-transition:opacity 0.2s ease-in-out;-o-transition:opacity 0.2s ease-in-out;-ms-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;}
  74. .idealsteps-nav .counter.zero{color:#3f9dcc;border-color:#3f9dcc}
  75. .idealsteps-container.adaptive .idealsteps-nav{max-width:290px;border-bottom:0;}
  76. .idealsteps-container.adaptive .idealsteps-nav li{float:none;overflow:hidden}
  77. .idealsteps-container.adaptive .idealsteps-nav a,.idealsteps-container.adaptive .idealsteps-nav li:first-child a,.idealsteps-container.adaptive .idealsteps-nav li.idealsteps-step-active a{width:100%;padding:0 2.5em 0 1.5em;border-bottom:1px solid #aaa;border-top:1px solid #f7f7f7;-webkit-border-radius:0;border-radius:0;}
  78. .idealsteps-container.adaptive .idealsteps-nav a:after,.idealsteps-container.adaptive .idealsteps-nav li:first-child a:after,.idealsteps-container.adaptive .idealsteps-nav li.idealsteps-step-active a:after,.idealsteps-container.adaptive .idealsteps-nav a:before,.idealsteps-container.adaptive .idealsteps-nav li:first-child a:before,.idealsteps-container.adaptive .idealsteps-nav li.idealsteps-step-active a:before{display:none}
  79. .idealsteps-container.adaptive .idealsteps-nav li:first-child a{-webkit-border-top-left-radius:3.01px;border-top-left-radius:3.01px;-webkit-border-top-right-radius:3.01px;border-top-right-radius:3.01px;}
  80. .idealsteps-container.adaptive .idealsteps-nav li:last-child a{-webkit-border-bottom-left-radius:3.01px;border-bottom-left-radius:3.01px;-webkit-border-bottom-right-radius:3.01px;border-bottom-right-radius:3.01px;}
  81. .idealsteps-container.adaptive .idealsteps-nav li.idealsteps-step-active a{padding-right:1.5em}
  82. .idealsteps-container.adaptive .idealsteps-nav .counter{position:relative;float:right;right:0}
  83. form.idealforms .ideal-radiocheck-label{display:inline-block;padding:.25em 0 !important;cursor:pointer;}
  84. form.idealforms .ideal-radiocheck-label input{float:left}
  85. form.idealforms .ideal-check,form.idealforms .ideal-radio{float:left;margin-right:10px !important;width:20px;height:20px;background:url("../img/radiocheck.png") 0 0}
  86. form.idealforms .ideal-check.focus{background-position:-20px 0}
  87. form.idealforms .ideal-check.checked{background-position:-40px 0}
  88. form.idealforms .ideal-check.checked.focus{background-position:-60px 0}
  89. form.idealforms .ideal-radio{background-position:0 bottom}
  90. form.idealforms .ideal-radio.focus{background-position:-20px bottom}
  91. form.idealforms .ideal-radio.checked{background-position:-40px bottom}
  92. form.idealforms .ideal-radio.checked.focus{background-position:-60px bottom}
  93. form.idealforms .ideal-file-wrap{float:left}
  94. form.idealforms .ideal-file-filename{float:left;width:204px;height:100%;-webkit-border-radius:0;border-radius:0;-webkit-border-top-left-radius:3.01px;border-top-left-radius:3.01px;-webkit-border-bottom-left-radius:3.01px;border-bottom-left-radius:3.01px;}
  95. form.idealforms .ideal-file-upload{color:#444;background:#eee;background:-webkit-linear-gradient(#fff, #ddd);background:-moz-linear-gradient(#fff, #ddd);background:-o-linear-gradient(#fff, #ddd);background:-ms-linear-gradient(#fff, #ddd);background:linear-gradient(#fff, #ddd);border:1px solid #aaa;border-bottom-color:#919191;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.15);box-shadow:0 1px 2px rgba(0,0,0,0.15);-webkit-border-radius:3.01px;border-radius:3.01px;padding:.55em 1.5em;cursor:pointer;overflow:visible;position:relative;float:right;left:-1px;width:87px;padding-left:0;padding-right:0;text-align:center;-webkit-border-radius:0;border-radius:0;-webkit-border-top-right-radius:3.01px;border-top-right-radius:3.01px;-webkit-border-bottom-right-radius:3.01px;border-bottom-right-radius:3.01px;}
  96. form.idealforms .ideal-file-upload:hover{background:-webkit-linear-gradient(#fff, #eaeaea);background:-moz-linear-gradient(#fff, #eaeaea);background:-o-linear-gradient(#fff, #eaeaea);background:-ms-linear-gradient(#fff, #eaeaea);background:linear-gradient(#fff, #eaeaea)}
  97. form.idealforms .ideal-file-upload:active{background:#ddd}
  98. form.idealforms .ideal-file-upload:focus{outline:none}
  99. form.idealforms.adaptive .ideal-file-wrap{width:100%}
  100. form.idealforms.adaptive .ideal-file-filename{width:70%}
  101. form.idealforms.adaptive .ideal-file-upload{width:30%}
  102. .ideal-file-upload.ie{line-height:1.15}
  103. .idealforms input.datepicker.open{border-bottom-color:transparent;-webkit-border-radius:0;border-radius:0;-webkit-border-top-left-radius:3.01px;border-top-left-radius:3.01px;-webkit-border-top-right-radius:3.01px;border-top-right-radius:3.01px;}
  104. .ui-datepicker{display:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:290px;margin-top:-2px;padding:.75em;background:#fff;border:1px solid #999;-webkit-border-bottom-left-radius:3.01px;border-bottom-left-radius:3.01px;-webkit-border-bottom-right-radius:3.01px;border-bottom-right-radius:3.01px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);box-shadow:0 1px 2px rgba(0,0,0,0.2)}
  105. .ui-datepicker-header{position:relative;padding:.2em 0;margin-bottom:.75em;font-weight:bold;}
  106. .ui-datepicker-header .ui-datepicker-title{text-align:center}
  107. .ui-datepicker-header .ui-datepicker-prev,.ui-datepicker-header .ui-datepicker-next{text-indent:-9999px;width:16px;height:16px;position:absolute;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:url("../img/datepicker.png") 0 0;}
  108. .ui-datepicker-header .ui-datepicker-prev:active,.ui-datepicker-header .ui-datepicker-next:active{margin-top:1px}
  109. .ui-datepicker-header .ui-datepicker-next{background-position:-16px 0}
  110. .ui-datepicker-header .ui-datepicker-prev{left:8px}
  111. .ui-datepicker-header .ui-datepicker-next{right:8px}
  112. .ui-datepicker-calendar{width:100%;border-collapse:collapse;table-layout:fixed;}
  113. .ui-datepicker-calendar td{padding:.25em 0;text-align:center}
  114. .ui-datepicker-calendar a{display:block;text-decoration:none;color:#808080;}
  115. .ui-datepicker-calendar a:hover{color:#3f9dcc;font-weight:bold}
  116. .ui-datepicker-calendar .ui-datepicker-today a{margin:0 .25em;background:#eee;-webkit-border-radius:3.01px;border-radius:3.01px}