Add fluid responsive design to page footer
This commit is contained in:
parent
7cd0cc3056
commit
51adbcd938
@ -299,4 +299,36 @@ table.hosts td:nth-child(4) {
|
|||||||
padding-right: clamp(0.10rem, -0.25rem + 3vw, 1rem);
|
padding-right: clamp(0.10rem, -0.25rem + 3vw, 1rem);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
body > div > footer {
|
||||||
|
margin-top: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer #more_info nav.column {
|
||||||
|
clear: both;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
margin-left: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer #more_info nav.column ul li {
|
||||||
|
float: left;
|
||||||
|
margin-right: 1.5rem;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer #more_info nav.column h2 {
|
||||||
|
font-size: 1.35rem;
|
||||||
|
margin-top: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer h1.thick_bar {
|
||||||
|
clear: left;
|
||||||
|
font-size: 1.15rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer #copyright {
|
||||||
|
font-size: smaller;
|
||||||
|
margin-left: 0.5rem;
|
||||||
|
margin-right: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user