Advertisement
Guest User

Untitled

a guest
Nov 12th, 2019
79
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.81 KB | None | 0 0
  1. body {
  2.     background-color:rgb(241,190,72);
  3. }
  4. #gridContainer {
  5.     display:grid;
  6.     grid-template-rows: auto auto 59% auto;
  7.     grid-template-columns: auto 25%;
  8.     grid-template-areas:
  9.                     "header header"
  10.                     "nav nav"
  11.                     "main aside"
  12.                     "footer footer";
  13.     border-style:solid;
  14.     border-color:rgb(241,190,72);
  15.     position:absolute;
  16.     height:100%;
  17.     width:98.25%;
  18.  
  19. }
  20. header {
  21.     grid-area:header;  
  22.     background-color:rgb(45,41,38);
  23.     border-style:inherit;
  24.     border-color:inherit;
  25.     color:white;
  26.     font-size:200%;
  27.     text-align:center;
  28.    
  29. }
  30. #image {
  31.     margin-top:1%;
  32. }
  33.  
  34. nav {
  35.     grid-area:nav;
  36.     display:grid;
  37.     grid-template-rows: auto 50%;
  38.     grid-template-columns: auto 12.5% 12.5%;
  39.     grid-template-areas:
  40.                     "links search search"
  41.                     "links login register";
  42.     background-color:rgb(187 188 188);
  43.     border-style:solid;
  44.     border-color:rgb(241,190,72);
  45.     max-height:100%;
  46. }
  47. #links{
  48.     grid-area:links;
  49.     border-style:inherit;
  50.     border-left-style:none;
  51.     border-color:inherit;
  52.     padding-top:3%;
  53.    
  54. }
  55. #links ul a {
  56.     color:rgb(0 0 0);
  57. }
  58. nav ul li{
  59.     display:inline;
  60.     margin-right:7%;
  61.     margin-left:8.5%;
  62.     font-weight:bold;
  63. }
  64. #search{
  65.     grid-area:search;
  66.     border-style:inherit;
  67.     border-right-style:none;
  68.     border-color:inherit;
  69.     text-align:center;
  70. }
  71. .lrButton {
  72.     font-size:100%;
  73.     width:100%;
  74.     display:block;
  75.     height:100%;
  76.     background-color: rgb(249 66 58)
  77. }
  78. .lrButton:hover {
  79.     background-color: rgb(249 166 58)
  80. }
  81. .sButton {
  82.     font-size:100%;
  83.     width:100%;
  84.     display:block;
  85.     height:100%;
  86.     background-color: rgb(249 66 58)
  87. }
  88. .sButton:hover {
  89.     background-color: rgb(249 166 58)
  90. }
  91.  
  92. #login{
  93.     grid-area:login;
  94.     border-style:inherit;
  95.     border-right-style:none;
  96.     border-color:inherit;
  97.     text-align:center;
  98. }
  99. #register{
  100.     grid-area:register;
  101.     border-style:inherit;
  102.     border-right-style:none;
  103.     border-color:inherit;
  104.     text-align:center;
  105. }
  106. main {
  107.     grid-area:main;
  108.     background-color:rgb(217 218 218);
  109.     padding:1em;
  110.     border-style:inherit;
  111.     border-color:inherit;
  112.     min-height:100%;
  113. }
  114. #flexContainer {
  115.     display:flex;
  116.     flex-direction:row;
  117.     max-width:100%;
  118. }
  119. .mainSection {
  120.    
  121.     position:relative;
  122.     text-align:center;
  123.     padding:1%;
  124.     padding-top:none;
  125.    
  126. }
  127. .mainSection h2{
  128.     text-align:center;
  129. }
  130. .mainHeading {
  131.     text-align:center;
  132.     font-size:200%;
  133.    
  134. }
  135. aside {
  136.     grid-area:aside;
  137.     background-color:rgb(65,182,230);
  138.     border-style:inherit;
  139.     border-color:inherit;
  140.     padding:1em;
  141.     min-height:100%;
  142. }
  143. aside h2 {
  144.     text-align:center;
  145. }
  146. #sponsorEvents li {
  147.     margin-top:15%;
  148.     color:rgb(0 0 0);
  149.     font-weight:bold;
  150. }
  151. footer {
  152.     grid-area:footer;
  153.     background-color:rgb(45,41,38);
  154.     border-style:inherit;
  155.     border-color:inherit;
  156.     padding:1em;
  157.     color:white;
  158. }
  159. #additionalInfo ul li {
  160.     display:inline;
  161.     margin-right:7%;
  162.     margin-left:8.5%;
  163.     font-weight:bold;
  164. }
  165. #additionalInfo ul a {
  166.     color:rgb(255 255 255);
  167. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement