Advertisement
Mikaela

Popup #2 CSS

Oct 6th, 2014
236
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.96 KB | None | 0 0
  1. /*--POPUP CODE 2 ~ PASTE AFTER <style> or <style type="text/css">--*/
  2.  
  3. #fade { /*--Transparent background layer--*/
  4. display: none; /*--hidden by default--*/
  5. background: #000;
  6. position: fixed; left: 0; top: 0;
  7. width: 100%; height: 100%;
  8. opacity: .80;
  9. z-index: 9999;
  10. }
  11. .popup_block{
  12. display: none; /*--hidden by default--*/
  13. background: #FFFFFF;
  14. color:#000;
  15. padding: -10px;
  16. border: 5px solid {color:PopUpBorder};
  17. float: left;
  18. margin-top:10px;
  19. font-size: 10px;
  20. position: fixed;
  21. top: 55%; left: 32.5%;
  22. z-index: 99999;
  23. /*--CSS3 Box Shadows--*/
  24. -webkit-box-shadow: 0px 0px 20px #000;
  25. -moz-box-shadow: 0px 0px 20px #000;
  26. box-shadow: 0px 0px 20px #000;
  27. /*--CSS3 Square Corners--*/
  28. -webkit-border-radius: 0px;
  29. -moz-border-radius: 0px;
  30. border-radius: 0px;
  31. }
  32. img.btn_close {
  33. float: right;
  34. margin: -20 -20px 0 0;
  35. }
  36. /*--Making IE6 Understand Fixed Positioning--*/
  37. *html #fade {
  38. position: absolute;
  39. }
  40. *html .popup_block {
  41. position: absolute;
  42. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement