.inputosaurus-container { background-color: #fff; border: 1px solid #ccc; border-radius: 3px; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-sizing: border-box; cursor: text; font-size: 90%; list-style: none; margin: 0 5px 0 0; padding: 0; transition: border linear .2s, box-shadow linear .2s; } .inputosaurus-container li { display: inline-block; } .inputosaurus-container li[draggable] { background-color: #eee; border: 1px solid #aaa; border-radius: 2px; box-shadow: 0 1px 0 rgba(255,255,255,0.75) inset; color: #555; cursor: default; max-width: 500px; overflow: hidden; margin: 2px; padding: 2px 15px 2px 5px; position: relative; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; } .inputosaurus-container li.pgp { background-color: #E5F3E2; } .inputosaurus-container li span { padding-right: 3px; } .inputosaurus-container li a { font-size: 12px; color: #999; outline: 0; padding: 1px; position: absolute; right: 2px; text-decoration: none; top: 1px; } .inputosaurus-container li a:hover { color: #666; } .inputosaurus-container .inputosaurus-input { margin: 0 2px; padding: 0; } .inputosaurus-container input[type="text"], .inputosaurus-container input[type="text"]:focus, .inputosaurus-container input[type="text"]:hover { border: 0; box-shadow: none; height: 24px; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } .inputosaurus-container li.inputosaurus-selected, .inputosaurus-container li.inputosaurus-selected a { background-color: Highlight; color: HighlightText; }