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.
14 lines
4.0 KiB
14 lines
4.0 KiB
/*
|
|
* # Semantic UI
|
|
* Version: 0.16.1
|
|
* http://github.com/jlukic/semantic-ui
|
|
*
|
|
*
|
|
* Copyright 2014 Contributors
|
|
* Released under the MIT license
|
|
* http://opensource.org/licenses/MIT
|
|
*
|
|
* Released: 09/23/2014
|
|
*/
|
|
|
|
.ui.input{display:inline-block;position:relative;color:rgba(0,0,0,.8)}.ui.input input{margin:0;width:100%;outline:0;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:.325em;-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.input>.icon{background:url(../../themes/packages/default/assets/images/loader-mini.gif) 50% 50% no-repeat}.ui.loading.input>.icon:after,.ui.loading.input>.icon:before{display:none}.ui.input input:focus,.ui.input.focus input{border-color:rgba(0,0,0,.2);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:snow;border-color:#e7bebe;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 .325em .325em 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.left.icon.input>.icon{right:auto;left:1px;border-radius:.325em 0 0 .325em}.ui.left.icon.input>.circular.icon{right:auto;left:.5em}.ui.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.left.icon.input>input{padding-left:1.75em!important}.ui.icon.input>input:focus~.icon{opacity:1}.ui.labeled.input .corner.label{top:1px;right:1px;font-size:.75em;border-radius:0 .325em 0 0}.ui.labeled.input input{padding-right:2.5em!important}.ui.labeled.icon.input:not(.left)>input{padding-right:3.25em!important}.ui.labeled.icon.input:not(.left)>.icon{margin-right:1.25em}.ui.action.input{display:table}.ui.action.input>input{display:table-cell;border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-right:none}.ui.action.input>.button,.ui.action.input>.buttons{display:table-cell;border-top-left-radius:0;border-bottom-left-radius:0;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.fluid.input{display:block}.ui.mini.input{font-size:.8125em}.ui.small.input{font-size:.875em}.ui.input{font-size:1em}.ui.large.input{font-size:1.125em}.ui.big.input{font-size:1.25em}.ui.huge.input{font-size:1.375em}.ui.massive.input{font-size:1.5rem}
|