Difference between revisions of "Team:Oxford/Assets/stylesheet.css"
Line 184: | Line 184: | ||
.image-full { | .image-full { | ||
− | + | ||
left: 0; | left: 0; | ||
right: 0; | right: 0; |
Revision as of 12:06, 3 August 2015
- 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:50px 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 img {
width:80%; margin-top: 0; margin-bottom: 4em; display: block; margin-left: auto; margin-right: auto;
}
- title img:first-child {
margin-left: auto; margin-right: auto; margin-top: 1em; margin-bottom: 4em; width: 6em;
}
- title h3 {
color: #fff; text-align: center; font-family: "Avenir", sans-serif; font-weight: lighter; font-size: 1.5em; margin-bottom: 1em; margin-right: auto; margin-left: auto;
}
.page-content {
border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; 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: 95%; margin-left: auto; margin-right: auto; clear: both; padding: 15px 5%;
}
.quote-right {
width: 40%; float: right; padding-left: 15px; border-left: 1px solid #cccccc;
}
.quote-left {
width:40%; float: left; padding-right: 15px; 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: 3em; 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;
}
h3 {
clear: both; font-weight: lighter; font-family: "Avenir", sans-serif; color: #777;
}
.image-full {
left: 0; right: 0; width:auto;
}
- foot ul {
list-style-type: none; list-style-image: none;
}
- foot li {
display: inline;
}
- foot a {
color: white; font-size: 1em;
}
- foot p {
font-size: 0.5em;
}