Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- background-color:rgb(241,190,72);
- }
- #gridContainer {
- display:grid;
- grid-template-rows: auto auto 59% auto;
- grid-template-columns: auto 25%;
- grid-template-areas:
- "header header"
- "nav nav"
- "main aside"
- "footer footer";
- border-style:solid;
- border-color:rgb(241,190,72);
- position:absolute;
- height:100%;
- width:98.25%;
- }
- header {
- grid-area:header;
- background-color:rgb(45,41,38);
- border-style:inherit;
- border-color:inherit;
- color:white;
- font-size:200%;
- text-align:center;
- }
- #image {
- margin-top:1%;
- }
- nav {
- grid-area:nav;
- display:grid;
- grid-template-rows: auto 50%;
- grid-template-columns: auto 12.5% 12.5%;
- grid-template-areas:
- "links search search"
- "links login register";
- background-color:rgb(187 188 188);
- border-style:solid;
- border-color:rgb(241,190,72);
- max-height:100%;
- }
- #links{
- grid-area:links;
- border-style:inherit;
- border-left-style:none;
- border-color:inherit;
- padding-top:3%;
- }
- #links ul a {
- color:rgb(0 0 0);
- }
- nav ul li{
- display:inline;
- margin-right:7%;
- margin-left:8.5%;
- font-weight:bold;
- }
- #search{
- grid-area:search;
- border-style:inherit;
- border-right-style:none;
- border-color:inherit;
- text-align:center;
- }
- .lrButton {
- font-size:100%;
- width:100%;
- display:block;
- height:100%;
- background-color: rgb(249 66 58)
- }
- .lrButton:hover {
- background-color: rgb(249 166 58)
- }
- .sButton {
- font-size:100%;
- width:100%;
- display:block;
- height:100%;
- background-color: rgb(249 66 58)
- }
- .sButton:hover {
- background-color: rgb(249 166 58)
- }
- #login{
- grid-area:login;
- border-style:inherit;
- border-right-style:none;
- border-color:inherit;
- text-align:center;
- }
- #register{
- grid-area:register;
- border-style:inherit;
- border-right-style:none;
- border-color:inherit;
- text-align:center;
- }
- main {
- grid-area:main;
- background-color:rgb(217 218 218);
- padding:1em;
- border-style:inherit;
- border-color:inherit;
- min-height:100%;
- }
- #flexContainer {
- display:flex;
- flex-direction:row;
- max-width:100%;
- }
- .mainSection {
- position:relative;
- text-align:center;
- padding:1%;
- padding-top:none;
- }
- .mainSection h2{
- text-align:center;
- }
- .mainHeading {
- text-align:center;
- font-size:200%;
- }
- aside {
- grid-area:aside;
- background-color:rgb(65,182,230);
- border-style:inherit;
- border-color:inherit;
- padding:1em;
- min-height:100%;
- }
- aside h2 {
- text-align:center;
- }
- #sponsorEvents li {
- margin-top:15%;
- color:rgb(0 0 0);
- font-weight:bold;
- }
- footer {
- grid-area:footer;
- background-color:rgb(45,41,38);
- border-style:inherit;
- border-color:inherit;
- padding:1em;
- color:white;
- }
- #additionalInfo ul li {
- display:inline;
- margin-right:7%;
- margin-left:8.5%;
- font-weight:bold;
- }
- #additionalInfo ul a {
- color:rgb(255 255 255);
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement