You are here

Home » API reference » Popups API (Ajax Dialogs) 5

popups.css in Popups API (Ajax Dialogs) 5

Same filename and directory in other branches
  1. 6.2 popups.css
  2. 6 popups.css
  3. 7 popups.css
/*
** Ajax popups dialog box styles
*/

#popups-overlay {
  position: absolute;
  background: black;
  z-index: 9;  
  top: 0;
}
#popups-loading {
  z-index: 10;  
  opacity: 0.75;
  position: relative;
}  
#popups-loading div {
  position: absolute;  
}
#popups {
  border: 1px solid black;
  background: white;
  position: absolute;
  z-index: 10;  
  padding: 0.5em;
  width: 600px;
  overflow: auto;  
}
#popups-title {
  font-weight: bold;
  margin-bottom: 0.25em;
}
#popups-title div.title {
  float: left;
}
#popups-title #popups-close {
  float: right;
}
#popups-title #popups-close a {
  font-weight: normal;  
}
/*
#popups-title div.clear {
  clear: both;
}
*/
/* Allow messages to be used as the title of the popups */
#popups div.messages {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
}

File

popups.css
View source 
  1. /*

  2. ** Ajax popups dialog box styles

  3. */

  4. 

  5. #popups-overlay {

  6.   position: absolute;

  7.   background: black;

  8.   z-index: 9;  

  9.   top: 0;

  10. }

  11. #popups-loading {

  12.   z-index: 10;  

  13.   opacity: 0.75;

  14.   position: relative;

  15. }  

  16. #popups-loading div {

  17.   position: absolute;  

  18. }

  19. #popups {

  20.   border: 1px solid black;

  21.   background: white;

  22.   position: absolute;

  23.   z-index: 10;  

  24.   padding: 0.5em;

  25.   width: 600px;

  26.   overflow: auto;  

  27. }

  28. #popups-title {

  29.   font-weight: bold;

  30.   margin-bottom: 0.25em;

  31. }

  32. #popups-title div.title {

  33.   float: left;

  34. }

  35. #popups-title #popups-close {

  36.   float: right;

  37. }

  38. #popups-title #popups-close a {

  39.   font-weight: normal;  

  40. }

  41. /*

  42. #popups-title div.clear {

  43.   clear: both;

  44. }

  45. */

  46. /* Allow messages to be used as the title of the popups */

  47. #popups div.messages {

  48.   background: transparent;

  49.   border: none;

  50.   padding: 0;

  51.   margin: 0;

  52. }