You are here

popups.css in Popups API (Ajax Dialogs) 7

Same filename and directory in other branches
  1. 5 popups.css
  2. 6.2 popups.css
  3. 6 popups.css
/*
** Popups Dialog box styles
*/

#popups-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
/*  opacity: 0.4; */
  background: black;
  z-index: 9;  
  top: 0;
}

#popups-loading {
  z-index: 10;  
  opacity: 0.75;
  position: relative;
}  
#popups-loading div{
  position: fixed;	
}


#popups {
  border: 1px solid black;
  background: white;
  position: absolute;
  opacity: 1.0;
  z-index: 10;  
  color: black;
  padding: 0.5em;
/*  visibility: hidden; */
}

#popups-title {
  background: #222;
  color: white;
  padding: 0.2em;
  margin: 0.2em;
}

#popups-title div.title {
  float:left;
}

#popups-title #popups-close {
  float:right;
}
#popups-title #popups-close a {
    color: red;  
}
#popups-title div.clear {
  clear:both;
}  

#popups input {
  margin: 0.1em;
}

#popups div.messages {
	background: #222;
	border: none;
	padding: 0;
	margin: 0;
}

File

popups.css
View source
  1. /*
  2. ** Popups Dialog box styles
  3. */
  4. #popups-overlay {
  5. position: fixed;
  6. width: 100%;
  7. height: 100%;
  8. /* opacity: 0.4; */
  9. background: black;
  10. z-index: 9;
  11. top: 0;
  12. }
  13. #popups-loading {
  14. z-index: 10;
  15. opacity: 0.75;
  16. position: relative;
  17. }
  18. #popups-loading div{
  19. position: fixed;
  20. }
  21. #popups {
  22. border: 1px solid black;
  23. background: white;
  24. position: absolute;
  25. opacity: 1.0;
  26. z-index: 10;
  27. color: black;
  28. padding: 0.5em;
  29. /* visibility: hidden; */
  30. }
  31. #popups-title {
  32. background: #222;
  33. color: white;
  34. padding: 0.2em;
  35. margin: 0.2em;
  36. }
  37. #popups-title div.title {
  38. float:left;
  39. }
  40. #popups-title #popups-close {
  41. float:right;
  42. }
  43. #popups-title #popups-close a {
  44. color: red;
  45. }
  46. #popups-title div.clear {
  47. clear:both;
  48. }
  49. #popups input {
  50. margin: 0.1em;
  51. }
  52. #popups div.messages {
  53. background: #222;
  54. border: none;
  55. padding: 0;
  56. margin: 0;
  57. }