Difference between revisions of "Team:UCLA/core/customcss"

Line 1: Line 1:
 +
/* HERO */
 +
.hero {
 +
background-repeat: no-repeat;
 +
background-size: cover;
 +
text-align: center;
 +
max-width: 100%;
 +
margin-top: -10px;
 +
height: 400px;
 +
box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.6);
 +
}
 +
 +
.hero h1 {
 +
font-size: 75pt;
 +
display: inline-block;
 +
color: white;
 +
margin-top: 85px;
 +
        letter-spacing: 7px;
 +
}
 +
/*TEAM SELECT STYLING*/
 +
.team-select {
 +
text-align: center;
 +
margin-bottom: 30px;
 +
max-width: none;
 +
}
 +
.team-select:after {
 +
content: "";
 +
width: 90%;
 +
border-bottom: 1px solid #ccc;
 +
display: block;
 +
margin: auto;
 +
position: relative;
 +
}
 +
.team {
 +
padding-bottom: 40px;
 +
cursor: pointer;
 +
}
 +
.team h3 {
 +
color: white;
 +
position: relative;
 +
margin: 0 30%;
 +
padding: 30px 40px;
 +
border-radius: 5px;
 +
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.3);
 +
transition: background-color 0.3s, box-shadow 0.3s;
 +
}
 +
.team-active h3 {
 +
text-decoration: underline;
 +
top: 3px;
 +
box-shadow: none;
 +
cursor: default;
 +
}
 +
#team-cdi h3 {
 +
background-color: #ff695c;
 +
}
 +
#team-cdi.team-inactive h3:hover {
 +
background-color: #ff8a80;
 +
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3);
 +
}
 +
#team-pcage h3 {
 +
background-color: #4d7cff;
 +
}
 +
#team-pcage.team-inactive h3:hover {
 +
background-color: #7096ff;
 +
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3);
 +
}
 +
 
/* HOMEPAGE */
 
/* HOMEPAGE */
  
Line 17: Line 83:
 
h2 {
 
h2 {
 
   font-size: 180%;
 
   font-size: 180%;
 +
  padding: 30px 0 0 0;
 +
  color: #00044d;
 
}
 
}
 
h3 {
 
h3 {

Revision as of 19:16, 30 August 2016

/* HERO */ .hero { background-repeat: no-repeat; background-size: cover; text-align: center; max-width: 100%; margin-top: -10px; height: 400px; box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.6); }

.hero h1 { font-size: 75pt; display: inline-block; color: white; margin-top: 85px; 

       letter-spacing: 7px;

} /*TEAM SELECT STYLING*/ .team-select { text-align: center; margin-bottom: 30px; max-width: none; } .team-select:after { content: ""; width: 90%; border-bottom: 1px solid #ccc; display: block; margin: auto; position: relative; } .team { padding-bottom: 40px; cursor: pointer; } .team h3 { color: white; position: relative; margin: 0 30%; padding: 30px 40px; border-radius: 5px; box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.3); transition: background-color 0.3s, box-shadow 0.3s; } .team-active h3 { text-decoration: underline; top: 3px; box-shadow: none; cursor: default; }

  1. team-cdi h3 {

background-color: #ff695c; }

  1. team-cdi.team-inactive h3:hover {

background-color: #ff8a80; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3); }

  1. team-pcage h3 {

background-color: #4d7cff; }

  1. team-pcage.team-inactive h3:hover {

background-color: #7096ff; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3); }

/* HOMEPAGE */

.homepage-links div { 

 text-align: center;

}

/* TYPOGRAPHY */ h1, h2, h3, h4, h5, h6, p, a { 

 font-family: "Lato", "Open Sans", sans-serif;

} p { 

 line-height: 2em;

} h1, h2, h3, h4, h5, h6 { 

 line-height: normal !important;

} h2 { 

 font-size: 180%;
 padding: 30px 0 0 0;
 color: #00044d;

} h3 { 

 font-size: 150%;

} h4 { 

 font-size: 130%;

} h5 { 

 font-size: 120%;

} h6 { 

 font-size: 110%;

}

/* NAVBAR */ .navbar-logo { 

 width: 90px;
 margin-left: 30px;

} .top-bar { 

 background-color: #3284bf;
 border-bottom: 5px solid #ffe800;
 margin-top: 16px !important;
 padding: 5px;

} .top-bar ul { 

 background-color: #3284bf;

} .top-bar-right { 

 background-color: #3284bf;
 border-bottom: 0;

} .menu>li>a { 

 color: white;

} /* li.is-submenu-item.is-dropdown-submenu-item>a { 

 color: black;

} */ .navbar-blue-bg { 

 background-color: #3284bf;
 margin: 11px 0 0 0;

}

/* EVERYTHING */

  1. content {
 margin-top: -3px;

}