Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* Coner Notifications */
- .cornerNotif {
- display: flex;
- flex-direction: column;
- /* Position the notification to always reside in the top corner */
- position: fixed;
- top: 20px;
- right: 20px;
- z-index: 2147483647;
- border: 1px solid #DDDDDD;
- border-radius: 2px;
- /* Shadow and Background */
- box-shadow: 1px 1px 6px rgba(0,0,0,0.1);
- /* Sizing */
- min-width: 200px;
- min-height: 75px;
- /* Padding and Margin */
- padding: 10px 0px;
- padding-right: 30px;
- margin: 0px;
- box-sizing: border-box;
- /* Font */
- font-family: 'Open Sans', sans-serif;
- }
- .cornerNotif * {
- /* Padding and Margin */
- padding: 0px;
- margin: 0px;
- box-sizing: border-box;
- }
- .notifHeader {
- display: flex;
- justify-content: flex-end;
- align-items: center;
- }
- /* Notif Header X */
- .svgEx {
- width: 10px;
- height: 10px;
- }
- /* Notification Body */
- .notifBody {
- display: grid;
- grid-template-columns: 100px auto;
- column-gap: 10px;
- }
- .notifStatus {
- display: flex;
- justify-content: center;
- align-items: center;
- min-height: 90px;
- }
- .notifStatus > svg {
- width: 50px;
- height: 50px;
- }
- .notifText > main > h3 {
- font-size: 1em;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement