User:Rezonansowy/lightbox.css

/************************************* * Basic lightbox styles. Notice the * default 'display' is 'none'. */

.image { /** Hide the lightbox */ display: none;

/** Apply basic lightbox styling */ position: fixed; z-index: 9999; width: 100%; height: 100%; text-align: center; top: 0; left: 0; background: black; background: rgba(0,0,0,0.8); }

.image img { /** Pad the lightbox image */ max-width: 90%; max-height: 80%; margin-top: 2%; }

.image:target { /** Show lightbox when it is target */ display: block;

/** Remove default browser outline style */ outline: none; }