You are here

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

facebook.css in Popups API (Ajax Dialogs) 6.2 

#popups-overlay {
  background-color:transparent;
}
#popups-loading {
  width:248px;
  position:absolute;
  display:none;
  opacity:1;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  z-index:99;
}
#popups-loading span.popups-loading-message {
  background:#FFF url(loading-large.gif) no-repeat 8px center;
  display:block;
  color:#444444;
  font-family:Arial;
  font-size:22px;
  font-weight:bold;
  height:36px;
  line-height:36px;
  padding:0 40px;
}
#popups-loading table, 
.popups-box table { 
	margin:0px; 
}
#popups-loading tbody,
.popups-box tbody { 
	border:none; 
}
.popups-box tr { 
	background-color:transparent;
}
td.popups-border {
  background: url(popups-border.png);
  background-color:transparent;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);
}
td.popups-tl,
td.popups-tr,
td.popups-bl,
td.popups-br {
  background-repeat: no-repeat;
  height:10px;
  padding:0px;
}
td.popups-tl { background-position: 0px 0px; }
td.popups-t,
td.popups-b {
  background-position: 0px -40px;
  background-repeat: repeat-x;
  height:10px;
}
td.popups-tr { background-position: 0px -10px; }
td.popups-cl,
td.popups-cr {
  background-position: -10px 0;
  background-repeat: repeat-y;
  width:10px;
}
td.popups-cl,
td.popups-cr,
td.popups-c { padding:0; }
td.popups-bl { background-position: 0px -20px; }
td.popups-br { background-position: 0px -30px; }

.popups-box,
#popups-loading {
  border: 0px solid #454545;
  opacity:1;
  overflow:hidden;
  padding:0;
  background-color:transparent;
}
.popups-container {
  overflow:auto;
  max-height:100%;
  background-color:#fff;
}
.popups-title {
  -moz-border-radius-topleft: 0px;
  -webkit-border-radius-topleft: 0px;
  margin-bottom:0px;
  background-color:#6D84B4;
  border:1px solid #3B5998;
  padding:4px 10px 5px;
  color:white;
  font-size:14px;
  font-weight:bold;
}
.popups-body {
  background-color:#fff;
  padding:8px;
}
.popups-box .popups-buttons,
.popups-box .popups-footer { 
  background-color:#fff; 
}
.popups-title .popups-close a {
  color: #fff;
}

File

skins/facebook/facebook.css
View source 
  1. #popups-overlay {

  2.   background-color:transparent;

  3. }

  4. #popups-loading {

  5.   width:248px;

  6.   position:absolute;

  7.   display:none;

  8.   opacity:1;

  9.   -moz-border-radius: 8px;

  10.   -webkit-border-radius: 8px;

  11.   z-index:99;

  12. }

  13. #popups-loading span.popups-loading-message {

  14.   background:#FFF url(loading-large.gif) no-repeat 8px center;

  15.   display:block;

  16.   color:#444444;

  17.   font-family:Arial;

  18.   font-size:22px;

  19.   font-weight:bold;

  20.   height:36px;

  21.   line-height:36px;

  22.   padding:0 40px;

  23. }

  24. #popups-loading table, 

  25. .popups-box table { 

  26. 	margin:0px; 

  27. }

  28. #popups-loading tbody,

  29. .popups-box tbody { 

  30. 	border:none; 

  31. }

  32. .popups-box tr { 

  33. 	background-color:transparent;

  34. }

  35. td.popups-border {

  36.   background: url(popups-border.png);

  37.   background-color:transparent;

  38.   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);

  39. }

  40. td.popups-tl,

  41. td.popups-tr,

  42. td.popups-bl,

  43. td.popups-br {

  44.   background-repeat: no-repeat;

  45.   height:10px;

  46.   padding:0px;

  47. }

  48. td.popups-tl { background-position: 0px 0px; }

  49. td.popups-t,

  50. td.popups-b {

  51.   background-position: 0px -40px;

  52.   background-repeat: repeat-x;

  53.   height:10px;

  54. }

  55. td.popups-tr { background-position: 0px -10px; }

  56. td.popups-cl,

  57. td.popups-cr {

  58.   background-position: -10px 0;

  59.   background-repeat: repeat-y;

  60.   width:10px;

  61. }

  62. td.popups-cl,

  63. td.popups-cr,

  64. td.popups-c { padding:0; }

  65. td.popups-bl { background-position: 0px -20px; }

  66. td.popups-br { background-position: 0px -30px; }

  67. 

  68. .popups-box,

  69. #popups-loading {

  70.   border: 0px solid #454545;

  71.   opacity:1;

  72.   overflow:hidden;

  73.   padding:0;

  74.   background-color:transparent;

  75. }

  76. .popups-container {

  77.   overflow:auto;

  78.   max-height:100%;

  79.   background-color:#fff;

  80. }

  81. .popups-title {

  82.   -moz-border-radius-topleft: 0px;

  83.   -webkit-border-radius-topleft: 0px;

  84.   margin-bottom:0px;

  85.   background-color:#6D84B4;

  86.   border:1px solid #3B5998;

  87.   padding:4px 10px 5px;

  88.   color:white;

  89.   font-size:14px;

  90.   font-weight:bold;

  91. }

  92. .popups-body {

  93.   background-color:#fff;

  94.   padding:8px;

  95. }

  96. .popups-box .popups-buttons,

  97. .popups-box .popups-footer { 

  98.   background-color:#fff; 

  99. }

  100. .popups-title .popups-close a {

  101.   color: #fff;

  102. }