Compare commits
No commits in common. "b37b926a71833dba703a59f5635753d56ad9a949" and "58f5984807aa1fcc9ad8e740e8dd99d4a8f94867" have entirely different histories.
b37b926a71
...
58f5984807
Before Width: | Height: | Size: 181 KiB |
Before Width: | Height: | Size: 116 KiB |
Before Width: | Height: | Size: 496 KiB |
Before Width: | Height: | Size: 263 KiB |
Before Width: | Height: | Size: 904 KiB |
Before Width: | Height: | Size: 456 KiB |
Before Width: | Height: | Size: 40 KiB |
Before Width: | Height: | Size: 37 KiB |
Before Width: | Height: | Size: 1.6 MiB |
Before Width: | Height: | Size: 759 KiB |
Before Width: | Height: | Size: 58 KiB |
Before Width: | Height: | Size: 48 KiB |
Before Width: | Height: | Size: 120 KiB |
Before Width: | Height: | Size: 81 KiB |
Before Width: | Height: | Size: 546 KiB |
After Width: | Height: | Size: 84 KiB |
After Width: | Height: | Size: 252 KiB |
After Width: | Height: | Size: 881 KiB |
After Width: | Height: | Size: 1.6 MiB |
After Width: | Height: | Size: 14 MiB |
|
@ -1,9 +0,0 @@
|
|||
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,6 +17,7 @@ body {
|
|||
/* PAGE HEADER */
|
||||
.header_image {
|
||||
background-color: rgb(29,49,49);
|
||||
background-image: url("/images/headers/index/index_1024.webp");
|
||||
background-repeat: no-repeat;
|
||||
background-position: top;
|
||||
background-size: cover;
|
||||
|
@ -28,14 +29,10 @@ body {
|
|||
position: sticky;
|
||||
top: -145px;
|
||||
}
|
||||
#header_index{background-color: #a04911}
|
||||
@media(min-width: 100px){#header_index{background-image: url("/images/headers/index/300.webp")}}
|
||||
@media(min-width: 301px){#header_index{background-image: url("/images/headers/index/500.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")}}
|
||||
#header_index{background-image: url("/images/headers/index/index_1024.webp")}
|
||||
@media(min-width: 1025px){#header_index{background-image: url("/images/headers/index/index_1920.webp")}}
|
||||
@media(min-width: 1921px){#header_index{background-image: url("/images/headers/index/index_2800.webp")}}
|
||||
@media(min-width: 2801px){#header_index{background-image: url("/images/headers/index/index_4096.webp")}}
|
||||
#page_title { /* This may be best floating above content div rather than inside header div */
|
||||
background-color: #2f4f4f8f;
|
||||
font-family: indie-flower, cursive;
|
||||
|
@ -136,10 +133,9 @@ footer {
|
|||
}
|
||||
footer p {
|
||||
padding: 0;
|
||||
margin-top: 9px;
|
||||
margin-top: 6px;
|
||||
text-align: center;
|
||||
color: azure;
|
||||
font-family: monospace
|
||||
}
|
||||
@media screen and (min-height: 600px) {
|
||||
footer {
|
||||
|
|