3 * Generic base styles for Quick Edit module.
5 * Note: every class is prefixed with "quickedit-" to prevent collisions with
6 * modules or themes. In Edit module-specific DOM subtrees, this is not
18 .quickedit-editable:focus {
23 * Highlighted (hovered) editable.
25 .quickedit-editable.quickedit-highlighted {
28 .quickedit-validation-errors > .messages {
32 .quickedit-validation-errors > .messages > ul {
39 * In-place editors that don't use a popup.
41 .quickedit-validation-errors {
45 .quickedit-validation-errors .messages.error {
52 [dir="rtl"] .quickedit-validation-errors .messages.error {
58 * Styling specific to the 'form' in-place editor.
60 #quickedit_backstage {
68 .quickedit-form .placeholder {
73 * Default form styling overrides.
75 .quickedit-form .form-wrapper .form-wrapper {
78 .quickedit-form .form-actions {
81 .quickedit-form input {
88 .quickedit-toolbar-container {
95 .quickedit-toolbar-container > .quickedit-toolbar-pointer,
96 .quickedit-toolbar-container > .quickedit-toolbar-lining {
99 .quickedit-form-container {
104 vertical-align: baseline;
107 .quickedit-toolgroup.ops {
108 float: right; /* LTR */
110 [dir="rtl"] .quickedit-toolgroup.ops {
113 .quickedit-toolbar-label {
116 #quickedit-toolbar-fence {