Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
concentrations
  • Loading branch information
@tsm15002
tsm15002 committed Jul 11, 2016
1 parent 3116967 commit 5af3b68
Show file tree
Hide file tree
Showing 24 changed files with 732 additions and 84 deletions.
304 changes: 292 additions & 12 deletions dist/css/app.css
View file
Expand Up @@ -1437,6 +1437,24 @@ html {
.landingNav__element--about-us .landingNav__elementColorScreen {
background-color: rgba(154, 45, 152, 0.6); }

.quoteModal {
background-color: #383838;
padding: 3em 0;
box-shadow: inset 0 0 1em rgba(0, 0, 0, 0.8); }

.quoteModal__inner {
max-width: 80em;
margin: 0 auto;
text-align: center; }
.quoteModal__inner h1 {
color: #76b700;
font-size: 2.5em;
text-transform: uppercase; }
.quoteModal__inner h3 {
font-size: 1.5em;
line-height: 1.4em;
color: white; }

.degreeCards {
margin: 1em auto;
max-width: 24em;
Expand Down Expand Up @@ -1516,17 +1534,24 @@ html {
margin: 4em auto;
box-sizing: border-box;
padding: 0.5em;
overflow-y: hidden; }
overflow-y: hidden;
text-align: center; }
.degreeBanner__inner ul {
margin: 0;
padding: 0; }
.degreeBanner__inner li {
box-sizing: border-box;
list-style: none;
padding: 0.4em;
float: left; }

.degreeBanner__btn {
float: left;
box-sizing: border-box;
text-align: center;
display: block;
padding: 0.5em;
color: white;
text-decoration: none;
margin: 0.5em 0;
position: relative;
transition: background-color 0.15s cubic-bezier(0.6, 0.06, 0.59, 1), color 0.15s cubic-bezier(0.6, 0.06, 0.59, 1); }
.degreeBanner__btn:hover {
Expand All @@ -1551,13 +1576,15 @@ html {
opacity: 1; }

.degreeBanner__btn--small {
width: 47.5%;
background-color: #C1133D; }
width: 50%; }
.degreeBanner__btn--small a {
background-color: #C1133D; }

.degreeBanner__btn--large {
width: 100%;
padding: 2em;
background-image: linear-gradient(173deg, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 50%); }
width: 100%; }
.degreeBanner__btn--large a {
background-image: linear-gradient(173deg, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 50%);
padding: 2em; }

.cameraIcon {
display: inline-block;
Expand Down Expand Up @@ -1609,7 +1636,7 @@ html {
z-index: 1;
transform: translate(-50%, -50%);
border: 1px solid;
border-color: white;
border-color: #EF7C02;
opacity: 0;
transition: width 0.15s cubic-bezier(0.6, 0.06, 0.59, 1), height 0.15s cubic-bezier(0.6, 0.06, 0.59, 1), opacity 0.15s cubic-bezier(0.6, 0.06, 0.59, 1); }
.concentrationTile__inner:hover::before, .concentrationTile__inner.active::before {
Expand Down Expand Up @@ -1671,7 +1698,12 @@ html {

.concentrationInfo__button {
display: block;
width: 50%; }
width: 50%;
font-weight: bold;
color: #EF7C02;
text-decoration: none; }
.concentrationInfo__button:hover {
text-decoration: underline; }

.ourWorkTiles {
margin: 2em 0;
Expand Down Expand Up @@ -1805,6 +1837,239 @@ html {
padding: 1em 2em;
transition: color 0.2s cubic-bezier(0.6, 0.06, 0.59, 1), background-color 0.2s cubic-bezier(0.6, 0.06, 0.59, 1); }

.campuses {
margin: 1em 0; }

.campus {
box-sizing: border-box;
width: 100%;
float: left;
padding: 1em;
margin: 0; }

.campus__inner {
color: white;
background-color: black;
text-decoration: none;
display: block;
width: 100%;
position: relative;
overflow: hidden; }
.campus__inner::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
z-index: 1;
transform: translate(-50%, -50%);
border: 1px solid;
border-color: #1982BE;
opacity: 0;
transition: width 0.15s cubic-bezier(0.6, 0.06, 0.59, 1), height 0.15s cubic-bezier(0.6, 0.06, 0.59, 1), opacity 0.15s cubic-bezier(0.6, 0.06, 0.59, 1); }
.campus__inner:hover::before, .campus__inner.active::before {
width: calc(100% + -2em);
height: calc(100% + -2em);
opacity: 1; }
.campus__inner:hover .campus__explore {
background-color: white;
color: #1982BE; }
.campus__inner:hover .campus__background {
opacity: 0.3; }

.campus__background {
width: 100%;
height: auto;
vertical-align: bottom;
opacity: 1;
transition: opacity 0.15s cubic-bezier(0.6, 0.06, 0.59, 1); }

.campus__title {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -120%);
font-size: 3em;
text-shadow: 0 0 0.5em rgba(0, 0, 0, 0.5); }

.campus__explore {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, 30%);
font-size: 1.2em;
background: #1982BE;
text-align: center;
line-height: 1.5em;
width: 10em;
transition: color 0.15s cubic-bezier(0.6, 0.06, 0.59, 1), background-color 0.15s cubic-bezier(0.6, 0.06, 0.59, 1); }

.campusesQuoteModal {
width: 100vw;
height: 20vw;
min-height: 15em;
background: url(../img/campuses/banner.jpg) no-repeat center/cover; }

.campusesQuoteModal__inner {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
position: relative; }
.campusesQuoteModal__inner blockquote {
margin: 0;
color: white;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
max-width: 40em; }
.campusesQuoteModal__inner blockquote footer {
color: #1982BE;
text-align: center; }

.campusHeader {
box-sizing: border-box;
padding: 2em; }

.campusHeader__name {
font-size: 3em;
color: white;
text-shadow: 0 0 0.5em rgba(0, 0, 0, 0.1);
text-align: center;
padding: 1em 0;
margin: 0; }

.campusHeader__nav {
margin: 0 auto;
max-width: 50em; }
.campusHeader__nav ul {
margin: 0;
padding: 0;
text-align: center; }
.campusHeader__nav li {
list-style: none;
display: inline-block; }

.campusHeader__link {
display: block;
color: white;
text-decoration: none;
font-weight: bold;
font-size: 1.2em;
padding: 1em;
background-color: rgba(25, 130, 190, 0.8);
margin: 0.5em;
position: relative;
transition: color 0.15s cubic-bezier(0.6, 0.06, 0.59, 1), background-color 0.15s cubic-bezier(0.6, 0.06, 0.59, 1); }
.campusHeader__link:hover {
color: #1982BE;
background-color: white; }
.campusHeader__link::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
z-index: 1;
transform: translate(-50%, -50%);
border: 1px solid;
border-color: #1982BE;
opacity: 0;
transition: width 0.15s cubic-bezier(0.6, 0.06, 0.59, 1), height 0.15s cubic-bezier(0.6, 0.06, 0.59, 1), opacity 0.15s cubic-bezier(0.6, 0.06, 0.59, 1); }
.campusHeader__link:hover::before, .campusHeader__link.active::before {
width: calc(100% + 0.5em);
height: calc(100% + 0.5em);
opacity: 1; }

.campusSection {
padding-top: 1em;
max-width: 60em;
margin: 0 auto;
overflow-y: hidden; }
.campusSection h1 {
text-align: center;
color: black;
text-transform: uppercase;
padding: 0 0.5em;
margin: 0.5em 0;
font-size: 2em;
position: relative; }
.campusSection h1::after {
content: '';
position: absolute;
left: 50%;
bottom: 0em;
height: 0.1em;
background-color: #1982BE;
width: 10em;
transform: translateX(-50%); }
.campusSection h3 {
color: grey;
text-transform: uppercase; }
.campusSection h4 {
margin: 0;
font-weight: normal; }
.campusSection a {
color: #1982BE;
text-decoration: none; }
.campusSection a:hover {
text-decoration: underline; }
.campusSection blockquote {
margin: 0; }

.campusSectionRow {
width: 100%;
overflow-y: hidden; }

.campusSectionHalf {
float: left;
width: 100%;
box-sizing: border-box;
padding: 1em;
text-align: center; }

.campusSectionFull {
float: left;
width: 100%;
box-sizing: border-box;
padding: 1em;
text-align: center; }

.livingLearningImg {
max-width: 100%;
width: 30em;
margin: 0 auto;
display: block;
vertical-align: bottom; }

.studentStoryImg {
max-width: 100%;
margin: 0 auto;
display: block;
vertical-align: bottom; }

.labsImg {
float: left;
width: 100%;
box-sizing: border-box;
padding: 0.1em;
margin: 0; }
.labsImg img {
width: 100%;
height: auto;
vertical-align: bottom; }

.contactImg {
max-width: 100%;
width: 25em;
margin: 0 auto;
display: block;
vertical-align: bottom; }

.aboutUsTiles {
max-width: 60em;
margin: 0 auto;
Expand Down Expand Up @@ -2143,8 +2408,11 @@ html {
opacity: 1;
transform: translateX(-1em); }

.u-floatRight {
float: right; }
.u-t-left {
text-align: left; }

.u-t-right {
text-align: right; }

.u-container {
padding: 0 1em;
Expand Down Expand Up @@ -2300,6 +2568,10 @@ html {
width: 50%; }
.forStudentsTile {
width: 50%; }
.campus__title {
font-size: 3.5em; }
.labsImg {
width: 50%; }
.aboutUsTile {
max-width: 50%;
float: left; }
Expand Down Expand Up @@ -2361,6 +2633,12 @@ html {
width: 33.33333%; }
.forStudentsTile {
width: 33.33333%; }
.campus {
width: 50%; }
.campus__title {
font-size: 4em; }
.campusSectionHalf {
width: 50%; }
.applyCampus {
width: 50%; }
.contactCard__outer {
Expand Down Expand Up @@ -2393,6 +2671,8 @@ html {
max-width: 20em; }
.aboutUsTile--large {
max-width: 40em; }
.campus__title {
font-size: 5em; }
.applyCampus__inner figcaption h1 {
font-size: 4em; }
.contactCard__outer {
Expand Down
2 changes: 1 addition & 1 deletion dist/css/app.min.css
View file

Large diffs are not rendered by default.

0 comments on commit 5af3b68

Please sign in to comment.