/* * Attention Grabber WP plugin - CSS */ #attentionGrabberWrap{ display: none; margin: 0; padding: 0; position: relative; margin-top: -40px; z-index: 99999; width: 100%; height: 40px; } #attentionGrabber{ width: 100%; height: 40px; margin: 0; padding: 0; font: normal 17px/40px arial, sans-serif; color: #ffffff; text-align: center; background: #1343f2; border-bottom: 0px solid #ffffff; position: relative; z-index: 3; } #attentionGrabber a{ font: normal 17px/40px arial, sans-serif; color: #e6ed15; text-decoration: none; cursor: pointer; outline: none; } #attentionGrabber a:hover{ color: #d10000; } #attentionGrabberWrap #closeAttentionGrabber{ display: block; position: absolute; top: 0; right: 22px; height: 40px; width: 21px; background: url(../img/buttons/light.png) no-repeat 0 center; cursor: pointer; } #attentionGrabberWrap #closeAttentionGrabber:hover{ background-position: -21px 50%; } #attentionGrabberWrap.bottomPosition #closeAttentionGrabber{ background-position: right 50%; } #attentionGrabberWrap.bottomPosition #closeAttentionGrabber:hover{ background-position: -42px 50%; } #attentionGrabberWrap #openAttentionGrabber{ display: block; position: absolute; top: -6px; right: 15px; padding: 0 7px; background: #1343f2; border-left: 0px solid #ffffff; border-right: 0px solid #ffffff; border-bottom: 0px solid #ffffff; cursor: pointer; z-index: 1; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } #attentionGrabberWrap #openAttentionGrabber span{ display: block; width: 21px; height: 34px; background: url(../img/buttons/light.png) no-repeat right 50%; } #attentionGrabberWrap #openAttentionGrabber:hover span{ background-position: -42px 50%; } #attentionGrabberWrap.bottomPosition #openAttentionGrabber span{ background-position: left 50%; } #attentionGrabberWrap.bottomPosition #openAttentionGrabber:hover span{ background-position: -21px 50%; } /* - Fix positioning issues with admin bar - */ #attentionGrabberWrap.admBar{ margin-top: 28px; } /* - Like Buttons - */ #attentionGrabberWrap .facebookBtn, #attentionGrabberWrap .twitterBtn, #attentionGrabberWrap .plusoneBtn{ padding-left: 8px; } #attentionGrabberWrap .twitterBtn iframe, #attentionGrabberWrap .plusoneBtn iframe{ vertical-align: text-bottom; } #attentionGrabberWrap .plusoneBtn > div{ height: auto !important; } /* - -- --- Multiple Messages --- -- - */ #attentionGrabberWrap .multiMessages{ position: relative; } #attentionGrabberWrap .multiMessages .singleMessage{ display: none; position: relative; z-index: 1; } #attentionGrabberWrap .multiMessages .singleMessage.current{ display: inline; z-index: 2; } /* - -- --- CUSTOM CSS --- -- - */