Difference between revisions of "Template:UAlberta/CSS"

Line 138: Line 138:
  
 
p {
 
p {
−
   font-family: 'Karla',sans-serif
+
   font-family: 'Karla',sans-serif;
 +
  font-size: 115%;
 
}
 
}
  
 
/* Header */
 
/* Header */
−
 
−
.clear .extra_space {
 
−
height: 0;
 
−
}
 
  
 
.navbar-custom {
 
.navbar-custom {
−
background-color: #fcda07;
+
background-color: #FFCC33;
 
}
 
}
  
−
.navbar-custom .navbar-text {
+
.navbar-text {
 
   color: #000;
 
   color: #000;
 
}
 
}
Line 157: Line 154:
 
/* Footer */
 
/* Footer */
 
.ua-footer {
 
.ua-footer {
−
  position: fixed;
 
 
   left: 0;
 
   left: 0;
 
   bottom: 0;
 
   bottom: 0;
Line 174: Line 170:
 
}
 
}
  
−
.footer-contact li, a{
+
.footer-contact > li, a{
 
   font-family: 'Amiko',sans-serif;
 
   font-family: 'Amiko',sans-serif;
 
   font-size:9pt;
 
   font-size:9pt;
 +
  color: white
 +
}
 +
 +
/*BG image*/
 +
.hero-image{
 +
  background-size: cover;
 +
  background-repeat: no-repeat;
 +
  background-position: 50% 25%;
 +
  width: 100%;
 +
  height: 500px;
 +
  position: relative;
 +
}
 +
 +
.hero-text{
 +
  text-align: center;
 +
  position: absolute;
 +
  top: 50%;
 +
  left: 50%;
 +
  transform: translate(-50%, -50%);
 
   color: white;
 
   color: white;
 +
}
 +
 +
.hero-text > h1{
 +
  font-family: 'Amiko',sans-serif;
 +
  font-weight: bold;
 +
  font-size: 350%;
 +
}
 +
 +
.hero-text > h2{
 +
  font-family: 'Amiko',sans-serif;
 +
  font-size: 300%;
 +
}
 +
 +
#ua-project-experimental{
 +
  background-image: url(../images/project/T--Ualberta-Project-ExperimentalBG.png);
 +
}
 +
 +
#ua-hp-overview{
 +
  background-image: url(../images/human-practices/T--UAlberta-HP-OverviewBG.png);
 +
}
 +
 +
#ua-team-members{
 +
  background-image: url(../images/team/T--UAlberta-Team-MembersBG.png);
 +
}
 +
 +
 +
/*Content*/
 +
.ua-content{
 +
  background-color: #F2F2F2;
 +
  padding-top: 6%;
 +
  padding-bottom: 6%;
 
}
 
}
  
 
</style>
 
</style>
 
</html>
 
</html>

Revision as of 21:19, 30 August 2018