File: style.css

Recommend this page to a friend!
  Classes of Everton da Rosa  >  Notifly Basic Notification  >  style.css  >  Download  
File: style.css
Role: Auxiliary data
Content type: text/plain
Description: styles
Class: Notifly Basic Notification
Show notifications for a period of time on a page
Author: By
Last change:
Date: 7 years ago
Size: 1,136 bytes
 

Contents

Class file image Download
/* Main container */ .notifly { border: grey solid thin; width: 0px; height: 0px; border-radius: 5px; border-top-right-radius: 11px; background-color: black; color: white; position: absolute; margin: auto; transition: width 3s, height 3s; } /* Shows the notification with the transition */ .notifly-show { width: 200px; height: 50px; } /* Hides the notification with the transition */ .notifly-hide { width: 0px; height: 0px; } /* At the top, centralized */ .notifly-top-center { top: 0; left: 0; right: 0; } /* Bottom right */ .notifly-bottom-right { bottom: 0; right: 0; } /* Message container */ .notifly-msg { font-family: sans-serif; font-size: 10pt; padding: 5px 5px 5px 5px; float: left; } /* Close button */ .notifly-close { font-family: sans-serif; font-size: 10px; color: white; border: white 1px solid; border-radius: 50%; width: 15px; height: 15px; text-align: center; padding: 0 0 0 0; position: absolute; top: 0; right: 0; cursor: pointer; } /* Mouse over on close button */ .notifly-close:hover { color: black; background-color: white; }