You are here

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

popups.css in Popups API (Ajax Dialogs) 6.2

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

#popups-overlay {
  position: absolute;
  z-index: 8;  
  background: black;
  top: 0;
}
#popups-loading {
  position: absolute;
  z-index: 10;  
  opacity: 0.75;
  width: 100px;
  height: 100px;
  display: none;
}
.popups-box {
  position: absolute;
  z-index: 9;  
  background: white;
  border: 1px solid black;
  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;  
}
/* Allow messages to be used as the title of the popups */
.popups-box 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.   z-index: 8;  

  8.   background: black;

  9.   top: 0;

  10. }

  11. #popups-loading {

  12.   position: absolute;

  13.   z-index: 10;  

  14.   opacity: 0.75;

  15.   width: 100px;

  16.   height: 100px;

  17.   display: none;

  18. }

  19. .popups-box {

  20.   position: absolute;

  21.   z-index: 9;  

  22.   background: white;

  23.   border: 1px solid black;

  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. /* Allow messages to be used as the title of the popups */

  42. .popups-box div.messages {

  43.   background: transparent;

  44.   border: none;

  45.   padding: 0;

  46.   margin: 0;

  47. }