|
|
Line 34: |
Line 34: |
| list-style-image: none; | | list-style-image: none; |
| } | | } |
| + | |
| + | .about-page-content-wrapper { |
| + | padding-bottom: 5%; |
| + | } |
| + | |
| + | .about-content-wrapper { |
| + | padding-right: 100px; |
| + | padding-left: 90px; |
| + | padding-top: 35px; |
| + | padding-bottom: 35px; |
| + | } |
| + | |
| + | .about-header-text { |
| + | font-family: 'Merriweather', serif; |
| + | font-size: 24pt; |
| + | text-align: center; |
| + | color: #000; |
| + | } |
| + | |
| + | .about-text-wrapper{ |
| + | padding-left: 100px; |
| + | padding-top: 20px; |
| + | } |
| + | |
| + | .about-body-text { |
| + | font-family: 'Open Sans', sans-serif; |
| + | color: #000; |
| + | } |
| + | |
| | | |
| @import url('https://fonts.googleapis.com/css?family=Merriweather|Open+Sans|Raleway'); | | @import url('https://fonts.googleapis.com/css?family=Merriweather|Open+Sans|Raleway'); |
Line 321: |
Line 350: |
| } | | } |
| | | |
− | .standard-page-wrapper { | + | .about-page-wrapper { |
| display: grid; | | display: grid; |
| grid-template-columns: auto; | | grid-template-columns: auto; |
| grid-template-rows: 100px 550px auto 100px; | | grid-template-rows: 100px 550px auto 100px; |
− | grid-template-areas: "navbar" "standardpagebanner" "standardpagesidebarcontent" "footer"; | + | grid-template-areas: "navbar" "standardpagebanner" "safetypagecontent" "footer"; |
| } | | } |
| | | |
− | .standard-page-banner { | + | .about-page-content-wrapper { |
− | grid-area: standardpagebanner;
| + | |
− | }
| + | |
− | | + | |
− | .standard-page-side-bar-content-wrapper {
| + | |
| display: inline-grid; | | display: inline-grid; |
− | grid-area: standardpagesidebarcontent; | + | grid-area: safetypagecontent; |
− | grid-template-columns: 7.5% 20% 65% 7.5%;
| + | |
− | grid-template-areas: ". standardpagesidebar standardpagecontent .";
| + | |
− | }
| + | |
− | | + | |
− | .standard-page-side-bar-wrapper {
| + | |
− | grid-area: standardpagesidebar;
| + | |
− | }
| + | |
− | | + | |
− | .standard-page-content-wrapper {
| + | |
− | grid-area: standardpagecontent;
| + | |
| } | | } |
| | | |