Advertisement
Guest User

Untitled

a guest
Sep 30th, 2016
66
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.45 KB | None | 0 0
  1. /*#slideshow { display: none; }
  2. @media (min-width: 48em) { */
  3. #slideshow {
  4. display: block;
  5. background-position: center top;
  6. background-repeat: no-repeat;
  7. -webkit-background-size: cover;
  8. -khtml-background-size: cover;
  9. -moz-background-size: cover;
  10. -ms-background-size: cover;
  11. -o-background-size: cover;
  12. background-size: cover;
  13. position: absolute;
  14. top: 0;
  15. right: 0;
  16. bottom: 0;
  17. left: 0;
  18. z-index: 1;
  19. }
  20. /*}*/
  21. @media (min-width: 72em) {
  22. #slideshow {
  23. right: 10%;
  24. left: 10%
  25. }
  26. }
  27.  
  28.  
  29.  
  30. #hero {
  31. border-width: 0 0 2px;
  32. border-style: solid;
  33. border-color: #224f70;
  34. background-color: #224f70;
  35. padding: 10px;
  36. position: relative;
  37. min-height:200px;
  38. }
  39. #hero aside {
  40. xbackground: rgba(243, 247, 250, .9);
  41. xpadding: 20px;
  42. xborder-radius: 6px;
  43. display:none;
  44. }
  45. #hero aside > :first-child { margin-top: 0; }
  46. #hero aside > :last-child { margin-bottom: 0; }
  47. #hero p span { display: none; }
  48. @media (min-width: 48em) {
  49. #hero {
  50. background-image: url(../images/logo-watermark.png);
  51. background-repeat: no-repeat;
  52. background-position: center center;
  53. background-size: auto 80%;
  54. padding: 0;
  55. }
  56. #hero .wrap {
  57. position: relative;
  58. height: 30vh;
  59. }
  60. #hero aside {
  61. display:block;
  62. background: rgba(243, 247, 250, .9);
  63. padding: 20px;
  64. border-radius: 6px;
  65. position: absolute;
  66. left: 50%;
  67. bottom: 20px;
  68. right: 20px;
  69. z-index: 2;
  70. }
  71. #hero p span { display: inline; }
  72. }
  73. @media (min-width: 72em) {
  74. #hero .wrap { height: 50vh; }
  75. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement