123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126 |
- ul.tagit {
- padding: 1px 5px;
- overflow: auto;
- margin-left: inherit; /* usually we don't want the regular ul margins. */
- margin-right: inherit;
- }
- ul.tagit li {
- display: block;
- float: left;
- margin: 2px 5px 2px 0;
- }
- ul.tagit li.tagit-choice {
- position: relative;
- line-height: inherit;
- }
- ul.tagit li.tagit-choice-read-only {
- padding: .2em .5em .2em .5em;
- }
- ul.tagit li.tagit-choice-editable {
- padding: .2em 18px .2em .5em;
- }
- ul.tagit li.tagit-new {
- padding: .25em 4px .25em 0;
- }
- ul.tagit li.tagit-choice a.tagit-label {
- cursor: pointer;
- text-decoration: none;
- }
- ul.tagit li.tagit-choice .tagit-close {
- cursor: pointer;
- position: absolute;
- right: .1em;
- top: 50%;
- margin-top: -8px;
- line-height: 17px;
- }
- /* used for some custom themes that don't need image icons */
- ul.tagit li.tagit-choice .tagit-close .text-icon {
- display: none;
- }
- ul.tagit li.tagit-choice input {
- display: block;
- float: left;
- margin: 2px 5px 2px 0;
- }
- ul.tagit input[type="text"] {
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- -moz-box-shadow: none;
- -webkit-box-shadow: none;
- box-shadow: none;
- border: none;
- margin: 0;
- padding: 0;
- width: inherit;
- background-color: inherit;
- outline: none;
- }
- /* Optional scoped theme for tag-it which mimics the zendesk widget. */
- ul.tagit {
- border-style: solid;
- border-width: 1px;
- border-color: #C6C6C6;
- background: inherit;
- }
- ul.tagit li.tagit-choice {
- -moz-border-radius: 6px;
- border-radius: 6px;
- -webkit-border-radius: 6px;
- border: 1px solid #CAD8F3;
- background: none;
- background-color: #DEE7F8;
- font-weight: normal;
- }
- ul.tagit li.tagit-choice .tagit-label:not(a) {
- color: #555;
- }
- ul.tagit li.tagit-choice a.tagit-close {
- text-decoration: none;
- }
- ul.tagit li.tagit-choice .tagit-close {
- right: .4em;
- }
- ul.tagit li.tagit-choice .ui-icon {
- display: none;
- }
- ul.tagit li.tagit-choice .tagit-close .text-icon {
- display: inline;
- font-family: arial, sans-serif;
- font-size: 16px;
- line-height: 16px;
- color: #777;
- }
- ul.tagit li.tagit-choice:hover, ul.tagit li.tagit-choice.remove {
- background-color: #bbcef1;
- border-color: #6d95e0;
- }
- ul.tagit li.tagit-choice a.tagLabel:hover,
- ul.tagit li.tagit-choice a.tagit-close .text-icon:hover {
- color: #222;
- }
- ul.tagit input[type="text"] {
- color: #333333;
- background: none;
- }
- .ui-widget {
- font-size: 1.1em;
- }
|