Main Page.css: Difference between revisions

Fen (talk | contribs)
changed header background color to work better with visited links
Fen (talk | contribs)
No edit summary
Line 31: Line 31:
.content-grid {
.content-grid {
   display: grid;
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
   grid-template-columns: 1fr 1fr;
   gap: 1rem;
   gap: 1rem;
   margin-top: 1em;
   margin: 1em auto;
   font-family: sans-serif;
}
   color: #000;
 
.content-header {
   font-size: 1.5em;
  font-weight: bold;
   color: #2f4770;
  border-bottom: 2px solid #9bb9df;
  padding-bottom: 0.2em;
  margin-bottom: 0.5em;
}
}


Line 43: Line 50:
   border-radius: 6px;
   border-radius: 6px;
   padding: 1em;
   padding: 1em;
  box-sizing: border-box;
}
.content-section.wide {
  grid-column: 1 / -1;
}
}


Line 82: Line 94:
     border-color: #536d9d;
     border-color: #536d9d;
   }
   }
  html.skin-theme-clientpref-os .content-header {
    color: #aabbee;
    border-bottom-color: #7881c7;
  }
}
}


Line 111: Line 129:
     color: #8ba4d4;
     color: #8ba4d4;
     border-color: #536d9d;
     border-color: #536d9d;
  }
  html.skin-theme-clientpref-os .content-header {
    color: #aabbee;
    border-bottom-color: #7881c7;
   }
   }
}
}