How to Make a Notification Banner in Pure CSS

We are aiming for creating a neat notification banner which behaves finely and consistently in pure css cross browsers. It also could be embedded anywhere on your webpage. In the following example, I will create 4 types of notification banner: Success, Error, Info, Warning.