Difference between revisions of "Template:Copenhagen-Header"

Line 663: Line 663:
 
}
 
}
  
 +
/** LIGHTBOX MARKUP **/
 +
 +
.lightbox {
 +
/** Default lightbox to hidden */
 +
display: none;
 +
 +
/** Position and style */
 +
position: fixed;
 +
z-index: 999;
 +
width: 100%;
 +
height: 100%;
 +
text-align: center;
 +
top: 0;
 +
left: 0;
 +
background: rgba(0,0,0,0.8);
 +
}
 +
 +
.lightbox img {
 +
/** Pad the lightbox image */
 +
max-width: 90%;
 +
max-height: 80%;
 +
margin-top: 2%;
 +
}
 +
 +
.lightbox:target {
 +
/** Remove default browser outline */
 +
outline: none;
 +
 +
/** Unhide lightbox **/
 +
display: block;
 +
}
 
     </style>
 
     </style>
  

Revision as of 17:32, 28 October 2017