/** * Base and predefined styles CSS for announcer * Aakash Chakravarthy (www.aakashweb.com) * Version : 3.0 * **/ /* Basic style */ .announcer{ padding: 10px; margin: 0px; background: #fff; } .announcer p{ margin: 0 !important; } .announcer .announcer-closebt{ float: right; padding: 0px 10px; cursor: pointer; } .announcer .announcer-closebt:hover{ opacity: 0.4; } #announcer-top{ position: fixed; top: 0; left: 0; right: 0; padding: 0; margin: 0px !important; z-index: 9999; } #announcer-bottom{ position: fixed; bottom: 0; left: 0; right: 0; padding: 0; margin: 0px !important; z-index: 9999; } .announcer-topbar{ border-top-width: 0 !important; border-left-width: 0 !important; border-right-width: 0 !important; border-radius: 0 !important; } .announcer-bottombar{ border-bottom-width: 0 !important; border-left-width: 0 !important; border-right-width: 0 !important; border-radius: 0 !important; } /* Fallback for floats */ .announcer-top-float{ position: fixed; top: -1px; left: -1px; right: -1px; margin: 0px !important; padding: 15px; z-index: 99999; } .announcer-bottom-float{ position: fixed; bottom: -1px; left: -1px; right: -1px; margin: 0px !important; padding: 15px; z-index: 99999; } /* Styles*/ .announcer-style1{ border: 1px solid; border-color: #ccc; } .announcer-style2{ background-color: #333; color: #FFFFFF; border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; box-shadow: 1px 1px 5px #666; } .announcer-style3{ border: 2px dashed; border-color: #ccc; } .announcer-style4{ border: 2px dotted; border-color: #ccc; } .announcer-style5{ background-color: #333; color: #FFFFFF; box-shadow: 1px 1px 5px #666; } .announcer-style6{ color: #000; border-bottom: 2px solid #333333; background: #F9F9F9; } .announcer-style7{ color: #000; border-top: 2px solid #333333; background: #F9F9F9; } .announcer-style8{ border: 1px solid; border-color: #ccc; background-image: url(images/gra1.png); background-position: bottom; background-repeat: repeat-x; box-shadow: 1px 1px 5px #666; } .announcer-style9{ border: 1px solid; border-color: #ccc; background-image: url(images/gra2.png); background-position: bottom; background-repeat: repeat-x; box-shadow: 1px 1px 5px #666; } .announcer-style10{ border: 1px solid; border-color: #ccc; background-image: url(images/gra3.png); background-position: top; background-repeat: repeat-x; box-shadow: 1px 1px 5px #666; } .announcer-style11{ border-bottom: 3px solid #FFF; background-color: #ccc; color: #000; box-shadow: 0 0px 4px 0px #000; }