Difference between revisions of "User:Ryansmithe3d/common.css"
From E3D-Online
This Wiki is not looked after anymore :( Please navigate to
e3d-online.dozuki.com
for up to date and improved documentation
e3d-online.dozuki.com
for up to date and improved documentation
Ryansmithe3d (talk | contribs) |
Ryansmithe3d (talk | contribs) |
||
Line 7: | Line 7: | ||
background: rgba(0, 0, 0, 0.7); | background: rgba(0, 0, 0, 0.7); | ||
transition: opacity 500ms; | transition: opacity 500ms; | ||
− | visibility: | + | visibility: visible; |
opacity: 0; | opacity: 0; | ||
} | } |
Revision as of 13:38, 27 October 2017
.overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 500ms; visibility: visible; opacity: 0; } .overlay:target { visibility: visible; opacity: 1; } .popup { margin: 70px auto; padding: 20px; background: #fff; border-radius: 5px; width: 30%; position: relative; transition: all 5s ease-in-out; } .popup h2 { margin-top: 0; color: #333; font-family: Tahoma, Arial, sans-serif; } .popup .close { position: absolute; top: 20px; right: 30px; transition: all 200ms; font-size: 30px; font-weight: bold; text-decoration: none; color: #333; } .popup .close:hover { color: #06D85F; } .popup .content { max-height: 30%; overflow: auto; } @media screen and (max-width: 700px){ .box{ width: 70%; } .popup{ width: 70%; } }