Team:Oxford/Assets/stylesheet.css
- contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
display:none;
}
- top-section {
border: none; height: 0px;
}
- content {
width:100%;
}
.row {
background-color: #fff;
} .navbar {
margin-top: 16px; position: fixed; font-size: 13px; background-color: #fff; margin-bottom: 0;
}
.navbar-right li {
font-family: "Avenir",sans-serif; color: #cccccc;
}
.navbar-nav > li > a {
padding-left: 5px; padding-right: 5px;
} .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav> .active > a:hover {
background-color: #fff; color:#4776E6;
}
.navbar-default .navbar-nav > .active {
background-color: #fff;
}
.navbar-brand {
font-weight: bold;
}
- main-container {
top:0; left:0; right:0; margin:51.3px 0 0 0; padding:0; background-color:#fff; overflow:scroll; position:absolute;
}
- title {
width: 100%; background: -webkit-linear-gradient(90deg, #4776E6 10%, #8E54E9 90%); /* Chrome 10+, Saf5.1+ */ background: -moz-linear-gradient(90deg, #4776E6 10%, #8E54E9 90%); /* FF3.6+ */ background: -ms-linear-gradient(90deg, #4776E6 10%, #8E54E9 90%); /* IE10 */ background: -o-linear-gradient(90deg, #4776E6 10%, #8E54E9 90%); /* Opera 11.10+ */ background: linear-gradient(90deg, #4776E6 10%, #8E54E9 90%); /* W3C */ border-radius: 0; margin-top: -10px;
}
- title div {
width: 100%; height: calc((100vh - 164.1px)/3);
}
- solution {
padding-top: auto; padding-bottom: auto;
}
- solution-byline {
margin: auto;
}
- title img {
width:80%; display: block; margin: auto auto; max-width: 800px;
}
- title p {
margin: 0;
}
- logo img {
margin:auto; width: 6em;
}
- title h3 {
color: #fff; text-align: center; font-family: "Avenir", sans-serif; font-weight: lighter; font-size: 1em; margin-bottom: 1em; margin-right: auto; margin-left: auto;
}
- title a {
color: #fff; padding: 0.2em; border: 3px solid white;
}
- title a:hover {
background-color: white; color: #8E54E9; text-decoration: none;
}
.page-content {
background-color: #fff; z-index: 10;
}
.quote {
font-family: "Avenir", sans-serif; background: -webkit-linear-gradient(90deg, #4776E6 10%, #8E54E9 90%); /* Chrome 10+, Saf5.1+ */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: 1em;
}
.quote p {
text-align: justify; text-transform: uppercase; font-size: 1em; font-weight: lighter; margin-bottom: 0;
}
.quote h3 {
text-align: right; font-size: 1em; text-transform: uppercase; margin-top: 0;
}
.quote-full {
width: 85%; margin-left: auto; margin-right: auto; clear: both; padding: 15px 0; max-width: 810px;
}
.quote-right {
width: 40%; float: right; padding-left: 15px; padding-right: 0; margin-right:0; border-left: 1px solid #cccccc;
}
.quote-left {
width:40%; float: left; padding-right: 15px; padding-left: 0; margin-left: 0; border-right: 1px solid #cccccc;
}
- foot {
background-color: #4776E6; color: white; font-family: "Avenir",sans-serif; text-align: center; padding-top: 1em; z-index: -10; text-transform: uppercase; vertical-align: middle; background: -webkit-linear-gradient(90deg, #4776E6 10%, #8E54E9 90%); /* Chrome 10+, Saf5.1+ */ background: -moz-linear-gradient(90deg, #4776E6 10%, #8E54E9 90%); /* FF3.6+ */ background: -ms-linear-gradient(90deg, #4776E6 10%, #8E54E9 90%); /* IE10 */ background: -o-linear-gradient(90deg, #4776E6 10%, #8E54E9 90%); /* Opera 11.10+ */ background: linear-gradient(90deg, #4776E6 10%, #8E54E9 90%); /* W3C */
}
h2 {
font-size: 4em; font-family: "Avenir", sans-serif; text-transform: uppercase; background: -webkit-linear-gradient(90deg, #4776E6 10%, #8E54E9 90%); /* Chrome 10+, Saf5.1+ */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: none; clear: both; margin-bottom: 0em;
}
p {
text-align: justify; font-family: "Avenir", sans-serif;
} .slim {
max-width: 720px; margin-left: auto; margin-right: auto;
}
h3 {
clear: both; font-weight: lighter; font-family: "Avenir", sans-serif; color: #777; text-transform: uppercase; font-size: 1.5em;
}
.section {
clear: both;
}
.section h2 {
margin-bottom: 0;
}
.image-full img {
margin-left: -15px; margin-right: -15px; width: 100%; width: calc(100% + 30px);
}
.image p {
text-align: center; font-weight: lighter; font-family: "Avenir",sans-serif; background: -webkit-linear-gradient(90deg, #4776E6 10%, #8E54E9 90%); /* Chrome 10+, Saf5.1+ */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: uppercase;
}
.image-right {
width: 50%; float: right; padding-left: 15px; padding-right: 0; margin-right:0;
}
.image-right img {
width: 100%;
}
.image-left {
width:50%; float: left; padding-right: 15px; padding-left: 0; margin-left: 0;
}
.image-left img {
width: 100%;
}
- foot {
margin-top: -10px;
}
- foot ul {
list-style-type: none; list-style-image: none; margin-left: 0;
}
- foot .social-links {
display: inline-block; text-align: center; height: 1.5em; width:1.5em;
}
- foot li {
display: inline-block; text-align: center; width: 1.5em; height: 1.5em;
}
- foot li:hover {
border: 3px solid white; border-radius: 100%;
}
- foot a {
color: white; font-size: 1em; margin: 0;
}
- foot p {
font-size: 0.5em; text-align: center;
}