additional_plugins/serendipity_event_lightbox/prettyphoto/css/prettyPhotoScreens.css
2014-11-01 20:00:10 +01:00

15 lines
1,006 B
CSS

/* prettyPhoto styling for small screens */
@media (max-width: 620px) {
.pp_pic_holder.pp_default { width: 100%!important; margin-top:-100px !important;left: 0!important; overflow: hidden; }
div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
.pp_content { width: 100%!important; height: auto!important; }
.pp_fade { width: 100%!important; height: 100%!important; }
a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
#pp_full_res img { width: 100%!important; height: auto!important; }
.pp_details { width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }
a.pp_close { right: 50px!important; top: 10px!important; }
}
@media (max-width: 400px) {
a.pp_close { right: 30px!important; top: 10px!important; }
}