Crie uma janela modal com CSS puro

Para quem não acessa a Internet há uns anos, janelas modal são aquelas que abrem no meio da página e que deixam o fundo meio sombreado. Existem vários plugins que podem realizar isso, a maioria em jquery.

Há um tempo atrás, achei o CSS Modal, uma nova proposta de construção de janelas modal: com CSS puro.

Para fazer uso, basta baixar o arquivo e fazer a inclusão na sua página no head:

Depois basta aplicar a classe

O header e o footer dentro da classe modal-inner são opcionais.