Ana Sayfa Keşfet Yardım
Üye Ol Giriş Yap
jops2
/
jq-idealform-test
1
0
Çatalla 0
Dosyalar Sorunlar 1 Değişiklik İstekleri 0 Wiki
Ağaç: 23892b6625
Dallar Biçim İmleri
jq-idealform...
/
css
/
jquery.idealforms.css

jquery.idealforms.css 12 KB
Geçmiş Ham

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091 
  1. /*
    2. 

  2.  * jQuery Ideal Forms
    3. 

  3.  * @author: Cedric Ruiz
    4. 

  4.  * @version: 3.0
    5. 

  5.  * @license GPL or MIT
    6. 

  6.  */
    7. 

  7. form.idealforms{zoom:1;line-height:1.5;}
    8. 

  8. form.idealforms:before,form.idealforms:after{content:"";display:table}
    9. 

  9. form.idealforms:after{clear:both}
    10. 

  10. form.idealforms *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    11. 

  11. form.idealforms .field{position:relative;float:left;clear:both;margin:.35em 0}
    12. 

  12. form.idealforms label.main,form.idealforms .field > input,form.idealforms select,form.idealforms button,form.idealforms textarea,form.idealforms .field .group{float:left}
    13. 

  13. form.idealforms label.main{width:120px;margin-top:.55em}
    14. 

  14. form.idealforms input,form.idealforms textarea,form.idealforms select,form.idealforms button,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:3px;border-radius:3px;-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)}
    15. 

  15. 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}
    16. 

  16. form.idealforms textarea{width:435px}
    17. 

  17. form.idealforms select,form.idealforms button{color:#2b2b2b;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:3px;border-radius:3px;padding:.55em 1.5em;}
    18. 

  18. 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)}
    19. 

  19. form.idealforms select:active,form.idealforms button:active{background:#ddd}
    20. 

  20. form.idealforms button{width:auto}
    21. 

  21. form.idealforms select{padding:.55em;}
    22. 

  22. form.idealforms select:focus{border:1px solid #444}
    23. 

  23. form.idealforms input[type="file"]{padding:0}
    24. 

  24. form.idealforms .field .group{position:relative;padding:1.25em;-webkit-box-shadow:none;box-shadow:none;}
    25. 

  25. form.idealforms .field .group label{float:left;clear:both;padding:.15em 0;}
    26. 

  26. form.idealforms .field .group input,form.idealforms .field .group label{margin:0}
    27. 

  27. form.idealforms .field .group input{width:auto;margin-right:.5em;-webkit-box-shadow:none;box-shadow:none}
    28. 

  28. form.idealforms .field .group label{margin-right:1em;}
    29. 

  29. form.idealforms .field .group label:last-of-type{margin:0}
    30. 

  30. 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}
    31. 

  31. 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}
    32. 

  32. 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}
    33. 

  33. 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)}
    34. 

  34. 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}
    35. 

  35. form.idealforms .field.invalid .icon{background-position:-16px 0}
    36. 

  36. form.idealforms .field.valid .icon{background-position:0 0;cursor:default}
    37. 

  37. form.idealforms .field.invalid .group input,form.idealforms .field.valid .group input{border:0;outline:0;-webkit-box-shadow:none;box-shadow:none}
    38. 

  38. form.idealforms .field.ajax input{color:#463a09;background:#faf9e8;border-color:#cfaa19}
    39. 

  39. form.idealforms .field.ajax .icon{background:url("../img/loading.gif")}
    40. 

  40. 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 3px 3px 3px;border-radius:0 3px 3px 3px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.15);box-shadow:0 1px 1px rgba(0,0,0,0.15);}
    41. 

  41. 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}
    42. 

  42. form.idealforms .idealforms-field-checkbox .icon,form.idealforms .idealforms-field-radio .icon,form.idealforms .idealforms-field-textarea .icon{top:8px;margin-top:0}
    43. 

  43. form.idealforms .idealforms-field-checkbox .error,form.idealforms .idealforms-field-radio .error,form.idealforms .idealforms-field-textarea .error{top:20px}
    44. 

  44. .idealsteps-step{zoom:1}
    45. 

  45. .idealsteps-step:before,.idealsteps-step:after{content:"";display:table}
    46. 

  46. .idealsteps-step:after{clear:both}
    47. 

  47. .idealsteps-nav{color:#2b2b2b;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:3px;border-radius:3px;overflow:hidden;margin-bottom:2em;}
    48. 

  48. .idealsteps-nav ul{margin:0;padding:0;border:0;outline:0;list-style:none}
    49. 

  49. .idealsteps-nav li{float:left}
    50. 

  50. .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;}
    51. 

  51. .idealsteps-nav a:focus{outline:0}
    52. 

  52. .idealsteps-nav a:hover{background:#eaeaea;}
    53. 

  53. .idealsteps-nav a:hover:after{border-left-color:#eaeaea}
    54. 

  54. .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}
    55. 

  55. .idealsteps-nav a:before{margin-right:-1px;border-left-color:#aaa}
    56. 

  56. .idealsteps-nav li:first-child a{padding-left:1.75em}
    57. 

  57. .idealsteps-nav li.idealsteps-step-active a{padding-right:3.5em;background:#fff;color:#3f9dcc;font-weight:bold;}
    58. 

  58. .idealsteps-nav li.idealsteps-step-active a:after{border-left-color:#fff}
    59. 

  59. .idealsteps-nav li.idealsteps-step-active .counter{opacity:1;-ms-filter:none;filter:none}
    60. 

  60. .idealsteps-nav .counter{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);position:absolute;top:50%;right:1em;height:20px;width:20px;margin-top:-.75em;line-height:20px !important;text-align:center;line-height:1;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;}
    61. 

  61. .idealsteps-nav .counter.zero{color:#3f9dcc;border-color:#3f9dcc}
    62. 

  62. form.idealforms .ideal-radiocheck-label{cursor:pointer;margin:.15em 0 !important;}
    63. 

  63. form.idealforms .ideal-radiocheck-label input{float:left}
    64. 

  64. 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}
    65. 

  65. form.idealforms .ideal-check.focus{background-position:-20px 0}
    66. 

  66. form.idealforms .ideal-check.checked{background-position:-40px 0}
    67. 

  67. form.idealforms .ideal-check.checked.focus{background-position:-60px 0}
    68. 

  68. form.idealforms .ideal-radio{background-position:0 bottom}
    69. 

  69. form.idealforms .ideal-radio.focus{background-position:-20px bottom}
    70. 

  70. form.idealforms .ideal-radio.checked{background-position:-40px bottom}
    71. 

  71. form.idealforms .ideal-radio.checked.focus{background-position:-60px bottom}
    72. 

  72. form.idealforms .ideal-file-wrap{float:left}
    73. 

  73. form.idealforms .ideal-file-filename{float:left;width:204px;height:100%;-webkit-border-radius:0;border-radius:0;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;}
    74. 

  74. form.idealforms .ideal-file-upload{color:#2b2b2b;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:3px;border-radius:3px;padding:.55em 1.5em;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:3px;border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;}
    75. 

  75. 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)}
    76. 

  76. form.idealforms .ideal-file-upload:active{background:#ddd}
    77. 

  77. .ie9 .ideal-file-upload{line-height:1.15}
    78. 

  78. .idealforms input.datepicker.open{border-bottom-color:transparent;-webkit-border-radius:0;border-radius:0;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;}
    79. 

  79. .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:3px;border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);box-shadow:0 1px 2px rgba(0,0,0,0.2)}
    80. 

  80. .ui-datepicker-header{position:relative;padding:.2em 0;margin-bottom:.75em;font-weight:bold;}
    81. 

  81. .ui-datepicker-header .ui-datepicker-title{text-align:center}
    82. 

  82. .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;}
    83. 

  83. .ui-datepicker-header .ui-datepicker-prev:active,.ui-datepicker-header .ui-datepicker-next:active{margin-top:1px}
    84. 

  84. .ui-datepicker-header .ui-datepicker-next{background-position:-16px 0}
    85. 

  85. .ui-datepicker-header .ui-datepicker-prev{left:8px}
    86. 

  86. .ui-datepicker-header .ui-datepicker-next{right:8px}
    87. 

  87. .ui-datepicker-calendar{width:100%;border-collapse:collapse;table-layout:fixed;}
    88. 

  88. .ui-datepicker-calendar td{padding:.25em 0;text-align:center}
    89. 

  89. .ui-datepicker-calendar a{display:block;text-decoration:none;color:#808080;}
    90. 

  90. .ui-datepicker-calendar a:hover{color:#3f9dcc;font-weight:bold}
    91. 

  91. .ui-datepicker-calendar .ui-datepicker-today a{margin:0 .25em;background:#eee;-webkit-border-radius:3px;border-radius:3px}
    92.