mirror of
https://github.com/gohugoio/hugo.git
synced 2024-07-19 07:08:57 +00:00
45 lines
1.2 KiB
CSS
45 lines
1.2 KiB
CSS
/* full page image header area */
|
|
|
|
@media (min-width: 1024.1px) {
|
|
.header {
|
|
background-image: url('../img/desk.jpg');
|
|
}
|
|
}
|
|
@media (max-width: 319.9px) {
|
|
.header {
|
|
background-image: url('../img/desk-sm.jpg');
|
|
}
|
|
}
|
|
@media (max-width: 319.9px), (min-width: 1024.1px) {
|
|
.header {
|
|
background-position: center center;
|
|
-webkit-background-size: cover;
|
|
-moz-background-size: cover;
|
|
-o-background-size: cover;
|
|
background-size: cover;
|
|
background-attachment: fixed;
|
|
}
|
|
}
|
|
@media (min-width: 320px) and (max-width: 1024px) {
|
|
.header {
|
|
background-position: 0% 0%;
|
|
-webkit-background-size: 100% 100%;
|
|
-moz-background-size: 100% 100%;
|
|
-o-background-size: 100% 100%;
|
|
background-size: 100% 100%;
|
|
background-attachment: scroll;
|
|
background-clip: border-box;
|
|
background-origin: padding-box;
|
|
}
|
|
}
|
|
@media (min-width: 320px) and (max-width: 1024px) and (orientation: portrait) {
|
|
.header {
|
|
background-image: url('../img/desk-mini.jpg');
|
|
}
|
|
}
|
|
@media (min-width: 320px) and (max-width: 1024px) and (orientation: landscape) {
|
|
.header {
|
|
background-image: url('../img/desk-wide.jpg');
|
|
}
|
|
}
|