Mercurial > hg > isophonics-drupal-site
comparison core/modules/quickedit/css/quickedit.theme.css @ 14:1fec387a4317
Update Drupal core to 8.5.2 via Composer
author | Chris Cannam |
---|---|
date | Mon, 23 Apr 2018 09:46:53 +0100 |
parents | 4c8ae668cc8c |
children | af1871eacc83 |
comparison
equal
deleted
inserted
replaced
13:5fb285c0d0e3 | 14:1fec387a4317 |
---|---|
24 .quickedit-field .quickedit-changed { | 24 .quickedit-field .quickedit-changed { |
25 box-shadow: 0 0 0 1px #fec17e, 0 0 0 2px #f7870a; | 25 box-shadow: 0 0 0 1px #fec17e, 0 0 0 2px #f7870a; |
26 } | 26 } |
27 .quickedit-editing.quickedit-validation-error, | 27 .quickedit-editing.quickedit-validation-error, |
28 .quickedit-form.quickedit-validation-error { | 28 .quickedit-form.quickedit-validation-error { |
29 box-shadow: 0 0 0px 1px #ee8b74, 0 0 0 2px #fa2209; | 29 box-shadow: 0 0 0 1px #ee8b74, 0 0 0 2px #fa2209; |
30 } | 30 } |
31 .quickedit-editing.quickedit-editor-is-popup { | 31 .quickedit-editing.quickedit-editor-is-popup { |
32 box-shadow: none; | 32 box-shadow: none; |
33 } | 33 } |
34 .quickedit-form .form-item .error { | 34 .quickedit-form .form-item .error { |
43 } | 43 } |
44 .quickedit-form .form-item { | 44 .quickedit-form .form-item { |
45 margin: 0; | 45 margin: 0; |
46 } | 46 } |
47 .quickedit-form .form-wrapper { | 47 .quickedit-form .form-wrapper { |
48 margin: .5em; | 48 margin: 0.5em; |
49 } | 49 } |
50 | 50 |
51 /** | 51 /** |
52 * Animations. | 52 * Animations. |
53 */ | 53 */ |
54 .quickedit-animate-invisible { | 54 .quickedit-animate-invisible { |
55 opacity: 0; | 55 opacity: 0; |
56 } | 56 } |
57 .quickedit-animate-default { | 57 .quickedit-animate-default { |
58 -webkit-transition: all .4s ease; | 58 -webkit-transition: all 0.4s ease; |
59 transition: all .4s ease; | 59 transition: all 0.4s ease; |
60 } | 60 } |
61 .quickedit-animate-slow { | 61 .quickedit-animate-slow { |
62 -webkit-transition: all .6s ease; | 62 -webkit-transition: all 0.6s ease; |
63 transition: all .6s ease; | 63 transition: all 0.6s ease; |
64 } | 64 } |
65 .quickedit-animate-delay-veryfast { | 65 .quickedit-animate-delay-veryfast { |
66 -webkit-transition-delay: .05s; | 66 -webkit-transition-delay: 0.05s; |
67 transition-delay: .05s; | 67 transition-delay: 0.05s; |
68 } | 68 } |
69 .quickedit-animate-delay-fast { | 69 .quickedit-animate-delay-fast { |
70 -webkit-transition-delay: .2s; | 70 -webkit-transition-delay: 0.2s; |
71 transition-delay: .2s; | 71 transition-delay: 0.2s; |
72 } | 72 } |
73 .quickedit-animate-disable-width { | 73 .quickedit-animate-disable-width { |
74 -webkit-transition: width 0s; | 74 -webkit-transition: width 0s; |
75 transition: width 0s; | 75 transition: width 0s; |
76 } | 76 } |
77 .quickedit-animate-only-visibility { | 77 .quickedit-animate-only-visibility { |
78 -webkit-transition: opacity .2s ease; | 78 -webkit-transition: opacity 0.2s ease; |
79 transition: opacity .2s ease; | 79 transition: opacity 0.2s ease; |
80 } | 80 } |
81 | 81 |
82 /** | 82 /** |
83 * In-place editors that don't use a popup. | 83 * In-place editors that don't use a popup. |
84 */ | 84 */ |
85 .quickedit-validation-errors .messages.error { | 85 .quickedit-validation-errors .messages.error { |
86 box-shadow: 0 0 1px 1px red, 0 0 3px 3px rgba(153, 153, 153, .5); | 86 box-shadow: 0 0 1px 1px red, 0 0 3px 3px rgba(153, 153, 153, 0.5); |
87 background-color: white; | 87 background-color: white; |
88 } | 88 } |
89 | 89 |
90 /** | 90 /** |
91 * Styling specific to the 'form' in-place editor. | 91 * Styling specific to the 'form' in-place editor. |
105 -webkit-transition: all 1s; | 105 -webkit-transition: all 1s; |
106 transition: all 1s; | 106 transition: all 1s; |
107 } | 107 } |
108 .quickedit-toolbar-container > .quickedit-toolbar-content { | 108 .quickedit-toolbar-container > .quickedit-toolbar-content { |
109 background-image: -webkit-linear-gradient(top, #fff, #e4e4e4); | 109 background-image: -webkit-linear-gradient(top, #fff, #e4e4e4); |
110 background-image: linear-gradient(to bottom, #fff, #e4e4e4); | 110 background-image: linear-gradient(to bottom, #fff, #e4e4e4); |
111 box-sizing: border-box; | 111 box-sizing: border-box; |
112 color: black; | 112 color: black; |
113 padding: 0.1667em; | 113 padding: 0.1667em; |
114 position: relative; | 114 position: relative; |
115 -webkit-user-select: none; | 115 -webkit-user-select: none; |
119 z-index: 2; | 119 z-index: 2; |
120 } | 120 } |
121 .quickedit-toolbar-container > .quickedit-toolbar-pointer { | 121 .quickedit-toolbar-container > .quickedit-toolbar-pointer { |
122 background-color: #e4e4e4; | 122 background-color: #e4e4e4; |
123 bottom: 2px; | 123 bottom: 2px; |
124 box-shadow: 0 0 0 1px #818181, 0px 0px 0 4px rgba(150, 150, 150, 0.5); | 124 box-shadow: 0 0 0 1px #818181, 0 0 0 4px rgba(150, 150, 150, 0.5); |
125 display: block; | 125 display: block; |
126 height: 16px; | 126 height: 16px; |
127 left: 18px; /* LTR */ | 127 left: 18px; /* LTR */ |
128 position: absolute; | 128 position: absolute; |
129 -webkit-transform: rotate(45deg); | 129 -webkit-transform: rotate(45deg); |
140 bottom: auto; | 140 bottom: auto; |
141 top: 2px; | 141 top: 2px; |
142 } | 142 } |
143 .quickedit-toolbar-container > .quickedit-toolbar-lining { | 143 .quickedit-toolbar-container > .quickedit-toolbar-lining { |
144 bottom: 7px; | 144 bottom: 7px; |
145 box-shadow: 0 0 0 1px #818181, 0px 3px 0px 1px rgba(150, 150, 150, 0.5); | 145 box-shadow: 0 0 0 1px #818181, 0 3px 0 1px rgba(150, 150, 150, 0.5); |
146 display: block; | 146 display: block; |
147 left: 0; | 147 left: 0; |
148 position: absolute; | 148 position: absolute; |
149 right: 0; | 149 right: 0; |
150 top: 7px; | 150 top: 7px; |
206 cursor: pointer; | 206 cursor: pointer; |
207 display: inline-block; | 207 display: inline-block; |
208 margin: 0; | 208 margin: 0; |
209 opacity: 1; | 209 opacity: 1; |
210 padding: 0.345em; | 210 padding: 0.345em; |
211 -webkit-transition: opacity .1s ease; | 211 -webkit-transition: opacity 0.1s ease; |
212 transition: opacity .1s ease; | 212 transition: opacity 0.1s ease; |
213 } | 213 } |
214 .quickedit-button[aria-hidden="true"] { | 214 .quickedit-button[aria-hidden="true"] { |
215 visibility: hidden; | 215 visibility: hidden; |
216 opacity: 0; | 216 opacity: 0; |
217 } | 217 } |
235 } | 235 } |
236 .quickedit-button.action-save { | 236 .quickedit-button.action-save { |
237 color: white; | 237 color: white; |
238 background-color: #50a0e9; | 238 background-color: #50a0e9; |
239 background-image: -webkit-linear-gradient(top, #50a0e9, #4481dc); | 239 background-image: -webkit-linear-gradient(top, #50a0e9, #4481dc); |
240 background-image: linear-gradient(to bottom, #50a0e9, #4481dc); | 240 background-image: linear-gradient(to bottom, #50a0e9, #4481dc); |
241 border: 1px solid transparent; | 241 border: 1px solid transparent; |
242 } | 242 } |
243 .quickedit-button.action-save:hover, | 243 .quickedit-button.action-save:hover, |
244 .quickedit-button.action-save:active { | 244 .quickedit-button.action-save:active { |
245 border: 1px solid #a0a0a0; | 245 border: 1px solid #a0a0a0; |