You are here

Home » API reference » Pop-up announcement 7

popup_announcement.css in Pop-up announcement 7

Primary CSS file for the Pop-up announcement module.

File

popup_announcement.css
View source 
  1. /**

  2.  * @file

  3.  * Primary CSS file for the Pop-up announcement module.

  4.  */

  5. 

  6. #popup-announcement-overlay {

  7.   position: fixed;

  8.   left: 0;

  9.   top: 0;

  10.   height: 100%;

  11.   width: 100%;

  12.   overflow: hidden;

  13.   filter: alpha(opacity=50);

  14.   -moz-opacity: 0.5;

  15.   -khtml-opacity: 0.5;

  16.   opacity: 0.5;

  17.   z-index: 9998;

  18.   background-color: black;

  19. }

  20. #popup-announcement-wrap {

  21.   position: absolute;

  22.   z-index: 9999;

  23.   overflow: auto;

  24.   background: white;

  25.   border-radius: 8px;

  26.   -moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);

  27.   -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);

  28.   box-shadow: 0 0 10px rgba(0,0,0,0.3);

  29. }

  30. #popup-announcement {

  31.   padding: 8px;

  32. }

  33. #popup-announcement-close {

  34.   position: absolute;

  35.   bottom: 8px;

  36.   right: 8px;

  37.   height: 26px;

  38.   width: 26px;

  39.   /* todo image right here as code + ?convert to svg? */

  40.   background: url('images/popup-announcement-icons.png');

  41. }

  42. #popup-announcement-close:hover {

  43.   background: url('images/popup-announcement-icons.png') 0 -28px;

  44.   cursor: pointer;

  45. }