PluginProbe
Automatic YouTube Gallery – Embed Auto-Updating YouTube Video Galleries, Feeds, Playlists & Channels / 1.6.5
Automatic YouTube Gallery – Embed Auto-Updating YouTube Video Galleries, Feeds, Playlists & Channels v1.6.5
2.9.1 2.9.0 trunk 1.0.0 1.1.0 1.2.0 1.3.0 1.4.0 1.5.0 1.6.0 1.6.1 1.6.2 1.6.3 1.6.4 1.6.5 2.0.0 2.1.0 2.2.0 2.3.2 2.3.3 2.3.5 2.3.6 2.3.8 2.3.9 2.4.3 All 37 releases
automatic-youtube-gallery / admin / assets / css / admin.css

admin.css in Automatic YouTube Gallery – Embed Auto-Updating YouTube Video Galleries, Feeds, Playlists & Channels 1.6.5, at admin/assets/css/admin.css

302 lines 6.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*----------------------------------------------------------------------------------------------
2 *
3 * Global
4 *
5 *--------------------------------------------------------------------------------------------*/
6 .ayg-text-center {
7 text-align: center;
8 }
9
10 .ayg-text-error {
11 color: #EC4338;
12 }
13
14 .ayg-text-success {
15 color: green;
16 }
17
18 .ayg-no-scroll {
19 overflow: hidden;
20 }
21
22 .ayg-ajax-status .spinner {
23 float: none;
24 visibility: visible;
25 }
26
27 /*----------------------------------------------------------------------------------------------
28 *
29 * Dashboard
30 *
31 *--------------------------------------------------------------------------------------------*/
32 #ayg-dashboard h1 {
33 font-size: 2em;
34 font-weight: 500;
35 }
36
37 #ayg-dashboard .wp-badge {
38 margin-bottom: 0;
39 background: #EC4338 url( '../images/logo.png' ) no-repeat top;
40 }
41
42 #ayg-table-api-key .ayg-ajax-status span {
43 margin: 0 7px;
44 }
45
46 #ayg-shortcode-builder {
47 display: -webkit-flex; /* Safari */
48 -webkit-flex-wrap: wrap; /* Safari 6.1+ */
49 display: flex;
50 flex-wrap: wrap;
51 margin: 0 -15px;
52 }
53
54 #ayg-shortcode-builder .ayg-left-col,
55 #ayg-shortcode-builder .ayg-right-col {
56 width: 100%;
57 }
58
59 #ayg-shortcode-builder .ayg-col-content {
60 padding: 15px;
61 }
62
63 @media only screen and (min-width: 768px) {
64 #ayg-shortcode-builder .ayg-left-col {
65 width: 60%;
66 }
67
68 #ayg-shortcode-builder .ayg-right-col {
69 width: 40%;
70 }
71 }
72
73 /*----------------------------------------------------------------------------------------------
74 *
75 * Settings
76 *
77 *--------------------------------------------------------------------------------------------*/
78 #ayg-table-delete-cache {
79 margin-top: 0;
80 }
81
82 #ayg-table-delete-cache .ayg-text-success {
83 line-height: 28px;
84 margin: 0 7px;
85 }
86
87 /*----------------------------------------------------------------------------------------------
88 *
89 * Modal
90 *
91 *--------------------------------------------------------------------------------------------*/
92 .ayg-modal {
93 position: fixed;
94 width: 100%;
95 height: 100%;
96 margin: 0;
97 padding: 0;
98 top: 0;
99 left: 0;
100 z-index: 9999;
101 }
102
103 .ayg-modal-bg {
104 width: 100%;
105 height: 100%;
106 background-color: #000;
107 opacity: 0.9;
108 }
109
110 .ayg-modal-content {
111 position: absolute;
112 width: 100%;
113 height: 100%;
114 margin: 0;
115 padding: 0;
116 top: 0;
117 left: 0;
118 overflow-y: auto;
119 z-index: 1;
120 }
121
122 .ayg-modal-body {
123 position: relative;
124 width: 90%;
125 max-width: 540px;
126 margin: 50px auto;
127 padding: 15px;
128 background-color: #fff;
129 }
130
131 .ayg-modal-body .ayg-modal-close {
132 position: absolute;
133 width: 25px;
134 height: 25px;
135 top: 15px;
136 right: 15px;
137 color: #999;
138 font-size: 25px;
139 text-align: center;
140 cursor: pointer;
141 }
142
143 .ayg-modal-body .ayg-modal-title {
144 margin: 0 25px 15px 0;
145 }
146
147 /*----------------------------------------------------------------------------------------------
148 *
149 * Editor
150 *
151 *--------------------------------------------------------------------------------------------*/
152 .ayg-editor-section-header {
153 margin: 5px 0 0 0;
154 padding: 10px;
155 background: #e5e5e5;
156 border: 1px solid #ccc;
157 font-size: 1.1em;
158 font-weight: normal;
159 line-height: normal;
160 cursor: pointer;
161 }
162
163 .ayg-editor-section-header:hover {
164 background: #f9f9f9;
165 }
166
167 .ayg-editor-section-header .dashicons-before {
168 color: #006799;
169 line-height: 1.1em;
170 }
171
172 .ayg-editor-section-header .dashicons-plus {
173 display: inline-block;
174 }
175
176 .ayg-editor-section-header .dashicons-minus {
177 display: none;
178 }
179
180 .ayg-active .ayg-editor-section-header .dashicons-plus {
181 display: none;
182 }
183
184 .ayg-active .ayg-editor-section-header .dashicons-minus {
185 display: inline-block;
186 }
187
188 .ayg-editor-controls {
189 margin: -1px 0 0 0;
190 padding: 10px;
191 background: #fff;
192 border: 1px solid #ccc;
193 }
194
195 .ayg-editor-control {
196 margin-bottom: 15px;
197 }
198
199 .ayg-editor-control label {
200 display: block;
201 margin-bottom: 5px;
202 }
203
204 .ayg-editor-control .wp-picker-input-wrap label {
205 display: inline-block;
206 }
207
208 .ayg-editor-control-playlist,
209 .ayg-editor-control-channel,
210 .ayg-editor-control-username,
211 .ayg-editor-control-search,
212 .ayg-editor-control-video,
213 .ayg-editor-control-videos,
214 .ayg-editor-control-order,
215 .ayg-editor-control-limit {
216 display: none;
217 }
218
219 .ayg-editor-field-type-playlist .ayg-editor-control-playlist {
220 display: block;
221 }
222
223 .ayg-editor-field-type-channel .ayg-editor-control-channel,
224 .ayg-editor-field-type-livestream .ayg-editor-control-channel {
225 display: block;
226 }
227
228 .ayg-editor-field-type-username .ayg-editor-control-username {
229 display: block;
230 }
231
232 .ayg-editor-field-type-search .ayg-editor-control-search,
233 .ayg-editor-field-type-search .ayg-editor-control-order,
234 .ayg-editor-field-type-search .ayg-editor-control-limit {
235 display: block;
236 }
237
238 .ayg-editor-field-type-video .ayg-editor-control-video {
239 display: block;
240 }
241
242 .ayg-editor-field-type-video .ayg-editor-control-autoadvance {
243 display: none;
244 }
245
246 .ayg-editor-field-type-livestream .ayg-editor-control-cache,
247 .ayg-editor-field-type-livestream .ayg-editor-control-player_title,
248 .ayg-editor-field-type-livestream .ayg-editor-control-player_description,
249 .ayg-editor-field-type-livestream .ayg-editor-control-autoadvance,
250 .ayg-editor-field-type-livestream .ayg-editor-control-loop {
251 display: none;
252 }
253
254 .ayg-editor-field-type-video .ayg-editor-section-gallery,
255 .ayg-editor-field-type-livestream .ayg-editor-section-gallery {
256 display: none;
257 }
258
259 .ayg-editor-field-type-videos .ayg-editor-control-videos {
260 display: block;
261 }
262
263 /*----------------------------------------------------------------------------------------------
264 *
265 * Block
266 *
267 *--------------------------------------------------------------------------------------------*/
268 .ayg-block-panel label {
269 font-weight: 500;
270 }
271
272 /*----------------------------------------------------------------------------------------------
273 *
274 * Widget
275 *
276 *--------------------------------------------------------------------------------------------*/
277 .widget .ayg-editor {
278 margin-bottom: 15px;
279 }
280
281 .widget .ayg-editor .description {
282 padding: 5px 0 !important;
283 word-break: break-word;
284 }
285
286 .branch-5-8 .widget .ayg-editor strong {
287 font-weight: 600;
288 }
289
290 .branch-5-8 .widget .ayg-editor .ayg-editor-section-header {
291 margin: 10px 0 0 0;
292 font-size: 14px;
293 font-weight: normal;
294 }
295
296 .branch-5-8 .widget .ayg-editor .ayg-editor-control {
297 margin-bottom: 7px;
298 }
299
300 .branch-5-8 .widget .ayg-editor .description {
301 margin: 0;
302 }