You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

11 lines
5.9 KiB

/*
* # Semantic UI
* https://github.com/Semantic-Org/Semantic-UI
* http://beta.semantic-ui.com/
*
* Copyright 2014 Contributors
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.input{display:inline-block;position:relative;color:rgba(0,0,0,.8)}.ui.input input{margin:0;width:100%;outline:0;text-align:left;line-height:1.2em;font-family:"Helvetica Neue",Helvetica,Arial;padding:.7em 1em;background:#fff;border:1px solid rgba(0,0,0,.15);color:rgba(0,0,0,.8);border-radius:.2857rem;-webkit-transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;box-shadow:none;box-sizing:border-box;-webkit-tap-highlight-color:rgba(255,255,255,0)}.ui.input input::-webkit-input-placeholder{color:rgba(0,0,0,.4)}.ui.input input::-moz-placeholder{color:rgba(0,0,0,.4)}.ui.input input:active,.ui.input.down input{border-color:rgba(0,0,0,.3);background:#fafafa;color:rgba(0,0,0,.8);box-shadow:none}.ui.loading.loading.input>.icon:before{position:absolute;content:'';top:50%;left:50%;margin:-.64285em 0 0 -.64285em;width:1.2857em;height:1.2857em;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.loading.loading.input>.icon:after{position:absolute;content:'';top:50%;left:50%;margin:-.64285em 0 0 -.64285em;width:1.2857em;height:1.2857em;-webkit-animation:button-spin .6s linear;animation:button-spin .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#aaa transparent transparent;border-style:solid;border-width:.2em;box-shadow:0 0 0 1px transparent}.ui.input input:focus,.ui.input.focus input{border-color:rgba(39,41,43,.3);background:0 0;color:rgba(0,0,0,.8);box-shadow:none}.ui.input input:focus input::-webkit-input-placeholder,.ui.input.focus input input::-webkit-input-placeholder{color:rgba(0,0,0,.8)}.ui.input input:focus input::-moz-placeholder,.ui.input.focus input input::-moz-placeholder{color:rgba(0,0,0,.8)}.ui.input.error input{background-color:#fff0f0;border-color:#dbb1b1;color:#d95c5c;box-shadow:none}.ui.input.error input ::-webkit-input-placeholder{color:rgba(255,80,80,.4)}.ui.input.error input ::-moz-placeholder{color:rgba(255,80,80,.4)}.ui.input.error input :focus::-webkit-input-placeholder{color:rgba(255,80,80,.7)}.ui.input.error input :focus::-moz-placeholder{color:rgba(255,80,80,.7)}.ui.transparent.input input{border-color:transparent;background-color:transparent;padding:0}.ui.icon.input>.icon{cursor:default;position:absolute;opacity:.5;top:0;right:0;margin:0;width:2.85em;height:100%;text-align:center;border-radius:0 .2857rem .2857rem 0;box-sizing:border-box;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.ui.icon.input>.icon:after,.ui.icon.input>.icon:before{left:0;position:absolute;text-align:center;top:50%;width:100%;margin-top:-.5em}.ui.icon.input>.link.icon{cursor:pointer}.ui.icon.input input{padding-right:2.85em!important}.ui.icon.input>.circular.icon{top:.35em;right:.5em}.ui[class*="left icon"].input>.icon{right:auto;left:1px;border-radius:.2857rem 0 0 .2857rem}.ui[class*="left icon"].input>.circular.icon{right:auto;left:.5em}.ui[class*="left icon"].input>input{padding-left:2.85em!important;padding-right:1em!important}.ui.transparent.icon.input>.icon{width:1.25em}.ui.transparent.icon.input>input{padding-left:0!important;padding-right:1.75em!important}.ui.transparent[class*="left icon"].input>input{padding-left:1.75em!important}.ui.icon.input>input:focus~.icon{opacity:1}.ui.labeled.input{display:table}.ui.labeled.input>input{display:table-cell;vertical-align:top}.ui.labeled.input>.label{display:table-cell;vertical-align:middle;white-space:nowrap;font-size:1em}.ui.labeled.input>.label>.icon{display:inline;vertical-align:top}.ui.fluid.labeled.input{display:table;width:100%}.ui.fluid.labeled.input>.label{width:.01%}.ui.labeled.input:not([class*="corner labeled"]):not([class*="right labeled"])>input{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.ui.labeled.input:not([class*="corner labeled"]):not([class*="right labeled"])>.label{border-top-right-radius:0;border-bottom-right-radius:0}.ui[class*="right labeled"].input>input{border-right:none;border-top-right-radius:0!important;border-bottom-right-radius:0!important}.ui[class*="right labeled"].input>.label{border-top-left-radius:0;border-bottom-left-radius:0}.ui.labeled.input .corner.label{top:1px;right:1px;font-size:.75em;border-radius:0 .2857rem 0 0}.ui.labeled.input input{padding-right:2.5em!important}.ui[class*="corner labeled"].input{display:inline-block}.ui[class*="corner labeled"].input>input{display:block}.ui[class*="corner labeled"].icon.input:not(.left)>input{padding-right:3.25em!important}.ui[class*="corner labeled"].icon.input:not(.left)>.icon{margin-right:1.25em}.ui.action.input{display:table}.ui.action.input>input{display:table-cell;vertical-align:top}.ui.action.input>.button,.ui.action.input>.buttons{display:table-cell;vertical-align:middle;white-space:nowrap}.ui.action.input>.button>.icon,.ui.action.input>.buttons>.button>.icon{display:inline;vertical-align:top}.ui.fluid.action.input{display:table;width:100%}.ui.fluid.action.input>.button{width:.01%}.ui.action.input:not([class*="left action"])>input{border-right:none;border-top-right-radius:0!important;border-bottom-right-radius:0!important}.ui.action.input:not([class*="left action"])>.button,.ui.action.input:not([class*="left action"])>.buttons{border-top-left-radius:0;border-bottom-left-radius:0}.ui[class*="left action"].input>.button,.ui[class*="left action"].input>.buttons{border-top-right-radius:0;border-bottom-right-radius:0}.ui[class*="left action"].input>input{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.ui.inverted.input input{border:none}.ui.fluid.input{display:block}.ui.mini.input{font-size:.8125rem}.ui.small.input{font-size:.875rem}.ui.input{font-size:1rem}.ui.large.input{font-size:1.125rem}.ui.big.input{font-size:1.25rem}.ui.huge.input{font-size:1.375rem}.ui.massive.input{font-size:1.5rem}