You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
99 lines
1.9 KiB
99 lines
1.9 KiB
/* This stylesheet is for the layout of both the homepage and the various subject pages */ |
|
|
|
/* .main_grid { |
|
display: grid; |
|
grid-template-rows: 24% 24% 24% 24%; |
|
grid-template-columns: 24% 24% 24% 24%; |
|
background-color: red; |
|
grid-gap: 20px; |
|
} */ |
|
|
|
#homebody { |
|
background-image: url("/images/lemon.jpg"); |
|
background-size: 50%; |
|
bacground-color: black; |
|
background-repeat: repeat; |
|
background-position: center; |
|
} |
|
|
|
body { |
|
font-family: "Montserrat", sans-serif; |
|
} |
|
|
|
.header { |
|
background-color: white; |
|
font-size: 36px; |
|
color: darkblue; |
|
text-align: right; |
|
margin-top: 40px; |
|
padding: 15px 80px; |
|
} |
|
|
|
.sidebar { |
|
height: 300px; |
|
width: 300px; |
|
font-family: sans-serif; |
|
font-size: 24px; |
|
color: darkblue; |
|
background-color: antiquewhite; |
|
margin-left: 12px; |
|
margin-top: 140px; |
|
margin-bottom: 200px; |
|
} |
|
|
|
.main-content { |
|
display: flex; |
|
flex-wrap: wrap; |
|
position: fixed; |
|
width: 100%; |
|
bottom: 20px; |
|
padding: 10px; |
|
background: black; |
|
} |
|
|
|
.homepagebutton { |
|
align-content: center; |
|
font-size: 18px; |
|
background: #AAAE8E; |
|
color: #453F78; |
|
text-decoration: none; |
|
padding: 10px 10px; |
|
margin: 10px; |
|
border: thick 2px #3A5743; |
|
border-radius: 4px; |
|
display: inline-block; |
|
} |
|
|
|
.homepagebutton:hover { |
|
background: rgba(170, 174, 142, 80%); |
|
clear: both; |
|
} |
|
|
|
.homepagebutton a { |
|
color: #453F78; |
|
} |
|
|
|
.homepagebutton a:visit { |
|
color: #453F78; |
|
} |
|
|
|
.incomplete { |
|
align-content: center; |
|
font-size: 14px; |
|
background: #453F78; |
|
color: #AAAE8E; |
|
text-decoration: none; |
|
padding: 10px 10px; |
|
margin: 10px; |
|
border: thick 2px #3A5743; |
|
border-radius: 4px; |
|
display: inline-block; |
|
} |
|
|
|
.incomplete a { |
|
color: #AAAE8E; |
|
} |
|
|
|
.incomplete a:visit { |
|
color: #AAAE8E; |
|
} |