9 lines
No EOL
15 KiB
CSS
9 lines
No EOL
15 KiB
CSS
/*!
|
|
* # Fomantic-UI 2.8.8 - Input
|
|
* http://github.com/fomantic/Fomantic-UI/
|
|
*
|
|
*
|
|
* Released under the MIT license
|
|
* http://opensource.org/licenses/MIT
|
|
*
|
|
*/.ui.input{position:relative;font-weight:400;font-style:normal;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;color:rgba(0,0,0,.87)}.ui.input>input{margin:0;max-width:100%;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);text-align:left;line-height:1.21428571em;font-family:Raleway,sans-serif;padding:.80952381em 1.16666667em;background:#fff;border:1px solid rgba(34,36,38,.15);color:rgba(0,0,0,.87);border-radius:.33333333rem;-webkit-transition:border-color .1s ease,-webkit-box-shadow .1s ease;transition:border-color .1s ease,-webkit-box-shadow .1s ease;transition:box-shadow .1s ease,border-color .1s ease;transition:box-shadow .1s ease,border-color .1s ease,-webkit-box-shadow .1s ease;-webkit-box-shadow:none;box-shadow:none}.ui.input>input::-webkit-input-placeholder{color:rgba(191,191,191,.87)}.ui.input>input::-moz-placeholder{color:rgba(191,191,191,.87);opacity:1}.ui.input>input:-ms-input-placeholder{color:rgba(191,191,191,.87)}.ui.disabled.input,.ui.input:not(.disabled) input[disabled]{opacity:.45}.ui.disabled.input>input,.ui.input:not(.disabled) input[disabled]{pointer-events:none}.ui.input.down input,.ui.input>input:active{border-color:rgba(0,0,0,.3);background:#fafafa;color:rgba(0,0,0,.87);-webkit-box-shadow:none;box-shadow:none}.ui.loading.loading.input>i.icon:before{position:absolute;content:'';top:50%;left:50%;margin:-.625em 0 0 -.625em;width:1.25em;height:1.25em;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.loading.loading.input>i.icon:after{position:absolute;content:'';top:50%;left:50%;margin:-.625em 0 0 -.625em;width:1.25em;height:1.25em;-webkit-animation:loader .6s infinite linear;animation:loader .6s infinite linear;border:.2em solid #767676;border-radius:500rem;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent}.ui.input.focus>input,.ui.input>input:focus{border-color:#85b7d9;background:#fff;color:rgba(0,0,0,.8);-webkit-box-shadow:none;box-shadow:none}.ui.input.focus>input::-webkit-input-placeholder,.ui.input>input:focus::-webkit-input-placeholder{color:rgba(115,115,115,.87)}.ui.input.focus>input::-moz-placeholder,.ui.input>input:focus::-moz-placeholder{color:rgba(115,115,115,.87)}.ui.input.focus>input:-ms-input-placeholder,.ui.input>input:focus:-ms-input-placeholder{color:rgba(115,115,115,.87)}.ui.input.error>input{background-color:#fff6f6;border-color:#e0b4b4;color:#9f3a38;-webkit-box-shadow:none;box-shadow:none}.ui.input.error>input::-webkit-input-placeholder{color:#e7bdbc}.ui.input.error>input::-moz-placeholder{color:#e7bdbc}.ui.input.error>input:-ms-input-placeholder{color:#e7bdbc!important}.ui.input.error>input:focus::-webkit-input-placeholder{color:#da9796}.ui.input.error>input:focus::-moz-placeholder{color:#da9796}.ui.input.error>input:focus:-ms-input-placeholder{color:#da9796!important}.ui.input.info>input{background-color:#f8ffff;border-color:#a9d5de;color:#276f86;-webkit-box-shadow:none;box-shadow:none}.ui.input.info>input::-webkit-input-placeholder{color:#98cfe1}.ui.input.info>input::-moz-placeholder{color:#98cfe1}.ui.input.info>input:-ms-input-placeholder{color:#98cfe1!important}.ui.input.info>input:focus::-webkit-input-placeholder{color:#70bdd6}.ui.input.info>input:focus::-moz-placeholder{color:#70bdd6}.ui.input.info>input:focus:-ms-input-placeholder{color:#70bdd6!important}.ui.input.success>input{background-color:#fcfff5;border-color:#a3c293;color:#2c662d;-webkit-box-shadow:none;box-shadow:none}.ui.input.success>input::-webkit-input-placeholder{color:#8fcf90}.ui.input.success>input::-moz-placeholder{color:#8fcf90}.ui.input.success>input:-ms-input-placeholder{color:#8fcf90!important}.ui.input.success>input:focus::-webkit-input-placeholder{color:#6cbf6d}.ui.input.success>input:focus::-moz-placeholder{color:#6cbf6d}.ui.input.success>input:focus:-ms-input-placeholder{color:#6cbf6d!important}.ui.input.warning>input{background-color:#fffaf3;border-color:#c9ba9b;color:#573a08;-webkit-box-shadow:none;box-shadow:none}.ui.input.warning>input::-webkit-input-placeholder{color:#edad3e}.ui.input.warning>input::-moz-placeholder{color:#edad3e}.ui.input.warning>input:-ms-input-placeholder{color:#edad3e!important}.ui.input.warning>input:focus::-webkit-input-placeholder{color:#e39715}.ui.input.warning>input:focus::-moz-placeholder{color:#e39715}.ui.input.warning>input:focus:-ms-input-placeholder{color:#e39715!important}.ui.transparent.input>input,.ui.transparent.input>textarea{border-color:transparent!important;background-color:transparent!important;padding:0;-webkit-box-shadow:none!important;box-shadow:none!important;border-radius:0!important}.field .ui.transparent.input>textarea{padding:.80952381em 1.16666667em}:not(.field)>.ui.transparent.icon.input>i.icon{width:1.1em}:not(.field)>.ui.ui.ui.transparent.icon.input>input{padding-left:0;padding-right:2em}:not(.field)>.ui.ui.ui.transparent[class*="left icon"].input>input{padding-left:2em;padding-right:0}.ui.transparent.inverted.input{color:#fff}.ui.ui.transparent.inverted.input>input,.ui.ui.transparent.inverted.input>textarea{color:inherit}.ui.transparent.inverted.input>input::-webkit-input-placeholder{color:rgba(255,255,255,.5)}.ui.transparent.inverted.input>input::-moz-placeholder{color:rgba(255,255,255,.5)}.ui.transparent.inverted.input>input:-ms-input-placeholder{color:rgba(255,255,255,.5)}.ui.icon.input>i.icon{cursor:default;position:absolute;line-height:1;text-align:center;top:0;right:0;margin:0;height:100%;width:2.93333333em;opacity:.5;border-radius:0 .33333333rem .33333333rem 0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.ui.icon.input>i.icon:not(.link){pointer-events:none}.ui.ui.ui.ui.icon.input>input,.ui.ui.ui.ui.icon.input>textarea{padding-right:2.93333333em}.ui.icon.input>i.icon:after,.ui.icon.input>i.icon:before{left:0;position:absolute;text-align:center;top:50%;width:100%;margin-top:-.5em}.ui.icon.input>i.link.icon{cursor:pointer}.ui.icon.input>i.circular.icon{top:.35em;right:.5em}.ui[class*="left icon"].input>i.icon{right:auto;left:1px;border-radius:.33333333rem 0 0 .33333333rem}.ui[class*="left icon"].input>i.circular.icon{right:auto;left:.5em}.ui.ui.ui.ui[class*="left icon"].input>input,.ui.ui.ui.ui[class*="left icon"].input>textarea{padding-left:2.93333333em;padding-right:1.16666667em}.ui.icon.input>input:focus~i.icon,.ui.icon.input>textarea:focus~i.icon{opacity:1}.ui.labeled.input>.label{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin:0;font-size:1em}.ui.labeled.input>.label:not(.corner){padding-top:.91666667em;padding-bottom:.91666667em}.ui.labeled.input:not([class*="corner labeled"]) .label:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.ui.labeled.input:not([class*="corner labeled"]) .label:first-child+input{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:transparent}.ui.labeled.input:not([class*="corner labeled"]) .label:first-child+input:focus{border-left-color:#85b7d9}.ui[class*="right labeled"].input>input{border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-right-color:transparent!important}.ui[class*="right labeled"].input>input+.label{border-top-left-radius:0;border-bottom-left-radius:0}.ui[class*="right labeled"].input>input:focus{border-right-color:#85b7d9!important}.ui.labeled.input .corner.label{top:1px;right:1px;font-size:.75em;border-radius:0 .33333333rem 0 0}.ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input>input,.ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input>textarea{padding-right:2.5em!important}.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"])>input,.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"])>textarea{padding-right:3.25em!important}.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"])>i.icon{margin-right:1.25em}.ui[class*="left corner labeled"].labeled.input>input,.ui[class*="left corner labeled"].labeled.input>textarea{padding-left:2.5em!important}.ui[class*="left corner labeled"].icon.input>input,.ui[class*="left corner labeled"].icon.input>textarea{padding-left:3.25em!important}.ui[class*="left corner labeled"].icon.input>i.icon{margin-left:1.25em}.ui.icon.input>textarea~i.icon{height:3em}:not(.field)>.ui.transparent.icon.input>textarea~i.icon{height:1.3em}.ui.input>.ui.corner.label{top:1px;right:1px}.ui.input>.ui.left.corner.label{right:auto;left:1px}.ui.action.input.error>.ui.button,.ui.form .field.error>.ui.action.input>.ui.button,.ui.form .field.error>.ui.labeled.input:not([class*="corner labeled"])>.ui.label,.ui.labeled.input.error:not([class*="corner labeled"])>.ui.label{border-top:1px solid #e0b4b4;border-bottom:1px solid #e0b4b4}.ui.form .field.error>.ui.labeled.input:not(.right):not([class*="corner labeled"])>.ui.label,.ui.form .field.error>.ui[class*="left action"].input>.ui.button,.ui.labeled.input.error:not(.right):not([class*="corner labeled"])>.ui.label,.ui[class*="left action"].input.error>.ui.button{border-left:1px solid #e0b4b4}.ui.action.input.error:not([class*="left action"])>input+.ui.button,.ui.form .field.error>.ui.action.input:not([class*="left action"])>input+.ui.button,.ui.form .field.error>.ui.right.labeled.input:not([class*="corner labeled"])>input+.ui.label,.ui.right.labeled.input.error:not([class*="corner labeled"])>input+.ui.label{border-right:1px solid #e0b4b4}.ui.form .field.error>.ui.right.labeled.input:not([class*="corner labeled"])>.ui.label:first-child,.ui.right.labeled.input.error:not([class*="corner labeled"])>.ui.label:first-child{border-left:1px solid #e0b4b4}.ui.action.input.info>.ui.button,.ui.form .field.info>.ui.action.input>.ui.button,.ui.form .field.info>.ui.labeled.input:not([class*="corner labeled"])>.ui.label,.ui.labeled.input.info:not([class*="corner labeled"])>.ui.label{border-top:1px solid #a9d5de;border-bottom:1px solid #a9d5de}.ui.form .field.info>.ui.labeled.input:not(.right):not([class*="corner labeled"])>.ui.label,.ui.form .field.info>.ui[class*="left action"].input>.ui.button,.ui.labeled.input.info:not(.right):not([class*="corner labeled"])>.ui.label,.ui[class*="left action"].input.info>.ui.button{border-left:1px solid #a9d5de}.ui.action.input.info:not([class*="left action"])>input+.ui.button,.ui.form .field.info>.ui.action.input:not([class*="left action"])>input+.ui.button,.ui.form .field.info>.ui.right.labeled.input:not([class*="corner labeled"])>input+.ui.label,.ui.right.labeled.input.info:not([class*="corner labeled"])>input+.ui.label{border-right:1px solid #a9d5de}.ui.form .field.info>.ui.right.labeled.input:not([class*="corner labeled"])>.ui.label:first-child,.ui.right.labeled.input.info:not([class*="corner labeled"])>.ui.label:first-child{border-left:1px solid #a9d5de}.ui.action.input.success>.ui.button,.ui.form .field.success>.ui.action.input>.ui.button,.ui.form .field.success>.ui.labeled.input:not([class*="corner labeled"])>.ui.label,.ui.labeled.input.success:not([class*="corner labeled"])>.ui.label{border-top:1px solid #a3c293;border-bottom:1px solid #a3c293}.ui.form .field.success>.ui.labeled.input:not(.right):not([class*="corner labeled"])>.ui.label,.ui.form .field.success>.ui[class*="left action"].input>.ui.button,.ui.labeled.input.success:not(.right):not([class*="corner labeled"])>.ui.label,.ui[class*="left action"].input.success>.ui.button{border-left:1px solid #a3c293}.ui.action.input.success:not([class*="left action"])>input+.ui.button,.ui.form .field.success>.ui.action.input:not([class*="left action"])>input+.ui.button,.ui.form .field.success>.ui.right.labeled.input:not([class*="corner labeled"])>input+.ui.label,.ui.right.labeled.input.success:not([class*="corner labeled"])>input+.ui.label{border-right:1px solid #a3c293}.ui.form .field.success>.ui.right.labeled.input:not([class*="corner labeled"])>.ui.label:first-child,.ui.right.labeled.input.success:not([class*="corner labeled"])>.ui.label:first-child{border-left:1px solid #a3c293}.ui.action.input.warning>.ui.button,.ui.form .field.warning>.ui.action.input>.ui.button,.ui.form .field.warning>.ui.labeled.input:not([class*="corner labeled"])>.ui.label,.ui.labeled.input.warning:not([class*="corner labeled"])>.ui.label{border-top:1px solid #c9ba9b;border-bottom:1px solid #c9ba9b}.ui.form .field.warning>.ui.labeled.input:not(.right):not([class*="corner labeled"])>.ui.label,.ui.form .field.warning>.ui[class*="left action"].input>.ui.button,.ui.labeled.input.warning:not(.right):not([class*="corner labeled"])>.ui.label,.ui[class*="left action"].input.warning>.ui.button{border-left:1px solid #c9ba9b}.ui.action.input.warning:not([class*="left action"])>input+.ui.button,.ui.form .field.warning>.ui.action.input:not([class*="left action"])>input+.ui.button,.ui.form .field.warning>.ui.right.labeled.input:not([class*="corner labeled"])>input+.ui.label,.ui.right.labeled.input.warning:not([class*="corner labeled"])>input+.ui.label{border-right:1px solid #c9ba9b}.ui.form .field.warning>.ui.right.labeled.input:not([class*="corner labeled"])>.ui.label:first-child,.ui.right.labeled.input.warning:not([class*="corner labeled"])>.ui.label:first-child{border-left:1px solid #c9ba9b}.ui.action.input>.button,.ui.action.input>.buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.ui.action.input>.button,.ui.action.input>.buttons>.button{padding-top:.91666667em;padding-bottom:.91666667em;margin:0}.ui[class*="left action"].input>input{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:transparent}.ui.action.input:not([class*="left action"])>input{border-top-right-radius:0;border-bottom-right-radius:0;border-right-color:transparent}.ui.action.input>.button:first-child,.ui.action.input>.buttons:first-child>.button,.ui.action.input>.dropdown:first-child{border-radius:.33333333rem 0 0 .33333333rem}.ui.action.input>.button:not(:first-child),.ui.action.input>.buttons:not(:first-child)>.button,.ui.action.input>.dropdown:not(:first-child){border-radius:0}.ui.action.input>.button:last-child,.ui.action.input>.buttons:last-child>.button,.ui.action.input>.dropdown:last-child{border-radius:0 .33333333rem .33333333rem 0}.ui.action.input:not([class*="left action"])>input:focus{border-right-color:#85b7d9}.ui.ui[class*="left action"].input>input:focus{border-left-color:#85b7d9}.ui.inverted.input>input{border:none}.ui.fluid.input{display:-webkit-box;display:-ms-flexbox;display:flex}.ui.fluid.input>input{width:0!important}.ui.input{font-size:1em}.ui.mini.input{font-size:.75em}.ui.tiny.input{font-size:.83333333em}.ui.small.input{font-size:.91666667em}.ui.large.input{font-size:1.16666667em}.ui.big.input{font-size:1.25em}.ui.huge.input{font-size:1.41666667em}.ui.massive.input{font-size:1.75em} |