374 lines
8.6 KiB
CSS
374 lines
8.6 KiB
CSS
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;
|
|
}
|
|
|