1
0

facebox.css 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. #facebox {
  2. position: absolute;
  3. top: 0;
  4. left: 0;
  5. z-index: 100;
  6. text-align: left;
  7. }
  8. #facebox .popup{
  9. position:relative;
  10. border:3px solid rgba(0,0,0,0);
  11. -webkit-border-radius:5px;
  12. -moz-border-radius:5px;
  13. border-radius:5px;
  14. -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);
  15. -moz-box-shadow:0 0 18px rgba(0,0,0,0.4);
  16. box-shadow:0 0 18px rgba(0,0,0,0.4);
  17. }
  18. #facebox .content {
  19. display:table;
  20. width: 370px;
  21. padding: 10px;
  22. background: #fff;
  23. -webkit-border-radius:4px;
  24. -moz-border-radius:4px;
  25. border-radius:4px;
  26. }
  27. #facebox .content > p:first-child{
  28. margin-top:0;
  29. }
  30. #facebox .content > p:last-child{
  31. margin-bottom:0;
  32. }
  33. #facebox .close{
  34. position:absolute;
  35. top:5px;
  36. right:5px;
  37. padding:2px;
  38. background:#fff;
  39. }
  40. #facebox .close img{
  41. opacity:0.3;
  42. }
  43. #facebox .close:hover img{
  44. opacity:1.0;
  45. }
  46. #facebox .loading {
  47. text-align: center;
  48. }
  49. #facebox .image {
  50. text-align: center;
  51. }
  52. #facebox img {
  53. border: 0;
  54. margin: 0;
  55. }
  56. #facebox_overlay {
  57. position: fixed;
  58. top: 0px;
  59. left: 0px;
  60. height:100%;
  61. width:100%;
  62. }
  63. .facebox_hide {
  64. z-index:-100;
  65. }
  66. .facebox_overlayBG {
  67. background-color: #000;
  68. z-index: 99;
  69. }