You are here

popup.css in Popup message 7

#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: 0 0 20px 0;
}

#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: 0 0 20px 0;
  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. }