Compare commits
2 Commits
58f5984807
...
b37b926a71
Author | SHA1 | Date |
---|---|---|
Fred Boniface | b37b926a71 | |
Fred Boniface | 57a916784d |
After Width: | Height: | Size: 181 KiB |
After Width: | Height: | Size: 116 KiB |
After Width: | Height: | Size: 496 KiB |
After Width: | Height: | Size: 263 KiB |
After Width: | Height: | Size: 904 KiB |
After Width: | Height: | Size: 456 KiB |
After Width: | Height: | Size: 40 KiB |
After Width: | Height: | Size: 37 KiB |
After Width: | Height: | Size: 1.6 MiB |
After Width: | Height: | Size: 759 KiB |
After Width: | Height: | Size: 58 KiB |
After Width: | Height: | Size: 48 KiB |
After Width: | Height: | Size: 120 KiB |
After Width: | Height: | Size: 81 KiB |
After Width: | Height: | Size: 546 KiB |
Before Width: | Height: | Size: 84 KiB |
Before Width: | Height: | Size: 252 KiB |
Before Width: | Height: | Size: 881 KiB |
Before Width: | Height: | Size: 1.6 MiB |
Before Width: | Height: | Size: 14 MiB |
|
@ -0,0 +1,9 @@
|
||||||
|
Each set of header images should contain the following image widths. The minimum height should be 275px.
|
||||||
|
|
||||||
|
- 4096
|
||||||
|
- 2800
|
||||||
|
- 1920
|
||||||
|
- 1024
|
||||||
|
- 800
|
||||||
|
- 500
|
||||||
|
- 300
|
|
@ -17,7 +17,6 @@ body {
|
||||||
/* PAGE HEADER */
|
/* PAGE HEADER */
|
||||||
.header_image {
|
.header_image {
|
||||||
background-color: rgb(29,49,49);
|
background-color: rgb(29,49,49);
|
||||||
background-image: url("/images/headers/index/index_1024.webp");
|
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: top;
|
background-position: top;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
@ -29,10 +28,14 @@ body {
|
||||||
position: sticky;
|
position: sticky;
|
||||||
top: -145px;
|
top: -145px;
|
||||||
}
|
}
|
||||||
#header_index{background-image: url("/images/headers/index/index_1024.webp")}
|
#header_index{background-color: #a04911}
|
||||||
@media(min-width: 1025px){#header_index{background-image: url("/images/headers/index/index_1920.webp")}}
|
@media(min-width: 100px){#header_index{background-image: url("/images/headers/index/300.webp")}}
|
||||||
@media(min-width: 1921px){#header_index{background-image: url("/images/headers/index/index_2800.webp")}}
|
@media(min-width: 301px){#header_index{background-image: url("/images/headers/index/500.webp")}}
|
||||||
@media(min-width: 2801px){#header_index{background-image: url("/images/headers/index/index_4096.webp")}}
|
@media(min-width: 501px){#header_index{background-image: url("/images/headers/index/800.webp")}}
|
||||||
|
@media(min-width: 801px){#header_index{background-image:url("/images/headers/index/1024.webp")}}
|
||||||
|
@media(min-width:1025px){#header_index{background-image:url("/images/headers/index/1920.webp")}}
|
||||||
|
@media(min-width:1921px){#header_index{background-image:url("/images/headers/index/2800.webp")}}
|
||||||
|
@media(min-width:2801px){#header_index{background-image:url("/images/headers/index/4096.webp")}}
|
||||||
#page_title { /* This may be best floating above content div rather than inside header div */
|
#page_title { /* This may be best floating above content div rather than inside header div */
|
||||||
background-color: #2f4f4f8f;
|
background-color: #2f4f4f8f;
|
||||||
font-family: indie-flower, cursive;
|
font-family: indie-flower, cursive;
|
||||||
|
@ -133,9 +136,10 @@ footer {
|
||||||
}
|
}
|
||||||
footer p {
|
footer p {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-top: 6px;
|
margin-top: 9px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: azure;
|
color: azure;
|
||||||
|
font-family: monospace
|
||||||
}
|
}
|
||||||
@media screen and (min-height: 600px) {
|
@media screen and (min-height: 600px) {
|
||||||
footer {
|
footer {
|
||||||
|
|