html {
font: 18px/1 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #FFFFFF;
}
li a {
font-size: .875em;
}
a {
color: #94C3FF;
text-decoration: none;
}
div.links ul {
list-style-type: none;
text-transform: uppercase;
margin: 0;
padding: 0 0 1em 3em;
width: 100%;
}
div.links a {
color: #FFFFFF;
font-size: .5em;
}
div.links ul li {
line-height: .5em;
float: left;
padding: 0 1em 1em 0;
}
@media screen and (min-width:750px) {
div.links {
position: fixed;
}
div.links ul {
width: 80px;
padding: 0;
}
div.links ul li {
float: inherit;
padding: 0;
}
}
.gittext {
color: #646464;
font-weight: bold;
}
.lowercase {
text-transform: lowercase;
}
h1,
h2,
h3 {
font-weight: 300;
}
h1 {
font-size: 2em;
}
h1 span {
color: #969696;
font-size: .42em;
margin-left: .476em;
}
h2 {
font-size: 2em;
line-height: 1.3;
}
h3 {
font-size: 1.875em;
line-height: 1.3;
}
.content {
margin-left: auto;
margin-right: auto;
width: 65%;
min-width: 33em;
max-width: 80em;
}
header {
background-color: #E1E1E1;
background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(235, 235, 235, 0.7)), color-stop(50%, rgba(200, 200, 200, 0.3)), color-stop(100%, rgba(30, 30, 30, 0.25))); /* Chrome,Safari4+ */
background-image: -webkit-radial-gradient(center, ellipse cover, rgba(235, 235, 235, 0.7) 0%, rgba(200, 200, 200, 0.3) 50%, rgba(30, 30, 30, 0.25) 100%); /* Chrome10+,Safari5.1+ */
background-image: -moz-radial-gradient(center, ellipse cover, rgba(235, 235, 235, 0.7) 0%, rgba(200, 200, 200, 0.3) 50%, rgba(30, 30, 30, 0.25) 100%); /* FF3.6+ */
background-image: -ms-radial-gradient(center, ellipse cover, rgba(235, 235, 235, 0.7) 0%, rgba(200, 200, 200, 0.3) 50%, rgba(30, 30, 30, 0.25) 100%); /* IE10+ */
background-image: -o-radial-gradient(center, ellipse cover, rgba(235, 235, 235, 0.7) 0%, rgba(200, 200, 200, 0.3) 50%, rgba(30, 30, 30, 0.25) 100%); /* Opera 12+ */
background-image: radial-gradient(ellipse at center, rgba(235, 235, 235, 0.7) 0%, rgba(200, 200, 200, 0.3) 50%, rgba(30, 30, 30, 0.25) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B3EBEBEB', endColorstr='#401E1E1E',GradientType=1); /* IE6-9 fallback on horizontal gradient */
background-repeat: repeat;
height: 30.3125em;
padding-top: 0.6em;
}
header h1 {
margin-top: .18em;
}
header h2 {
font-size: 2.5em;
margin-top: 0;
}
footer {
background-color: #C8C8C8; /* Old browsers */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C8C8C8), color-stop(100%, #FFFFFF)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top, #C8C8C8 0%, #FFFFFF 100%); /* Chrome10+,Safari5.1+ */
background-image: -moz-linear-gradient(top, #C8C8C8 0%, #FFFFFF 100%); /* FF3.6+ */
background-image: -ms-linear-gradient(top, #C8C8C8 0%, #FFFFFF 100%); /* IE10+ */
background-image: -o-linear-gradient(top, #C8C8C8 0%, #FFFFFF 100%); /* Opera 11.10+ */
background-image: linear-gradient(to bottom, #C8C8C8 0%, #FFFFFF 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8c8c8', endColorstr='#ffffff',GradientType=0); /* IE6-9 */
border-top: solid 1px #F0F0F0;
}
footer div {
padding-top: 0.9375em;
}
footer h1 {
font-size: 1.375em;
margin-top: -0.273em;
}
footer .gittext {
color: #969696;
}
nav {
border-bottom: solid 1px #C8C8C8;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 4.375em;
margin-bottom: 2em;
padding: 0 1.3em;
}
nav h1 {
float: left;
}
nav ul,
footer a {
float: right;
}
nav ul {
margin-top: 2.375em;
}
nav li,
footer li {
text-transform: uppercase;
float: left;
margin-left: 1.5625em;
}
.feature article {
position: relative;
padding-right: 0px;
width: 49.2%;
margin-left: auto;
margin-right: 0em;
height: 20em;
}
.feature h2 {
border-bottom: solid 1px #BEBEBE;
color: #828282;
line-height: 1.625em;
margin-bottom: 0.375em;
padding: 0.125em 0.375em;
}
.button {
background-color: #4B8CE9; /* Old browsers */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4B8CE9), color-stop(100%,#2C66B8)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top, #4B8CE9 0%,#2C66B8 100%); /* Chrome10+,Safari5.1+ */
background-image: -moz-linear-gradient(top, #4B8CE9 0%, #2C66B8 100%); /* FF3.6+ */
background-image: -ms-linear-gradient(top, #4B8CE9 0%,#2C66B8 100%); /* IE10+ */
background-image: -o-linear-gradient(top, #4B8CE9 0%,#2C66B8 100%); /* Opera 11.10+ */
background-image: linear-gradient(to bottom, #4B8CE9 0%,#2C66B8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B8CE9', endColorstr='#2C66B8',GradientType=0); /* IE6-9 */
-webkit-box-shadow: inset 0 1px 0 hsla(0, 100%, 100%, 0.2), inset 0 0 2px hsla(0, 100%, 100%, 0.2), 0 1px 2px hsla(0, 0%, 0%, 0.29);
-moz-box-shadow: inset 0 1px 0 hsla(0, 100%, 100%, 0.2), inset 0 0 2px hsla(0, 100%, 100%, 0.2), 0 1px 2px hsla(0, 0%, 0%, 0.29);
box-shadow: inset 0 1px 0 hsla(0, 100%, 100%, 0.2), inset 0 0 2px hsla(0, 100%, 100%, 0.2), 0 1px 2px hsla(0, 0%, 0%, 0.29);
-webkit-border-radius: 0.238em;
-moz-border-radius: 0.238em;
border-radius: 0.238em;
border: 1px solid #0A3A7D;
color: white;
display: inline-block;
font-size: 1.3125em;
padding: 0.476em 3%;
text-align: center;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}
.featurebutton {
float: left;
margin: 0 1%;
width: 41%;
}
.imagerollover {
float: left;
position: relative;
width: 46.5%;
}
.imagerollover img {
position: absolute;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
width: 100%;
height: auto;
}
.imagerollover .top:hover {
opacity: 0;
}
.vcentercontainer {
display: table;
height: 100%;
}
.vcentercontainer div {
display: table-cell;
}
.vcentercontainer div,
.vcentercontainer img {
vertical-align: middle;
}
.vcentercontainer img {
margin: 2.8125em auto;
}
.details {
background-color: #2C66B8;
}
.details article {
border-bottom: solid 0.3125em #00478F;
border-top: solid 0.3125em #00478F;
}
.details .gittext {
color: #FFFFFF;
}
.details p {
margin-top: 0;
}
.details p a {
color: #A3CFFF;
text-decoration: underline;
}
.details h2 {
background-color: #4A7CC2;
border-bottom: solid 0.104em #7198C1;
border-top: solid 0.104em #7198C1;
-webkit-box-shadow: 0 0 0.8333em rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 0.8333em rgba(0, 0, 0, 0.4);
box-shadow: 0 0 0.8333em rgba(0, 0, 0, 0.4);
clear: both;
color: #FFFFFF;
margin-bottom: 0.625em;
margin-top: 0.9375em;
padding: 0.1875em 0;
text-align: center;
text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
}
.details h3 {
color: #F5F5F5;
margin-bottom: 0;
margin-top: 0.8333em;
text-shadow: 0 -1px rgba(0, 0, 0, 0.35);
}
.details .button {
border: 1px solid #464646;
background-color: #E0E0E0; /* Old browsers */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E0E0E0), color-stop(100%,#A3A3A3)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top, #E0E0E0 0%,#A3A3A3 100%); /* Chrome10+,Safari5.1+ */
background-image: -moz-linear-gradient(top, #E0E0E0 0%, #A3A3A3 100%); /* FF3.6+ */
background-image: -ms-linear-gradient(top, #E0E0E0 0%,#A3A3A3 100%); /* IE10+ */
background-image: -o-linear-gradient(top, #E0E0E0 0%,#A3A3A3 100%); /* Opera 11.10+ */
background-image: linear-gradient(to bottom, #E0E0E0 0%,#A3A3A3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E0E0E0', endColorstr='#A3A3A3',GradientType=0); /* IE6-9 */
margin-left: auto;
margin-right: auto;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
}
.details .content {
height: 39.0625em;
}
.details p {
color: #EBEBEB;
line-height: 1.4em;
margin-bottom: 0.3125em;
text-shadow: 0 -1px rgba(0, 0, 0, 0.35);
}
.details li, .details li p {
line-height: 1.2em;
}
.details .vcentercontainer:first-child {
margin-right: 5%;
}
.verticalgallery {
float: none;
text-align: center;
}
.verticalgallery img {
border: solid 0.3125em #5881BD;
-webkit-box-shadow: 0 0 2.8125em rgba(0, 0,0, 0.17);
-moz-box-shadow: 0 0 2.8125em rgba(0, 0, 0, 0.17);
box-shadow: 0 0 2.8125em rgba(0, 0, 0, 0.17);
margin: 1.875em auto;
width: 100%;
height: auto;
}
.detailstext {
float: left;
width: 58%;
}
.detailsimg {
float: left;
width: 35%;
}
.contributecontent .detailsimg * {
width: 100%;
height: auto;
}
.list-unstyled {
list-style-type: none;
padding-left: 0;
}
.stud {
clear: both;
}