/* * Attention Grabber WP plugin - CSS */ #attentionGrabberWrap{ display: none; margin: 0; padding: 0; position: relative; margin-top: -43px; z-index: 99999; width: 100%; height: 43px; } #attentionGrabber{ width: 100%; height: 40px; margin: 0; padding: 0; font: normal 15px/40px Lucida Grande, Lucida Sans Unicode, sans-serif; color: #ffffff; text-shadow: 0 1px 0 #986c00; text-align: center; background: #435580; border-bottom: 3px solid #435580; position: relative; z-index: 3; } #attentionGrabber a{ font: normal 15px/40px Lucida Grande, Lucida Sans Unicode, sans-serif; text-shadow: 0 1px 0 #6b5f3a; color: #ff9500; text-decoration: none; cursor: pointer; outline: none; } #attentionGrabber a:hover{ color: #ffc16b; } #attentionGrabberWrap #closeAttentionGrabber{ display: block; position: absolute; top: 0; right: 25px; 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: #435580; border-left: 3px solid #435580; border-right: 3px solid #435580; border-bottom: 3px solid #435580; 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 --- -- - */