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

Revision as of 19:38, 19 July 2016 (view source) Liuandrew (Talk | contribs) ← Older edit		Latest revision as of 19:46, 30 August 2016 (view source) Liuandrew (Talk | contribs)
(16 intermediate revisions by the same user not shown)
Line 1:		Line 1:
−	//HOMEPAGE	+	/* 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-select-header {
		+	font-size: 180%;
		+	padding: 30px 0 0 0;
		+	color: #00044d;
		+	font-weight: bold;
		+	font-family: 'Lato', sans-serif
		+	}
		+	.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-links div {		.homepage-links div {
Line 5:		Line 78:
	}		}
−	//TYPOGRAPHY	+	/* TYPOGRAPHY */
−	h1, h2, h3, h4, h5, h6 {	+	h1, h2, h3, h4, h5, h6, p, a {
	font-family: "Lato", "Open Sans", sans-serif;		font-family: "Lato", "Open Sans", sans-serif;
−	line-height: normal;	+	}
		+	p {
		+	line-height: 2em;
		+	}
		+	h1, h2, h3, h4, h5, h6 {
		+	line-height: normal !important;
	}		}
	h2 {		h2 {
	font-size: 180%;		font-size: 180%;
		+	padding: 30px 0 0 0;
		+	color: #00044d;
	}		}
	h3 {		h3 {
Line 26:		Line 106:
	}		}
−	//NAVBAR	+	/* NAVBAR */
	.navbar-logo {		.navbar-logo {
−	width: 200px;	+	width: 90px;
		+	margin-left: 30px;
	}		}
	.top-bar {		.top-bar {
	background-color: #3284bf;		background-color: #3284bf;
	border-bottom: 5px solid #ffe800;		border-bottom: 5px solid #ffe800;
−	margin-top: -8px;	+	margin-top: 16px !important;
		+	padding: 5px;
		+	}
		+	.top-bar ul {
		+	background-color: #3284bf;
		+	}
		+	.top-bar-right {
		+	background-color: #3284bf;
		+	border-bottom: 0;
	}		}
	.menu>li>a {		.menu>li>a {
	color: white;		color: white;
	}		}
−	li.is-submenu-item.is-dropdown-submenu-item>a {	+	/* li.is-submenu-item.is-dropdown-submenu-item>a {
	color: black;		color: black;
		+	} */
		+	.navbar-blue-bg {
		+	background-color: #3284bf;
		+	margin: 11px 0 0 0;
		+	}
		+
		+	/* EVERYTHING */
		+
		+	#content {
		+	margin-top: -3px;
	}		}

---

Latest revision as of 19:46, 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-select-header {

 font-size: 180%;
 padding: 30px 0 0 0;
 color: #00044d;
 font-weight: bold;
 font-family: 'Lato', sans-serif

} .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;

}