PluginProbe
Gallery by BestWebSoft – Customizable Image and Photo Galleries for WordPress / 4.8.0
Gallery by BestWebSoft – Customizable Image and Photo Galleries for WordPress v4.8.0
4.8.1 4.8.0 4.7.9 trunk 2.01 2.02 2.03 2.04 2.05 2.06 2.07 2.08 2.09 2.10 2.11 2.12 2011.1.01 2011.1.02 3.01 3.02 3.03 3.04 3.05 3.06 3.1 All 131 releases
gallery-plugin / css / frontend_style.css

frontend_style.css in Gallery by BestWebSoft – Customizable Image and Photo Galleries for WordPress 4.8.0, at css/frontend_style.css

395 lines 8.4 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*
2 * styles for gallery page
3 */
4 ul.gallery {
5 list-style: none outside none;
6 }
7 .gallery_box_single .gallery.clearfix {
8 display: table;
9 margin: 0 auto 20px;
10 }
11 .gallery_box ul {
12 list-style: none outside none !important;
13 }
14 .gallery_box ul li {
15 margin: 0 0 20px;
16 }
17 .gallery_box li img {
18 margin: 0 10px 10px 0;
19 float: left;
20 border: 1px solid #BDBDBD;
21 box-sizing: content-box;
22 -moz-box-sizing: content-box; /*Firefox 1-3*/
23 -webkit-box-sizing: content-box; /* Safari */
24 }
25 .rtl .gallery_box li img {
26 margin: 0 0 10px 10px;
27 float: right;
28 }
29 .gallery_box p {
30 margin-bottom: 0;
31 }
32 .gallery_detail_box {
33 float: left;
34 clear: both;
35 }
36 .rtl .gallery_detail_box {
37 float: right;
38 }
39 .gallery_box .gallery_detail_box p.title {
40 color: #000000;
41 line-height: 1.5em;
42 margin: 0 0 10px;
43 font-weight: bold;
44 }
45 .gllr-list.gllr-display-column .gallery_detail_box {
46 width: 100%;
47 }
48 .gallery_box ul.gllr-list li,
49 .gallery_box ul.gllr-list li > a > img {
50 max-width: 100%;
51 }
52 .gallery_box ul.gllr-list li > a > img {
53 box-sizing: border-box;
54 }
55 .gallery_box ul.gllr-display-inline > li {
56 display: inline-block;
57 float: left;
58 margin-right: 10px;
59 margin-left: 10px;
60 }
61 .rtl .gallery_box ul.gllr-display-inline > li {
62 float: right;
63 }
64 .gallery_box ul.gllr-column-align-left {
65 text-align: left;
66 }
67 .gallery_box ul.gllr-column-align-left img {
68 float: left;
69 }
70 .gallery_box ul.gllr-column-align-right {
71 text-align: right;
72 }
73 .gallery_box ul.gllr-column-align-right img,
74 .gallery_box ul.gllr-column-align-right .gallery_detail_box {
75 float: right;
76 margin-right: 0;
77 }
78 .gallery_box ul.gllr-column-align-center {
79 text-align: center;
80 }
81 .gallery_box ul .gllr_detail_title,
82 .gallery_box ul .gllr_detail_excerpt {
83 text-align: initial;
84 }
85 .gallery_box ul.gllr-column-align-center > li > a {
86 display: block;
87 transition: none;
88 box-shadow: none;
89 }
90 .gallery_box ul.gllr-column-align-center .gallery_detail_box div,
91 .gallery_box ul.gllr-column-align-center .gallery_detail_box a {
92 text-align: center;
93 }
94 .gallery_box ul.gllr-column-align-center img {
95 float: none;
96 margin: 10px auto;
97 }
98 .gllr_clear {
99 clear: both;
100 height: 0;
101 }
102 .clear {
103 clear: both;
104 }
105 .gallery .gllr_image_block {
106 float: left;
107 }
108 .rtl .gallery .gllr_image_block {
109 float: right;
110 }
111 #content .gallery .gllr_image_block a,
112 .gallery .gllr_image_block a {
113 display: block;
114 position: relative;
115 color: rgba(0,0,0,0);
116 border-bottom: none;
117 box-shadow: none;
118 -webkit-box-shadow: none;
119 }
120 #content .gallery .gllr_image_block a img,
121 .gallery .gllr_image_block a img {
122 display: block;
123 margin-top: 0;
124 box-sizing: content-box;
125 -moz-box-sizing: content-box; /*Firefox 1-3*/
126 -webkit-box-sizing: content-box; /* Safari */
127 box-shadow: none;
128 -webkit-box-shadow: none;
129 }
130 #content .gallery_box_single,
131 .gallery_box_single,
132 #bws_gallery_image_title {
133 word-break: break-word;
134 word-wrap: break-word;
135 }
136 #content .gallery_box_single .gallery .gllr_image_block p,
137 .gallery_box_single .gallery .gllr_image_block p {
138 margin: 5px 6px 0 0;
139 padding: 0;
140 box-sizing: content-box;
141 -moz-box-sizing: content-box; /*Firefox 1-3*/
142 -webkit-box-sizing: content-box; /* Safari */
143 }
144 .rtl #content .gallery_box_single .gallery .gllr_image_block p,
145 .rtl .gallery_box_single .gallery .gllr_image_block p {
146 margin: 5px 0 0 6px;
147 }
148 .gllr_single_image_text {
149 font-size: 12px;
150 line-height: normal;
151 word-break: break-word;
152 word-wrap: break-word;
153 }
154 .gallery li {
155 float: left;
156 margin: 5px 6px 10px 0;
157 }
158 .rtl .gallery li {
159 float: right;
160 margin: 5px 0 10px 6px;
161 }
162 .gallery .gllr_image_container {
163 border: 1px solid #BDBDBD;
164 }
165 /* template fix for theme 2015\2017 */
166 .site-content .gllr_wrap .site-content {
167 margin-left: 0;
168 width: 100%;
169 float: none;
170 }
171 .gllr_twentyseventeen .site-content .gllr_wrap .site-content {
172 padding-top: 0;
173 }
174 #gllr_date_additional_field, #gllr_link_additional_field,
175 #gllr_shrdescription_additional_field, #gllr_description_additional_field,
176 #gllr_svn_additional_field, #gllr_executor_additional_field,
177 #gllr_technologies_additional_field {
178 float: left;
179 position: relative;
180 top: 2px;
181 margin-right: 3px;
182 }
183 .rtl #gllr_date_additional_field, #gllr_link_additional_field,
184 .rtl #gllr_shrdescription_additional_field, #gllr_description_additional_field,
185 .rtl #gllr_svn_additional_field, #gllr_executor_additional_field,
186 .rtl #gllr_technologies_additional_field {
187 float: right;
188 }
189 .tax-gallery_categories .site-content .site-content {
190 padding-top: 0;
191 width: 100%;
192 margin-left: 0;
193 margin-right: 0;
194 }
195 /* template fix for theme 2016 */
196 .gllr_twentysixteen.single-gallery .hentry,
197 .gllr_twentysixteen.single-bws-gallery .hentry {
198 margin-bottom: 3.5em;
199 }
200
201 /*
202 * Fancybox styles
203 */
204 .fancybox-container,
205 .fancybox-container * {
206 box-sizing: content-box;
207 -moz-box-sizing: content-box;
208 -webkit-box-sizing: content-box;
209 }
210 .fancybox-container.fancybox-is-open {
211 z-index: 100000;
212 }
213 .fancybox-arrow:hover,
214 .fancybox-arrow:focus,
215 .fancybox-arrow:active {
216 background: transparent;
217 }
218 .fancybox-button:hover,
219 .fancybox-button:focus,
220 .fancybox-button:active,
221 .fancybox-button.dashicons-download:hover,
222 .fancybox-button.dashicons-download:focus,
223 .fancybox-button.dashicons-download:active {
224 color: #fff;
225 background: rgba(0,0,0,.8);
226 }
227 .fancybox-button.dashicons-download:before {
228 content: "\f316";
229 background-color: transparent;
230 color: inherit;
231 left: 11px;
232 top: 2px;
233 }
234 .fancybox-container.fancybox-show-thumbs .fancybox-thumbs {
235 background: rgba(0, 0, 0, 0.3);
236 box-sizing: border-box;
237 }
238 .button {
239 border: none;
240 border-radius: 5px;
241 box-sizing: border-box;
242 color: #fff;
243 outline: none;
244 padding: 0.76rem 1rem;
245 text-decoration: none;
246 }
247 @media screen and (min-width: 61.5625em) {
248 .gllr_twentysixteen.single-gallery .hentry,
249 .gllr_twentysixteen.single-bws-gallery .hentry {
250 margin-bottom: 7.0em;
251 }
252 }
253 @media screen and (min-width: 44.375em) {
254 .gllr_twentysixteen.single-gallery .hentry,
255 .gllr_twentysixteen.single-bws-gallery .hentry {
256 margin-bottom: 5.25em;
257 }
258 }
259 /* template fix for theme 2017 */
260 @media screen and (min-width: 48em) {
261 .gllr_twentyseventeen .gllr_wrap #primary {
262 float: left;
263 width: 58%;
264 }
265 .gllr_twentyseventeen .gllr_wrap #secondary {
266 float: right;
267 padding-top: 0;
268 width: 36%;
269 }
270 body.gllr_twentyseventeen .gllr_wrap #primary .entry-header,
271 body.gllr_twentyseventeen .gllr_wrap #primary .entry-content {
272 float: none;
273 width: 100%;
274 }
275 }
276 /* fix pagination */
277 .gllr_pagination.pagination {
278 margin: 0 0 20px;
279 border: none;
280 box-shadow: none;
281 }
282 .gllr_pagination.pagination a {
283 border: none;
284 box-shadow: none;
285 }
286 .gllr_pagination:before,
287 .gllr_pagination:after {
288 display: none;
289 }
290 .gllr_pagination.pagination a {
291 box-shadow: none;
292 }
293 .gllr_pagination.pagination .page-numbers {
294 display: initial !important;
295 word-wrap: normal;
296 word-break: normal;
297 }
298 .gllr_twentytwelve .gllr_pagination.pagination .page-numbers,
299 .gllr_twentythirteen .gllr_pagination.pagination .page-numbers,
300 .gllr_twentyfourteen .gllr_pagination.pagination .page-numbers {
301 margin: 0 10px 0 0;
302 }
303 .rtl .gllr_twentytwelve .gllr_pagination.pagination .page-numbers,
304 .rtl .gllr_twentythirteen .gllr_pagination.pagination .page-numbers,
305 .rtl .gllr_twentyfourteen .gllr_pagination.pagination .page-numbers {
306 margin: 0 0 0 10px;
307 }
308 .gllr_return_link {
309 margin: 0 0 20px !important;
310 }
311
312 /* Galleries widget */
313 .gllr-widget-table table {
314 border-collapse: collapse;
315 width: 100%;
316 table-layout: fixed;
317 border: none;
318 }
319
320 .gllr-widget-table table td{
321 padding: 0;
322 margin: 0;
323 border: none;
324 word-break: normal;
325 height: 300px;
326 vertical-align: top;
327 position: relative;
328 }
329
330 .gllr-widget-table tr{
331 border: none;
332 }
333
334 .gllr-widget-cell-item{
335 height: 100% !important;
336 width: 100% !important;
337 position: absolute;
338 }
339
340 .gllr-widget-cell-item-hover{
341 position: absolute;
342 top: 0;
343 bottom: 0;
344 left: 0;
345 right: 0;
346 z-index: 2;
347 display: none;
348 }
349
350 .gllr-widget-cell-item:hover .gllr-widget-cell-item-hover{
351 display: block;
352 }
353
354 .gllr-widget-content-center{
355 height: 100%;
356 width: 100%;
357 display: -webkit-box;
358 display: -ms-flexbox;
359 display: flex;
360 -webkit-box-pack: center;
361 -ms-flex-pack: center;
362 justify-content: center;
363 -webkit-box-align: center;
364 -ms-flex-align: center;
365 align-items: center;
366 }
367
368 .gllr-widget-cell-item-hover a{
369 color: #fff;
370 }
371
372 .gllr-widget-cell-item img {
373 display: block;
374 width: 100% !important;
375 height: 100% !important;
376 object-fit: cover;
377 object-position: center;
378 }
379
380 .gllr_grid {
381 flex-direction: column;
382 display: flex;
383 }
384 .gllr_single_image_text_under {
385 color: #888;
386 }
387 .gllr_twentytwentyone .gllr-widget-cell-item .button {
388 display: inline-block;
389 font-size: 14px;
390 }
391 .gllr-download {
392 margin-top: 30px;
393 display: inline-block;
394 }
395