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.

10 lines
5.9 KiB

10 years ago
10 years ago
10 years ago
  1. /*
  2. * # Semantic UI
  3. * https://github.com/Semantic-Org/Semantic-UI
  4. * http://beta.semantic-ui.com/
  5. *
  6. * Copyright 2014 Contributors
  7. * Released under the MIT license
  8. * http://opensource.org/licenses/MIT
  9. *
  10. */
  11. .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-righ