Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*#slideshow { display: none; }
- @media (min-width: 48em) { */
- #slideshow {
- display: block;
- background-position: center top;
- background-repeat: no-repeat;
- -webkit-background-size: cover;
- -khtml-background-size: cover;
- -moz-background-size: cover;
- -ms-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 1;
- }
- /*}*/
- @media (min-width: 72em) {
- #slideshow {
- right: 10%;
- left: 10%
- }
- }
- #hero {
- border-width: 0 0 2px;
- border-style: solid;
- border-color: #224f70;
- background-color: #224f70;
- padding: 10px;
- position: relative;
- min-height:200px;
- }
- #hero aside {
- xbackground: rgba(243, 247, 250, .9);
- xpadding: 20px;
- xborder-radius: 6px;
- display:none;
- }
- #hero aside > :first-child { margin-top: 0; }
- #hero aside > :last-child { margin-bottom: 0; }
- #hero p span { display: none; }
- @media (min-width: 48em) {
- #hero {
- background-image: url(../images/logo-watermark.png);
- background-repeat: no-repeat;
- background-position: center center;
- background-size: auto 80%;
- padding: 0;
- }
- #hero .wrap {
- position: relative;
- height: 30vh;
- }
- #hero aside {
- display:block;
- background: rgba(243, 247, 250, .9);
- padding: 20px;
- border-radius: 6px;
- position: absolute;
- left: 50%;
- bottom: 20px;
- right: 20px;
- z-index: 2;
- }
- #hero p span { display: inline; }
- }
- @media (min-width: 72em) {
- #hero .wrap { height: 50vh; }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement