Styling Flo's content and creating a copy of the page for Lucy
This commit is contained in:
@@ -94,6 +94,9 @@ textarea {
|
||||
--jason-hover-bg-color: #913A50;
|
||||
--jason-hover-fg-color: #FFFFFF;
|
||||
--flo-bg-color: #601F22;
|
||||
--flo-accent-color: #FFE4E1;
|
||||
--flo-hover-bg-color: #00C4FF;
|
||||
--flo-hover-fg-color: #FFFFFF;
|
||||
}
|
||||
|
||||
body {
|
||||
@@ -192,6 +195,27 @@ div {
|
||||
|
||||
.splash.flo, .main.flo {
|
||||
background-color: var(--flo-bg-color);
|
||||
font-family: 'Quicksand', sans-serif;
|
||||
}
|
||||
|
||||
.flo h1 {
|
||||
font-family: 'Marck Script', cursive;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.flo h1 a {
|
||||
text-decoration: none;
|
||||
color: var(--flo-accent-color);
|
||||
}
|
||||
|
||||
.links.flo li a {
|
||||
background-color: var(--flo-accent-color);
|
||||
color: var(--flo-bg-color);
|
||||
}
|
||||
|
||||
.links.flo li a:hover {
|
||||
background-color: var(--flo-hover-bg-color);
|
||||
color: var(--flo-hover-fg-color);
|
||||
}
|
||||
|
||||
@media (orientation: landscape) {
|
||||
|
||||
Reference in New Issue
Block a user