Team:Northwestern/css/team
@charset "UTF-8";
- aboutus {
font-family: josefin-sans; padding-left: 120px; padding-right: 110px; margin-top: 20px; margin-left: 5px; margin-right: 5px; margin-bottom: 50px; }
- aboutus .carousel {
margin-bottom: 20px; margin-top: 20px; }
- aboutus article .divider {
display: block; max-height: 30px; margin-top: 30px; margin-bottom: 30px; }
- aboutus article {
margin-left: 50px; }
- aboutus article .row {
margin-top: 25px; }
- aboutus .row .col-md-8.col-sm-8 {
margin-top: 0px; margin-left: 10px; }
- aboutus .row .col-md-4.col-sm-4.profilepic {
margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; height: 240px; width: 240px; } .profilepic{ height: 240px; width: 240px; }
- aboutus .row .col-md-4.col-sm-4.profilepic.prof {
margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 7px; padding-right: 7px; padding-bottom: 7px; padding-left: 7px; } .ch-item { height: 100%; border-radius: 50%; position: relative; cursor: default; box-shadow: inset 0 0 0 16px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; width: 100%; } .ch-info { position: absolute; width: inherit; height: inherit; border-radius: 50%; opacity: 0;
-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
-webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0);
-webkit-backface-visibility: hidden; }
- aboutus .sara {
background: rgba(187,226,119, 0.9); }
- aboutus #sara {
background-image: url(
);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
- aboutus .jordan {
background: rgba(217,244,255,0.9); }
- aboutus #jordan {
background-image: url(
);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
- aboutus .paul {
background: rgba(201,46,42,0.9); }
- aboutus #paul {
background-image: url(
);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
- aboutus .tasfia {
background: rgba(171,194,246,0.9); }
- aboutus #tasfia {
background-image: url(
);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
- aboutus .michelle {
background: rgba(11,12,32,0.9); }
- aboutus #michelle {
background-image: url(
);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
- aboutus .sam {
background: rgba(84,122,49,0.9); }
- aboutus #sam {
background-image: url(
);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
- aboutus .shu {
background: rgba(234,90,97,0.9); }
- aboutus #shu {
background-image: url(
);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
- aboutus .tyler {
background: rgba(234,146,48,0.9); }
- aboutus #tyler {
background-image: url(
);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
- aboutus .josh {
background: rgba(175,180,160,0.9); }
- aboutus #josh {
background-image: url(
);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
- aboutus .mike {
background: rgba(87,84,77,0.9); }
- aboutus #mike {
background-image: url(
);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
- aboutus .keith {
background: rgba(196,184,168,0.9); }
- aboutus #keith {
background-image: url(
);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
- aboutus .mordacq {
background: rgba(124,124,121,0.9); }
- aboutus #mordacq {
background-image: url(
);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
- aboutus .kelly {
background: rgba(106,23,43,0.9); }
- aboutus #kelly {
background-image: url(
);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
- aboutus .bradley {
background: rgba(102,172,223,0.9); }
- aboutus #bradley {
background-image: url(
);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
- aboutus .will {
background: rgba(191,168,64,0.9); }
- aboutus #will {
background-image: url(
);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
- aboutus .ben {
background: rgba(52,74,115,0.9); }
- aboutus #ben {
background-image: url(
);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
- aboutus .patrick {
background: rgba(156,157,149,0.9); }
- aboutus #patrick {
background-image: url(
);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
- aboutus .quentin {
background: rgba(149,182,191,0.9); }
- aboutus #quentin {
background-image: url(
);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
- aboutus .joe {
background: rgba(34,52,52,0.9); }
- aboutus #joe {
background-image: url(
);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
- aboutus .sarah {
background: rgba(147,149,148,0.9); }
- aboutus #sarah {
background-image: url(
);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
- aboutus .peter {
background: rgba(244,228,205,0.9); }
- aboutus #peter {
background-image: url(
);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.ch-info h3.ch-bubble {
color: #fff !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
font-size: 22px !important;
margin: 0 30px !important;
padding: 45px 0 0 0 !important;
height: 140px !important;
font-family: josefin-sans;
text-align: center !important;
text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3); font-style: normal; }
.ch-info p { color: #fff; padding: 10px 5px !important; font-style: normal !important; margin: 0 30px !important; font-size: 12px !important;
text-align: center !important;
border-top: 1px solid rgba(255,255,255,0.5); opacity: 0; -webkit-transition: all 1s ease-in-out 0.4s; -moz-transition: all 1s ease-in-out 0.4s; -o-transition: all 1s ease-in-out 0.4s; -ms-transition: all 1s ease-in-out 0.4s; transition: all 1s ease-in-out 0.4s; font-family: josefin-sans; font-weight:bold; } .ch-item:hover { box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.1); } .ch-item:hover .ch-info { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .ch-item:hover .ch-info p { opacity: 1; }
