123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137 |
- /* the norm */
- #gritter-notice-wrapper {
- position:fixed;
- top:40px;
- right:20px;
- width:301px;
- z-index:9999;
-
- -webkit-animation-duration: 1s;
- animation-duration: 1s;
- -webkit-animation-fill-mode: both;
- animation-fill-mode: both;
-
- -webkit-animation-name: bounceIn;
- animation-name: bounceIn;
- }
- @keyframes bounceIn {
- 0% {
- opacity: 0;
- -webkit-transform: scale(.3);
- -ms-transform: scale(.3);
- transform: scale(.3);
- }
-
- 50% {
- opacity: 1;
- -webkit-transform: scale(1.05);
- -ms-transform: scale(1.05);
- transform: scale(1.05);
- }
-
- 70% {
- -webkit-transform: scale(.9);
- -ms-transform: scale(.9);
- transform: scale(.9);
- }
-
- 100% {
- opacity: 1;
- -webkit-transform: scale(1);
- -ms-transform: scale(1);
- transform: scale(1);
- }
- }
- #gritter-notice-wrapper.top-left {
- left: 20px;
- right: auto;
- }
- #gritter-notice-wrapper.bottom-right {
- top: auto;
- left: auto;
- bottom: 20px;
- right: 20px;
- }
- #gritter-notice-wrapper.bottom-left {
- top: auto;
- right: auto;
- bottom: 20px;
- left: 20px;
- }
- .gritter-item-wrapper {
- position:relative;
- margin:0 0 10px 0;
- background:url('images/ie-spacer.gif'); /* ie7/8 fix */
- }
-
- .hover .gritter-top {
- /*background-position:right -30px;*/
- }
- .gritter-bottom {
- height:8px;
- margin:0;
- }
-
- .gritter-item {
- display:block;
- background-color: rgba(39,58,75,0.8);
- border-radius: 4px;
- color:#eee;
- padding:10px 11px 10px 11px;
- font-size: 11px;
- }
- .hover .gritter-item {
- background-position:right -40px;
- }
- .gritter-item p {
- padding:0;
- margin:0;
- word-wrap:break-word;
- }
-
- .gritter-item a:hover {
- color: #f8ac59;
- text-decoration: underline;
- }
- .gritter-close {
- display:none;
- position:absolute;
- top:5px;
- right:3px;
- background:url(images/gritter.png) no-repeat left top;
- cursor:pointer;
- width:30px;
- height:30px;
- text-indent:-9999em;
- }
- .gritter-title {
- font-size:12px;
- font-weight:bold;
- padding:0 0 7px 0;
- display:block;
- text-transform: uppercase;
- }
- .gritter-image {
- width:48px;
- height:48px;
- float:left;
- }
- .gritter-with-image,
- .gritter-without-image {
- padding:0;
- }
- .gritter-with-image {
- width:220px;
- float:right;
- }
- /* for the light (white) version of the gritter notice */
- .gritter-light .gritter-item,
- .gritter-light .gritter-bottom,
- .gritter-light .gritter-top,
- .gritter-light .gritter-close {
- background-image: url(images/gritter-light.png);
- color: #222;
- }
- .gritter-light .gritter-title {
- text-shadow: none;
- }
|