testing #42
@ -1,8 +1,8 @@
|
|||||||
/* COLOR VARS */
|
/* COLOR VARS */
|
||||||
:root {
|
:root {
|
||||||
--main-bg-color: #aac4ee;
|
--main-bg-color: #aac4ee;
|
||||||
--accent-color: none;
|
--accent-color: #7fa7e6;
|
||||||
--overlay-color: #027fe59d;
|
--overlay-color: #7fa6e6de;
|
||||||
--main-text-color: #016ec7;
|
--main-text-color: #016ec7;
|
||||||
--link-color: azure;
|
--link-color: azure;
|
||||||
--link-visited-color: azure;
|
--link-visited-color: azure;
|
||||||
@ -149,16 +149,18 @@ body {
|
|||||||
top: 40px;
|
top: 40px;
|
||||||
right: 0;
|
right: 0;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
height: 100%;
|
|
||||||
display: block;
|
display: block;
|
||||||
max-width: 250px;
|
max-width: 250px;
|
||||||
width: 0;
|
width: 0;
|
||||||
|
border-top-left-radius: 45px;
|
||||||
|
border-bottom-left-radius: 45px;
|
||||||
background-color: var(--overlay-color);
|
background-color: var(--overlay-color);
|
||||||
transition: 0.4s;
|
transition: 0.4s;
|
||||||
}
|
}
|
||||||
#sidebar a {
|
#sidebar a {
|
||||||
padding: 8px 8px 8px 8px;
|
padding: 8px 8px 8px 8px;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
|
margin-bottom: 10px;
|
||||||
font-family: indie-flower, sans-serif;
|
font-family: indie-flower, sans-serif;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
@ -174,7 +176,7 @@ body {
|
|||||||
|
|
||||||
/* Footer Styles */
|
/* Footer Styles */
|
||||||
footer {
|
footer {
|
||||||
background-color: #7fa7e6;
|
background-color: var(--accent-color);
|
||||||
color: white;
|
color: white;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
Reference in New Issue
Block a user