You are here

popup.css in Popup message 6

#popup-message-background {
  display:none;
  position:fixed;
  _position:absolute; /* hack for internet explorer 6*/
  height:100%;
  width:100%;
  top:0;
  left:0;
  background:#000000;
  border:1px solid #cecece;
  z-index:1;
}

#popup-message-window {
  display:none;
  position:fixed;
  _position:absolute; /* hack for internet explorer 6*/
  overflow: auto;
  background:#FFFFFF;
  border: 2px solid #60A174;
  border-radius: 2px 2px 2px 2px;
  z-index:200;
  padding:0px;
  font-size:13px;
}

#popup-message-window h1.popup-message-title {
  text-align:left;
  color: black;
  background: transparent url(img/bg1.gif) repeat-x top left;
  font-size:16px;
  font-weight:700;
  border-bottom:1px dotted #60A174;
  padding:0px 10px;
  margin-bottom:20px;
}

#popup-message-close {
  background: transparent url(img/close.png) no-repeat top left;
  text-indent: -1000px;
  width: 16px;
  height: 16px;
  font-size: 0px;
  right:6px;
  top:4px;
  position:absolute;
  display:block;
  cursor: pointer;
}

#popup-message-content {
  padding: 10px;
}

File

styles/green/popup.css
View source
  1. #popup-message-background {
  2. display:none;
  3. position:fixed;
  4. _position:absolute; /* hack for internet explorer 6*/
  5. height:100%;
  6. width:100%;
  7. top:0;
  8. left:0;
  9. background:#000000;
  10. border:1px solid #cecece;
  11. z-index:1;
  12. }
  13. #popup-message-window {
  14. display:none;
  15. position:fixed;
  16. _position:absolute; /* hack for internet explorer 6*/
  17. overflow: auto;
  18. background:#FFFFFF;
  19. border: 2px solid #60A174;
  20. border-radius: 2px 2px 2px 2px;
  21. z-index:200;
  22. padding:0px;
  23. font-size:13px;
  24. }
  25. #popup-message-window h1.popup-message-title {
  26. text-align:left;
  27. color: black;
  28. background: transparent url(img/bg1.gif) repeat-x top left;
  29. font-size:16px;
  30. font-weight:700;
  31. border-bottom:1px dotted #60A174;
  32. padding:0px 10px;
  33. margin-bottom:20px;
  34. }
  35. #popup-message-close {
  36. background: transparent url(img/close.png) no-repeat top left;
  37. text-indent: -1000px;
  38. width: 16px;
  39. height: 16px;
  40. font-size: 0px;
  41. right:6px;
  42. top:4px;
  43. position:absolute;
  44. display:block;
  45. cursor: pointer;
  46. }
  47. #popup-message-content {
  48. padding: 10px;
  49. }