PluginProbe
Automatic YouTube Gallery – Embed Auto-Updating YouTube Video Galleries, Feeds, Playlists & Channels / 1.2.0
Automatic YouTube Gallery – Embed Auto-Updating YouTube Video Galleries, Feeds, Playlists & Channels v1.2.0
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.2.0, at admin/assets/css/admin.css

258 lines 5.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-no-scroll {
11 overflow: hidden;
12 }
13
14 /*----------------------------------------------------------------------------------------------
15 *
16 * Welcome
17 *
18 *--------------------------------------------------------------------------------------------*/
19 #ayg-welcome h1 {
20 font-size: 2em;
21 font-weight: 500;
22 }
23
24 #ayg-welcome .wp-badge {
25 margin-bottom: 0;
26 background: #EC4338 url( '../images/logo.png' ) no-repeat top;
27 }
28
29 #ayg-welcome .feature-video {
30 position: relative;
31 width: 100%;
32 max-width: 100%;
33 height: 0;
34 padding-bottom: 56.25%;
35 }
36
37 #ayg-welcome .feature-video iframe {
38 position: absolute;
39 width: 100%;
40 height: 100%;
41 top: 0;
42 left: 0;
43 }
44
45 /*----------------------------------------------------------------------------------------------
46 *
47 * Admin Notice
48 *
49 *--------------------------------------------------------------------------------------------*/
50 #ayg-admin-notice a {
51 text-decoration: none;
52 }
53
54 .ayg-admin-notice-link-premium {
55 color: green;
56 }
57
58 /*----------------------------------------------------------------------------------------------
59 *
60 * Modal
61 *
62 *--------------------------------------------------------------------------------------------*/
63 .ayg-modal {
64 position: fixed;
65 width: 100%;
66 height: 100%;
67 margin: 0;
68 padding: 0;
69 top: 0;
70 left: 0;
71 z-index: 9999;
72 }
73
74 .ayg-modal-bg {
75 width: 100%;
76 height: 100%;
77 background-color: #000;
78 opacity: 0.9;
79 }
80
81 .ayg-modal-content {
82 position: absolute;
83 width: 100%;
84 height: 100%;
85 margin: 0;
86 padding: 0;
87 top: 0;
88 left: 0;
89 overflow-y: auto;
90 z-index: 1;
91 }
92
93 .ayg-modal-body {
94 position: relative;
95 width: 90%;
96 max-width: 540px;
97 margin: 50px auto;
98 padding: 15px;
99 background-color: #fff;
100 }
101
102 .ayg-modal-body .ayg-modal-close {
103 position: absolute;
104 width: 25px;
105 height: 25px;
106 top: 15px;
107 right: 15px;
108 color: #999;
109 font-size: 25px;
110 text-align: center;
111 cursor: pointer;
112 }
113
114 .ayg-modal-body .ayg-editor-title {
115 margin: 0 25px 15px 0;
116 }
117
118 /*----------------------------------------------------------------------------------------------
119 *
120 * Editor
121 *
122 *--------------------------------------------------------------------------------------------*/
123 .ayg-editor-section-header {
124 margin: 5px 0 0 0;
125 padding: 10px;
126 background: #f9f9f9;
127 border: 1px solid #ddd;
128 font-size: 1.1em;
129 font-weight: normal;
130 line-height: normal;
131 cursor: pointer;
132 }
133
134 .ayg-editor-section-header:hover {
135 background: #f0f0f0;
136 }
137
138 .ayg-editor-section-header .dashicons-before {
139 color: #006799;
140 line-height: 1.1em;
141 }
142
143 .ayg-editor-section-header .dashicons-plus {
144 display: inline-block;
145 }
146
147 .ayg-editor-section-header .dashicons-minus {
148 display: none;
149 }
150
151 .ayg-active .ayg-editor-section-header .dashicons-plus {
152 display: none;
153 }
154
155 .ayg-active .ayg-editor-section-header .dashicons-minus {
156 display: inline-block;
157 }
158
159 .ayg-editor-controls {
160 margin: -1px 0 0 0;
161 padding: 10px;
162 border: 1px solid #ddd;
163 }
164
165 .ayg-editor-control {
166 margin-bottom: 15px;
167 }
168
169 .ayg-editor-control label {
170 display: block;
171 margin-bottom: 5px;
172 }
173
174 .ayg-editor-control .wp-picker-input-wrap label {
175 display: inline-block;
176 }
177
178 .ayg-editor-control-playlist,
179 .ayg-editor-control-channel,
180 .ayg-editor-control-username,
181 .ayg-editor-control-search,
182 .ayg-editor-control-video,
183 .ayg-editor-control-videos,
184 .ayg-editor-control-order,
185 .ayg-editor-control-limit {
186 display: none;
187 }
188
189 .ayg-editor-field-type-playlist .ayg-editor-control-playlist {
190 display: block;
191 }
192
193 .ayg-editor-field-type-channel .ayg-editor-control-channel {
194 display: block;
195 }
196
197 .ayg-editor-field-type-username .ayg-editor-control-username {
198 display: block;
199 }
200
201 .ayg-editor-field-type-search .ayg-editor-control-search,
202 .ayg-editor-field-type-search .ayg-editor-control-order,
203 .ayg-editor-field-type-search .ayg-editor-control-limit {
204 display: block;
205 }
206
207 .ayg-editor-field-type-video .ayg-editor-control-video {
208 display: block;
209 }
210
211 .ayg-editor-field-type-video .ayg-editor-section-gallery {
212 display: none;
213 }
214
215 .ayg-editor-field-type-videos .ayg-editor-control-videos {
216 display: block;
217 }
218
219 /*----------------------------------------------------------------------------------------------
220 *
221 * Shortcode Builder
222 *
223 *--------------------------------------------------------------------------------------------*/
224 #ayg-media-button .dashicons:before {
225 color: #FFF;
226 }
227
228 #ayg-shortcode-builder {
229 position: relative;
230 width: auto;
231 max-width: 500px;
232 margin: 32px auto;
233 padding: 20px;
234 background: #FFF;
235 }
236
237 /*----------------------------------------------------------------------------------------------
238 *
239 * Block
240 *
241 *--------------------------------------------------------------------------------------------*/
242 .ayg-block-panel label {
243 font-weight: 500;
244 }
245
246 /*----------------------------------------------------------------------------------------------
247 *
248 * Widget
249 *
250 *--------------------------------------------------------------------------------------------*/
251 .widget .ayg-editor {
252 margin-bottom: 15px;
253 }
254
255 .widget .ayg-editor .description {
256 padding: 5px 0 !important;
257 word-break: break-word;
258 }