/** * Styles for the jQuery Plugin tagedit * * Copyright (c) 2010 Oliver Albrecht info@webwork-albrecht.de * * @author Oliver Albrecht info@webwork-albrecht.de * @version 1.0.0 * */ /** Styles for the Example page **/ body {font-size: 12px; color: #666; font-family: Verdana, sans-serif; margin: 20px;} input {font-size: 12px; color: #666; font-family: Verdana, sans-serif;} input[type=submit] {border: 1px solid #999; margin-top: 2em; background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; line-height: 30px; height: 30px; -moz-box-shadow: 0 0 3px #888; -webkit-box-shadow: 0 0 3px #888; box-shadow: 0 0 3px #888;} label {font-weight: bold; margin-bottom: 0.5em; display: block;} .footer {margin-top: 100px;} /** * Styles of the tagedit inputsforms */ .tagedit-list {margin: 0; padding: 5px 5px 0 5px; border: 1px solid #c6c6c6; width: 400px; overflow: auto; font-size: 11px; min-height: 25px; } .tagedit-list li.tagedit-listelement {list-style-type: none; float: left; margin: 0 5px 5px 0; padding: 0;} /* New Item input */ .tagedit-list li.tagedit-listelement-new input {border: 0; height: 100%; padding: 2px 5px; width: 15px; background: #fff;} .tagedit-list li.tagedit-listelement-new input:focus {outline: none;} .tagedit-list li.tagedit-listelement-new input.tagedit-input-disabled {display: none;} /* Item that is put to the List */ .tagedit-list li.tagedit-listelement-old {background: #eff2f7; border: 1px solid #ccd5e4; padding: 2px 0 2px 2px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px;} .tagedit-list li.tagedit-listelement-old:hover {background-color: #D6E4FF;} .tagedit-list li.tagedit-listelement-old a.tagedit-close, .tagedit-list li.tagedit-listelement-old a.tagedit-break, .tagedit-list li.tagedit-listelement-old a.tagedit-delete, .tagedit-list li.tagedit-listelement-old a.tagedit-save {font-weight: bold; text-indent: -2000px; display: inline-block; width: 15px; height: 100%; cursor: pointer; border-left: 1px dotted #7E9DD6; margin: 0 2px 0 5px; background: url(../img/cross.png) center center no-repeat;} .tagedit-list li.tagedit-listelement-old a.tagedit-save {background-image: url(../img/tick.png); margin-right: 0;} .tagedit-list li.tagedit-listelement-old a.tagedit-break {background-image: url(../img/undo.png); margin-right: 0;} .tagedit-list li.tagedit-listelement-old a.tagedit-delete {background-image: url(../img/delete.png); margin: 0 5px 0 2px; background-position: right center;} /* Items that are edited */ .tagedit-list li.tagedit-listelement-edit { padding: 0; } .tagedit-list li.tagedit-listelement-edit input.tagedit-edit-input {border: 0; background: transparent; font-size: 11px; color: #666; padding: 0;} .tagedit-list li.tagedit-listelement-edit input:focus {outline: none;} .tagedit-list li.tagedit-listelement-edit a.tagedit-break {border: 0; margin-left: 0;} .tagedit-list li.tagedit-listelement-edit a.tagedit-close, .tagedit-list li.tagedit-listelement-edit span {display: none;} /* Item is marked as deleted */ .tagedit-list li.tagedit-listelement-deleted, .tagedit-list li.tagedit-listelement-deleted:hover {padding-right: 5px; background-color: #FFD6D6; border-color: #FFB7B7; border-style: dashed; } .tagedit-list li.tagedit-listelement-deleted span {text-decoration: line-through;} .tagedit-list li.tagedit-listelement-deleted a.tagedit-close {margin-right: 0;}