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 32: | Line 32: | ||
.warning { | .warning { | ||
background-color: #c4453c; | background-color: #c4453c; | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
box-shadow: 0 5px 0 hsla(0,0%,0%,.1); | box-shadow: 0 5px 0 hsla(0,0%,0%,.1); | ||
color: #f6f6f6; | color: #f6f6f6; |
Revision as of 13:46, 27 October 2017
body { padding: 0; } /* Alert */ .warning { position: relative; } .warning.close{ position:absolute; top:0; right:0; } .warning:hover:before { border-bottom: 10px solid hsla(0,0%,0%,.8); border-left: 10px solid transparent; border-right: 10px solid transparent; content: ''; height: 0; left: 50%; margin-left: -10px; position: absolute; top: 40px; width: 0; } .warning:target { display: none; } .warning { background-color: #c4453c; box-shadow: 0 5px 0 hsla(0,0%,0%,.1); color: #f6f6f6; display: block; font: bold 16px/40px sans-serif; height: 100px; position: absolute; text-align: center; text-decoration: none; top: -45px; width: 80%; -webkit-animation: alert 1s ease forwards; -moz-animation: alert 1s ease forwards; -ms-animation: alert 1s ease forwards; -o-animation: alert 1s ease forwards; animation: alert 1s ease forwards; } /* Animation */ @-webkit-keyframes warning { 0% { opacity: 0; } 50% { opacity: 1; } 100% { top: 0; } } @-moz-keyframes warning { 0% { opacity: 0; } 50% { opacity: 1; } 100% { top: 0; } } @-ms-keyframes warning { 0% { opacity: 0; } 50% { opacity: 1; } 100% { top: 0; } } @-o-keyframes warning { 0% { opacity: 0; } 50% { opacity: 1; } 100% { top: 0; } } @keyframes warning { 0% { opacity: 0; } 50% { opacity: 1; } 100% { top: 0; } }