Advertisement
Guest User

Untitled

a guest
Jul 29th, 2016
50
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.16 KB | None | 0 0
  1. .popup-a { position: absolute; left: 0; top: 0; z-index: 1000; visibility: hidden; width: 100%; height: 100%; text-align: right; }
  2. .popup-a .box-outer > .close { position: fixed; left: 0; top: 0; visibility: hidden; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,.4); text-indent: 3000em; cursor: pointer; opacity: 0; }
  3. .popup-a .box-outer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
  4. .popup-a .box-inner { position: absolute; left: 50%; top: 50%; z-index: 2; width: 400px; padding: 9px 32px 3px; border-bottom: 1px solid #ddd; background: #fff; text-align: right; opacity: 0; filter: alpha(opacity = 0); }
  5. .popup-a .box-inner { transform: scale(0,0); -moz-transform: scale(0,0); -webkit-transform: scale(0,0); -o-transform: scale(0,0); -ms-transform: scale(0,0); }
  6. .popup-a .box-inner.absolute { position: absolute; }
  7. .popup-a .box-inner > .close { display: block; position: absolute; left: -15px; top: -15px; width: 30px; height: 30px; border-radius: 30px; border: 1px solid #000; background: #09c; color: #000; text-decoration: none; text-align: left; text-indent: 3000em; }
  8. .popup-a .box-inner > .close:before { content: "\e90c"; display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -10px 0 0; font-family: i; font-size: 12px; line-height: 20px; text-align: center; text-indent: 0; }
  9. .popup-a .box-inner:before { content: ""; display: block; position: absolute; right: -42px; top: 4px; width: 58px; height: 66px; background-size: 100% 100%; background-image: url(../images/cubes/blue.svg); }
  10. .popup-a h1, .popup-a h2, .popup-a h3, .popup-a h4, .popup-a h5, .popup-a h6 { margin: 0 -32px 11px; padding: 9px 32px 22px 20px; background: #86e1ff; font-weight: 400; font-size: 3.258em; line-height: .975; }
  11. .popup-a h1:first-child, .popup-a h2:first-child, .popup-a h3:first-child, .popup-a h4:first-child, .popup-a h5:first-child, .popup-a h6:first-child { margin-top: -9px; }
  12. .popup-a h1 span, .popup-a h2 span, .popup-a h3 span, .popup-a h4 span, .popup-a h5 span, .popup-a h6 span { display: block; font-weight: 700; font-size: 1.61049723757em; }
  13. .popup-a header { position: relative; margin: -9px -32px 30px; padding: 7px 42px; background: #3cf; color: #000; font-weight: 700; line-height: 1.33333333333; }
  14. .popup-a header ul { overflow: hidden; list-style: none; margin: 0; padding: 0; }
  15. .popup-a header:before { content: ""; display: block; position: absolute; left: 0; top: 100%; z-index: 2; width: 100%; height: 4px; background: #fff; }
  16. .popup-a header ul li { display: inline; position: relative; margin: 0 0 0 12px; font-size: 2em; }
  17. .popup-a header ul li:before { content: "|"; display: block; position: absolute; right: 100%; top: 0; width: 17px; text-align: center; }
  18. .popup-a header ul li:first-child { margin-left: 0; }
  19. .popup-a header ul li:first-child:before { right: auto; left: -3000em; }
  20. #root .popup-a header figure { position: absolute; left: 100%; bottom: 0; z-index: 1; width: 52px; height: 52px; margin: 0 0 0 -32px; box-shadow: -2px 0 1px #2382a2; background: #3cf; color: #3cf; }
  21. .popup-a header figure:before { content: "\e90b"; display: block; overflow: hidden; position: absolute; left: 50%; top: 50%; z-index: 1; width: 30px; height: 30px; margin: -15px 0 0 -15px; padding: 8px 0 0; border-radius: 40px; background: #fff; font-family: i; font-weight: 400; font-size: 27px; line-height: 27px; text-align: center; }
  22. .popup-a header figure:after { content: "\e909"; display: block; overflow: hidden; position: absolute; right: 100%; top: 0; height: 11px; width: 8px; color: #09c; font-weight: 400; font-size: 11px; font-family: i; line-height: 11px; text-align: left; }
  23. .popup-a header figure img, .popup-a header figure i { display: block; position: absolute; left: 50%; top: 50%; z-index: 3; border-radius: 50px; }
  24. .popup-a header figure img, .popup-a header figure i { -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
  25. .popup-a header figure i { display: block; width: 40px; height: 40px; background: #fff; font-size: 20px; line-height: 40px; text-align: center; }
  26. .popup-a header h1, .popup-a header h2, .popup-a header h3, .popup-a header h4, .popup-a header h5, .popup-a header h6 { margin: 0; padding: 0; background: none; color: #000; font-size: 2em; font-weight: 700; line-height: 1.33333333333; text-align: right; }
  27. .popup-a a { color: #000; }
  28. .popup-a .form-c { margin-left: -10px; margin-right: -10px; }
  29. .popup-a.shown, .popup-a.shown > .box-outer > .close, .popup-a.shown .box-inner { visibility: visible; opacity: 1; filter: alpha(opacity = 100); }
  30. .popup-a.shown .box-inner { transform: scale(1,1); -moz-transform: scale(1,1); -webkit-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); }
  31. .popup-a.a { line-height: 1.08769544528; }
  32. .popup-a.a .box-inner { padding-left: 42px; padding-right: 42px; }
  33. .popup-a.a .box-inner:before { left: -3000em; }
  34. .popup-a.a header { margin-left: -42px; margin-right: -42px; }
  35. .popup-a.a figure { margin-bottom: 33px; }
  36. .popup-a.a p { margin-bottom: 18px; font-size: 1.471em; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement