diff options
Diffstat (limited to 'ihatemoney/static/css')
| -rw-r--r-- | ihatemoney/static/css/main.css | 1 | ||||
| -rw-r--r-- | ihatemoney/static/css/tagsinput.css | 16 |
2 files changed, 17 insertions, 0 deletions
diff --git a/ihatemoney/static/css/main.css b/ihatemoney/static/css/main.css index 52bd77b..6f7aabc 100644 --- a/ihatemoney/static/css/main.css +++ b/ihatemoney/static/css/main.css @@ -1,4 +1,5 @@ @import "bootstrap.min.css"; +@import "tagsinput.css"; @import "bootstrap-datepicker3.standalone.css"; @import "../fonts/fontfaces.css"; diff --git a/ihatemoney/static/css/tagsinput.css b/ihatemoney/static/css/tagsinput.css new file mode 100644 index 0000000..cbb28cd --- /dev/null +++ b/ihatemoney/static/css/tagsinput.css @@ -0,0 +1,16 @@ +.tagsinput,.tagsinput *{box-sizing:border-box} +.tagsinput{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;background:#fff;font-family:sans-serif;font-size:14px;line-height:20px;color:#556270;padding:5px 5px 0;border:1px solid #e6e6e6;border-radius:2px} +.tagsinput.focus{border-color:#ccc} +.tagsinput .tag{position:relative;background:#556270;display:block;max-width:100%;word-wrap:break-word;color:#fff;padding:5px 30px 5px 5px;border-radius:2px;margin:0 5px 5px 0} +.tagsinput .tag .tag-remove{position:absolute;background:0 0;display:block;width:30px;height:30px;top:0;right:0;cursor:pointer;text-decoration:none;text-align:center;color:#ff6b6b;line-height:30px;padding:0;border:0} +.tagsinput .tag .tag-remove:after,.tagsinput .tag .tag-remove:before{background:#ff6b6b;position:absolute;display:block;width:10px;height:2px;top:14px;left:10px;content:''} +.tagsinput .tag .tag-remove:before{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)} +.tagsinput .tag .tag-remove:after{-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)} +.tagsinput div{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1} +.tagsinput div input{background:0 0;display:block;width:100%;font-size:14px;line-height:20px;padding:5px;border:0;margin:0 5px 5px 0} +.tagsinput div input.error{color:#ff6b6b} +.tagsinput div input::-ms-clear{display:none} +.tagsinput div input::-webkit-input-placeholder{color:#ccc;opacity:1} +.tagsinput div input:-moz-placeholder{color:#ccc;opacity:1} +.tagsinput div input::-moz-placeholder{color:#ccc;opacity:1} +.tagsinput div input:-ms-input-placeholder{color:#ccc;opacity:1} |