Advertisement
danateruel

Pop up links Code (Part 2)

Sep 18th, 2012
60
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.94 KB | None | 0 0
  1. #fade { /*--Transparent background layer--*/
  2. display: none; /*--hidden by default--*/
  3. background: #000;
  4. position: fixed; left: 0; top: 0;
  5. width: 100%; height: 100%;
  6. opacity: .80;
  7. z-index: 9999;
  8. }
  9. .popup_block{
  10. display: none; /*--hidden by default--*/
  11. background: #fff;
  12. padding: 20px;
  13. border: 20px solid #ddd;
  14. float: left;
  15. font-size: 1.2em;
  16. position: fixed;
  17. top: 50%; left: 50%;
  18. z-index: 99999;
  19. /*--CSS3 Box Shadows--*/
  20. -webkit-box-shadow: 0px 0px 20px #000;
  21. -moz-box-shadow: 0px 0px 20px #000;
  22. box-shadow: 0px 0px 20px #000;
  23. /*--CSS3 Rounded Corners--*/
  24. -webkit-border-radius: 10px;
  25. -moz-border-radius: 10px;
  26. border-radius: 10px;
  27. }
  28. img.btn_close {
  29. float: right;
  30. margin: -50px -50px 0 0;
  31. }
  32. /*--Making IE6 Understand Fixed Positioning--*/
  33. *html #fade {
  34. position: absolute;
  35. }
  36. *html .popup_block {
  37. position: absolute;
  38. }
  39.  
  40. h2{font: 9pt cambria !important; font-weight:normal; line-height:20px; margin:0px; color: #6c9ab0;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement