Difference between revisions of "Team:Oxford/Assets/stylesheet"

Revision as of 09:14, 15 September 2015 (view source) Hhowardjenkins (Talk | contribs) ← Older edit		Revision as of 09:16, 15 September 2015 (view source) Hhowardjenkins (Talk | contribs) Newer edit →
Line 1:		Line 1:
		+	/* wiki width fixing */
	#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {		#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
	display:none;		display:none;
Line 28:		Line 29:
	.navbar-right li {		.navbar-right li {
	font-family: "Avenir",sans-serif;		font-family: "Avenir",sans-serif;
−	color: #2800D7;	+	color: #cccccc;
		+	font-weight: bolder;
		+	padding-right: 0;
	}		}
−	.navbar-nav > li > a {
−	padding-left: 10px;
−	padding-right: 10px;
−	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav> .active > a:hover {		.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav> .active > a:hover {
	background-color: #fff;		background-color: #fff;
−	color:#2800D7;	+	color:#777;
		+	border-bottom: 1px solid #fa2963;
		+	}
		+
		+	.navbar-default .navbar-nav a{
		+	padding-left: 0;
		+	padding-right: 10px;
		+	margin-left: 15px;
		+	padding-bottom: 3px;
		+	border-bottom: 1px solid #cccccc;
	}		}
Line 43:		Line 51:
	background-color: #fff;		background-color: #fff;
−	}
−
−	.navbar-default .navbar-brand {
−	font-weight: bold;
−	color: #2800D7;
−	/*background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #fa1e64),color-stop(100%, #2800D7));
−	-webkit-background-clip: text;
−	-webkit-text-fill-color: transparent;*/
−	}
−
−	.navbar-default .navbar-brand:hover {
−	font-weight: bold;
−	color: #fa1e64;
−	/*background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #fa1e64),color-stop(100%, #2800D7));
−	-webkit-background-clip: text;
−	-webkit-text-fill-color: transparent;*/
	}		}
Line 65:		Line 57:
	left:0;		left:0;
	right:0;		right:0;
−	margin:51.3px 0 0 0;	+	margin:50px 0 0 0;
	padding:0;		padding:0;
	background-color:#fff;		background-color:#fff;
−	overflow:auto;	+	overflow:scroll;
	position:absolute;		position:absolute;
	}		}
−	#sidebar.affix {
−	top: 80px;
−	}
−	.contents-sidebar {	+	.title> .row {
−	padding-left: 20px;	+	/*background-image: url(https://static.igem.org/mediawiki/2015/8/89/Ox_bluedots.jpg);
−	margin-top: 20px;	+	background-size: 3px 21px;
−	margin-bottom: 20px;	+	background-repeat: repeat;*/
−	background-color: white;	+
−	}	+
−	.contents-sidebar .nav>li>a {
−	color: #999;
−	padding: 4px 20px;
−	font-size: 13px;
−	font-weight: 400;
−	line-height: 1.4em;
−	margin-bottom: 10px;
−	}
−	.contents-sidebar .nav .nav>li>a {	+	background: -webkit-linear-gradient(90deg, #4776E6 10%, #8E54E9 90%); /* Chrome 10+, Saf5.1+ */
−	padding-top: 1px;	+	background:   -moz-linear-gradient(90deg, #4776E6 10%, #8E54E9 90%); /* FF3.6+ */
−	padding-bottom: 1px;	+	background:     -ms-linear-gradient(90deg, #4776E6 10%, #8E54E9 90%); /* IE10 */
−	padding-left: 20px;	+	background:     -o-linear-gradient(90deg, #4776E6 10%, #8E54E9 90%); /* Opera 11.10+ */
−	font-size: 12px;	+	background:         linear-gradient(90deg, #4776E6 10%, #8E54E9 90%); /* W3C */
−	}	+
−	.contents-sidebar .nav .nav .nav>li>a {
−	padding-top: 1px;
−	padding-bottom: 1px;
−	padding-left: 20px;
−	font-size: 11px;
	}		}
−	.contents-sidebar .nav>.active>a {	+	.title img {
−	color: #2800D7;	+	width:80%;
		+	margin-left: 10%;
		+	padding-top: 5%;
		+	padding-bottom: 10%;
	}		}
−	.contents-sidebar .nav>li>a {	+	#project-byline {
−	border-left: 2px solid transparent;	+	margin-top: -45px;
−	}	+	background-color: #fff;
−	.contents-sidebar .nav>.active>a,	+	padding: 15px 30px;
−	.contents-sidebar .nav>li>a:hover,	+	border: 15px solid #fa2963;
−	.contents-sidebar .nav>li>a:focus {	+	border-bottom: none;
−	color: #2800D7;	+	text-align: center;
−	text-decoration: none;	+
−	background-color: transparent;	+
−	border-left: 2px solid #2800D7;	+
−	font-weight: 700;	+
	}		}
−	.contents-sidebar .nav .nav>.active>a,	+	h3 {
−	.contents-sidebar .nav .nav>li>a:hover,	+	color: #2d2c35;
−	.contents-sidebar .nav .nav>li>a:focus {	+	font-size: 2em;
−	font-weight: 500;	+	font-family: "Merriweather",serif;
		+	font-weight: bold;
		+	padding-bottom: 5px;
		+	padding-top: 5px;
		+	margin-top: 30px;
		+	padding-left: 15px;
		+	background-image: url(https://static.igem.org/mediawiki/2015/6/6a/Ox_pink_diag.png);
		+	background-size: 4px;
		+	background-repeat: repeat;
	}		}
−	.contents-sidebar .nav ul.nav {	+	h4 {
−	display: none;	+	font-size: 1.2em;
		+	font-family: "Merriweather",serif;
		+	font-weight: bold;
		+	margin-top: 30px;
		+	padding-top: 5px;
		+	margin-bottom: 30px;
	}		}
−	.contents-sidebar .nav>.active>ul.nav {	+	p {
−	display: block;	+	text-align: justify;
	}		}
−		+	#project-byline h2 {
−	#sidebar {	+	border-bottom: 1px dotted #cccccc;
−	background-color: white;	+
	}		}
−	#title {	+	#get {
−	width: 100%;	+	border: 15px solid #fa2963;
−	background-image: url(https://static.igem.org/mediawiki/2015/5/5f/Ox_radcam.jpeg);	+	border-top: none;
−	background-position: 50% 50%;	+	border-bottom: none;
−	background-repeat: no-repeat;	+	margin: 0;
−	background-attachment: fixed;	+
−	background-size: cover;	+
−	border-radius: 0;	+
	}		}
−	#title div {	+	#get h3 {
−	width: 100%;	+	font-size: 32px
	}		}
−	#solution-byline {	+	#davis-quote {
−	margin: auto;	+	background-color: #fa2963;
−	}	+
−		+
−	#solution-byline h3 {	+
−	vertical-align: bottom;	+
−	}	+
−		+
−	#title img {	+
−	width:350px;	+
−	display: block;	+
−	margin: auto auto;	+
−	max-width: 800px;	+
−	}	+
−		+
−	#title p {	+
−	margin: 0;	+
−	}	+
−		+
−	#logo img {	+
−	margin:auto;	+
−	width: 6em;	+
−	margin-top: 2em;	+
−	}	+
−		+
−	#title h3 {	+
	color: #fff;		color: #fff;
−	text-align: center;	+	margin:0;
−	font-family: "Avenir", sans-serif;	+
−	font-weight: lighter;	+
−	font-size: 1em;	+
−	margin-bottom: 1em;	+
−	margin-right: auto;	+
−	margin-left: auto;	+
−	text-transform: uppercase;	+
	}		}
−	#title a {	+	#davis-quote h3 {
	color: #fff;		color: #fff;
−	padding: 0.2em;	+	font-size: 24px;
−	text-align: center;	+	padding-left: 5%;
−	line-height: 1.1em;	+	padding-right: 10%;
		+	padding-top: 25px;
		+	padding-bottom: 50px;
		+	font-weight: normal;
	}		}
−	#title a:hover, #title a:active, #title a:focus {	+	.quote-name-box {
−	text-decoration: none;	+	border: 15px solid  #fa2963;
−	}	+
−		+
−		+
−		+
−	.page-content {	+
	background-color: #fff;		background-color: #fff;
−	z-index: 10;	+	margin-top: -60px;
		+	color: #2d2c35;
		+	margin-right: 15px;
		+	margin-left: 15px;
		+	text-align: center;
	}		}
−	.quote {	+	.quote-name-box h3 {
−	font-family: "Avenir", sans-serif;	+	font-size: 24px;
−	color: #2800D7;	+	margin-bottom: 0px;
−	/*background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #fa1e64),color-stop(100%, #2800D7));	+
−	-webkit-background-clip: text;	+
−	-webkit-text-fill-color: transparent;*/	+
−	margin: 1em;	+
	}		}
−	.quote-right, .quote-left {	+	#sally {
−	max-width: 350px;	+	margin: 0 auto;
	}		}
−		+	.sponsors {
−	.quote p {	+	background-color: #fff;
−	text-align: justify;	+
−	text-transform: uppercase;	+
−	font-size: 1em;	+
−	font-weight: lighter;	+
−	margin-bottom: 0;	+
	}		}
−	.quote h3 {	+	.sponsors img {
−	text-align: right;	+	max-width: 100px;
−	font-size: 1em;	+	padding-bottom: 15px;
−	text-transform: uppercase;	+	padding-top: 15px;
−	color: #2800D7;	+	display: block;
−	margin-top: 5px;	+
−	padding-top: 0;	+
−	}	+
−		+
−	.quote-full {	+
−	width: 100%;	+
	margin-left: auto;		margin-left: auto;
	margin-right: auto;		margin-right: auto;
−	clear: both;
−	padding: 15px 0;
−	max-width: 810px;
	}		}
−	.quote-right {	+	#footer-links {
−	width: 50%;	+	padding-left:0;
−	font-size: 1em;	+	padding-right:0;
−	float: right;	+	margin-left: -15px;
−	padding-left: 15px;	+	margin-right:-15px;
−	padding-right: 0;	+	background-color: #fff;
−	}	+
−		+
−	.quote-left {	+
−	width:50%;	+
−	font-size: 1em;	+
−	float: left;	+
−	padding-right: 15px;	+
−	padding-left: 0;	+
−	}	+
−		+
−	.table>thead>tr>th {	+
−	color:  #2800D7;	+
−	}	+
−		+
−	#foot {	+
−	background-color: #6C7A89;	+
−	color: white;	+
−	font-family: "Avenir",sans-serif;	+
−	text-align: center;	+
−	padding-top: 1em;	+
−	z-index: -10;	+
−	text-transform: uppercase;	+
−	vertical-align: middle;	+
−	}	+
−		+
−	h2, h1 {	+
−	font-size: 3.5em;	+
	font-family: "Avenir", sans-serif;		font-family: "Avenir", sans-serif;
−	/*text-transform: uppercase;*/	+	margin-bottom: 10px;
−	font-weight: 900;	+
−	color: #2800D7;	+
−	/*background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #fa1e64),color-stop(100%, #2800D7));	+
−	-webkit-background-clip: text;	+
−	-webkit-text-fill-color: transparent;*/	+
−	border: none;	+
−	clear: both;	+
−	margin-bottom: 0em;	+
	}		}
−	h1 {	+	#footer-links a {
−	font-size: 2em;	+
−	margin-top: -50px;	+
−	padding-top: 80px;	+
−	}	+
−		+
−		+
−		+
−	p {	+
−	text-align: justify;	+
−	font-family: "Avenir", sans-serif;	+
−	}	+
−		+
−		+
−	h3 {	+
−	clear: both;	+
−	font-weight: 700;	+
−	font-family: "Avenir", sans-serif;	+
−	color: #2D2D35;	+
−	font-size: 1.5em;	+
−	}	+
−		+
−	h2, h3 {	+
−	padding-top: 80px;	+
−	margin-top: -50px;	+
−	}	+
−		+
−	h2 {	+
−	padding-top: 110px;	+
−	}	+
−		+
−	h4, h5 {	+
−	padding-top: 70px;	+
−	margin-top: -50px;	+
−	font-weight: bold;	+
−	}	+
−		+
−	h5 {	+
−	font-family: "Avenir", sans-serif;	+
−	font-weight: 900;	+
−	font-size: 2em;	+
−	color: #777;	+
−	}	+
−		+
−	h6 {	+
−	font-size: 1em;	+
−	}	+
−		+
−	ol {	+
−	list-style-type: none;	+
−	/*padding-top: 15px;	+
−	margin-top: 30px;	+
−	margin-bottom: 30px;	+
−	border-top: 1px solid #cccccc;	+
−	border-bottom: 1px solid #cccccc;	+
−	padding-left: 15px;*/	+
−	}	+
−		+
−	ol li {	+
−	counter-increment: step-counter;	+
−	/* margin-bottom: 20px; */	+
−	font-family: "Avenir", sans-serif;	+
−	text-align: left;	+
−	padding-left: 25px;	+
−	position: relative;	+
−	}	+
−		+
−	ol li::before {	+
−	content: counter(step-counter) ".";	+
−	font-size: 1em;	+
−	font-family: "Avenir",sans-serif;	+
−	font-weight: lighter;	+
−	margin-right: 15px;	+
−	color: #2800D7;	+
−	display: inline-block;	+
−	position: absolute;	+
−	left:0;	+
−	}	+
−		+
−	ol li p{	+
−	overflow: hidden;	+
−	}	+
−		+
−	.slim ul li {	+
−	/* margin-bottom: 20px; */	+
−	font-family: "Avenir", sans-serif;	+
−	/* vertical-align: middle; */	+
−	text-align: left;	+
−	padding-left: 25px;	+
−	position: relative;	+
−	}	+
−		+
−	.slim ul li:before {	+
−	content: "•";	+
−	font-size: 1.2em;	+
−	color: #2800D7;	+
−	margin-right: 15px;	+
−	display: block;	+
−	position: absolute;	+
−	left:0;	+
−	}	+
−		+
−		+
−	.slim ul {	+
−	list-style:none;	+
−	}	+
−		+
−	.slim {	+
−	max-width: 720px;	+
	margin-left: auto;		margin-left: auto;
	margin-right: auto;		margin-right: auto;
−	padding-left: 15px;	+	color: #000;
−	padding-right: 15px;	+
	}		}
−	.section {	+	#footer-links h2 {
−	clear: both;	+	margin-top:0;
−	margin-bottom: 75px;	+	border-bottom: 0;
−	}	+	font-weight: bold;
−		+
−	.section h2 {	+
−	margin-bottom: 0;	+
−	}	+
−		+
−	.image-full img {	+
−	margin-left: -15px;	+
−	margin-right: -15px;	+
−	width: 100%;	+
−	}	+
−		+
−	.image p {	+
−	color: #777;	+
−	text-align: center;	+
−	font-weight: lighter;	+
−	font-family: "Avenir",sans-serif;	+
−	font-size: 0.8em;	+
−	/*background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #fa1e64),color-stop(100%, #2800D7));	+
−	-webkit-background-clip: text;	+
−	-webkit-text-fill-color: transparent;	+
−	text-transform: uppercase;*/	+
−	}	+
−		+
−	.image-right {	+
−	width: 40%;	+
−	float: right;	+
−	padding-left: 15px;	+
−	padding-right: 0;	+
−	margin-right:0;	+
−	}	+
−		+
−	.image-right img {	+
−	width: 100%;	+
−	}	+
−		+
−	.image-left {	+
−	width:40%;	+
−	float: left;	+
−	padding-right: 15px;	+
−	padding-left: 0;	+
−	margin-left: 0;	+
−	}	+
−		+
−	.image-left img {	+
−	width: 100%;	+
−	}	+
−		+
−	#foot {	+
−	margin-top: -10px;	+
	}		}
−	#foot ul {	+	#footer-links ul {
	list-style-type: none;		list-style-type: none;
	list-style-image: none;		list-style-image: none;
Line 472:		Line 213:
	}		}
−	#foot li {	+	#footer-links li {
	display: inline;		display: inline;
−	text-align: center;	+	color:#000;
		+	width:25%
	}		}
−	#foot a {	+	#footer-links a:hover{
−	color: white;	+	text-decoration: none;
−	font-size: 1em;	+	color: #000;
−	padding-right: 0px;	+	background-image: url(https://static.igem.org/mediawiki/2015/6/6a/Ox_pink_diag.png);
		+	background-size: 4px;
		+	background-repeat: repeat;
	}		}
−	#foot a[href ^="https://"] {	+	#footer-links .footer-section-line {
−	padding-right: 5px;	+	height: 15px;
−	padding-left: 5px;	+	background-image: url(https://static.igem.org/mediawiki/2015/8/89/Ox_bluedots.jpg);
−	}	+	background-size: 3px 21px;
−		+	background-repeat: repeat;
−	#foot p {	+
−	font-size: 0.5em;	+
−	text-align: center;	+
−	}	+
−		+
−		+
−	.page-heading {	+
−	width: 100%;	+
−	background-image: url(https://static.igem.org/mediawiki/2015/f/fd/Ox_Biochem_Dept.jpg);	+
−	background-position: 50% 50%;	+
−	background-repeat: no-repeat;	+
−	background-attachment: fixed;	+
−	background-size: cover;	+
−	text-align: center;	+
−	text-transform: uppercase;	+
−	}	+
−		+
−	.page-heading h3 {	+
−	color: white;	+
−	font-size: 10vw;	+
−	font-weight: bolder;	+
−	font-family: "Avenir",sans-serif;	+
−	margin: 0;	+
−	padding-top: 25vh;	+
−	padding-bottom: 20vh;	+
−	}	+
−		+
−	#bodyContent .page-heading h3 {	+
−	margin: 30px;	+
−	}	+
−		+
−	/*.page-heading h3::before {	+
−	content: "[";	+
−	font-size: 15vw;	+
−	}	+
−		+
−	.page-heading h3::after {	+
−	content: "]";	+
−	font-size: 15vw;	+
−	}*/	+
−		+
−		+
−	.team-member {	+
−	border-bottom: 1px solid #cccccc;	+
−	margin-bottom: 15px;	+
−	text-align: center;	+
	margin-top: 5px;		margin-top: 5px;
−	}
−
−	.team-member img {
−	width:100%;
−	max-width: 250px;
−	margin-left: auto;
−	margin-right:auto;
−	display: block;
	}		}
−	.team-member h2{	+	#made-with-love {
−	font-size: 1em;	+	margin-left: 0px;
−	margin-bottom: 0;	+	margin-right: 0px;
−	text-transform: none;	+
−	font-weight: 600;	+
−	}	+
−		+
−		+
−	#bodyContent .team-member h3 {	+
−	margin-bottom: 15px;	+
−	padding-bottom: 0;	+
−	}	+
−		+
−		+
−	#bodyContent .advisor h2 {	+
−	margin-top: 0;	+
−	padding-top: 0;	+
−	}	+
−		+
−	.team-member h3 {	+
−	font-size: 0.8em;	+
−	margin-top: 0;	+
−	padding-top: 0px;	+
−	font-weight: 200;	+
−	}	+
−		+
−	#bodyContent h2 {	+
−	margin-bottom: 10px;	+
−	padding-bottom: 15px;	+
−	text-align: center;	+
−	}	+
−		+
−	#bodyContent h5 {	+
−	margin-bottom: -80px;	+
−	}	+
−		+
−	#support {	+
−	text-align: center;	+
−	}	+
−		+
−	.sponsor-logo img{	+
−	width: 100%;	+
−	max-width: 200px;	+
−	display: block;	+
−	margin-left: auto;	+
−	margin-right: auto;	+
−	border-bottom: 1px solid #cccccc;	+
−	padding: 0;	+
−	}	+
−		+
−	.sponsor-logo img:hover{	+
−	border-bottom: 1px solid #4776E6;	+
−	}	+
−		+
−	.section-spacer {	+
−	display: block;	+
−	width: 150px;	+
−	margin: auto;	+
−	margin-top: 30px;	+
−	border-bottom: 1px solid #cccccc;	+
−	clear: both;	+
−	}	+
−		+
−	#references {	+
−	border-top: 1px solid #cccccc;	+
−	font-size: 0.7em;	+
−	}	+
−		+
−	#references h2 {	+
−	border: none;	+
−	}	+
−	.references {	+
−	padding-left: 0px;	+
−	border: none;	+
−	margin-top: 15px;	+
−	}	+
−		+
−	@media (max-width: 768px) {	+
−	.quote-left, .quote-right {	+
−	width: 100%;	+
−	margin-left: auto;	+
−	margin-right: auto;	+
−	clear: both;	+
−	padding: 15px 0;	+
−	float: none;	+
−	border: none;	+
−	}	+
−	.image-left, .image-right {	+
−	margin-left: -15px;	+
−	margin-right: -15px;	+
−	width: 100%;	+
−	width: calc(100% + 30px);	+
−	float:none;	+
−	}	+
−		+
−	h2 {	+
−	font-size: 2em;	+
−	}	+
−	}	+
−		+
−		+
−		+
−	.algorithm>ol {	+
−	border: none;	+
−	padding-top: 15px;	+
−	margin-top: 10px;	+
−	margin-bottom: 15px;	+
−	text-align: left;	+
−	margin-left: 0;	+
−	}	+
−		+
−	.algorithm>ol>li {	+
−		+
−	text-align: left;	+
−	padding-left: 50px;	+
−	position: relative;	+
−	margin-bottom: 40px;	+
−	}	+
−		+
−	.algorithm>h3 {	+
−	padding-top: 0px;	+
−	margin-top: -31px;	+
−	margin-left: 30px;	+
−	margin-right:30px;	+
−	background-color: white;	+
−	display: inline-block;	+
−	text-transform: none;	+
−	padding-left: 30px;	+
−	padding-right: 15px;	+
−	color: #fa1e64;	+
−	font-weight: 700;	+
−	font-size: 2em;	+
−	}	+
−		+
−	.algorithm {	+
−	border: 15px solid #fa1e64;	+
−	margin-top: 30px;	+
−	margin-bottom: 30px;	+
−	margin-left: -30px;	+
−	margin-right: -30px;	+
−	padding-left: 30px;	+
	padding-right: 30px;		padding-right: 30px;
		+	background-color: #fa2963;
		+	color: #fff;
	text-align: center;		text-align: center;
		+	font-size: 10px;
		+	vertical-align: middle;
	}		}
−	.algorithm ol li::before {	+	#made-with-love a , #made-with-love p {
−	content: counter(step-counter);	+	color:#fff;
−	font-size: 4em;	+	padding: auto 0;
−	font-family: "Avenir",sans-serif;	+
−	font-weight: 700;	+
−	color: #2800D7;	+
−	display: block;	+
−	position: absolute;	+
−	left:0;	+
−	top: 50%;	+
−	transform: translateY(-50%);	+
−	}	+
−		+
−	.image.lightbox {	+
−	position: fixed;	+
−	top: 66px;	+
−	bottom: 0px;	+
−	left: 0;	+
−	width: 100%;	+
−	height: 100%;	+
−	background-color: #2800D7;	+
−	/*background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #fa1e64),color-stop(100%, #2800D7));	+
−	background: -moz-linear-gradient(left, #fa1e64,#2800D7);	+
−	background: -webkit-linear-gradient(left, #fa1e64,#2800D7);	+
−	background: linear-gradient(to right, #fa1e64,#2800D7);*/	+
−	z-index: 10000000;	+
−	float: none;	+
−	}	+
−		+
−	.image.lightbox>img {	+
−	width: auto;	+
−	max-height: 60%;	+
−	max-width: 90%;	+
−	opacity: 1;	+
−	margin: auto;	+
−	display: block;	+
−	margin-top: 15px;	+
−	}	+
−		+
−	.image.lightbox>p {	+
−	color: white;	+
−	background: none;	+
−	-webkit-text-fill-color: white;	+
−	}	+
−		+
−	.interview-response {	+
−	color: #777;	+
−	padding-left: 15px;	+
−	}	+
−		+
−	.definition {	+
−	text-decoration: none;	+
−	border-bottom: 1px dotted #00B9E7;	+
−	color: black;	+
−	}	+
−		+
−	.definition:hover, .definition:focus {	+
−	text-decoration: none;	+
−	color: #00B9E7	+
−	}	+
−		+
−	.popover {	+
−	}	+
−		+
−	.popover-title {	+
−	border-radius: 0;	+
−	color: #00B9E7;	+
−	width: 100%;	+
−	font-size: 2em;	+
−	text-align: center;	+
−	}	+
−		+
−	.popover-content {	+
−	font-family: "Avenir", sans-serif;	+
−	font-size: 1em;	+
−	overflow: auto;	+
−	height: 200px;	+
−	}	+
−		+
−	.popover.right>.arrow::after{	+
−	border-right-color: #00B9E7;	+
−	}	+
−		+
−	.popover.bottom>.arrow::after {	+
−	border-bottom-color: #00B9E7;	+
−	}	+
−		+
−	.popover.left>.arrow::after {	+
−	border-left-color: #00B9E7;	+
−	}	+
−		+
−	#notebook-key-button {	+
−	position: fixed;	+
−	right: 25%;	+
−	bottom: 0;	+
−	background-color: #2800D7;	+
−	margin-bottom: 15px;	+
−	height: 35px;	+
−	}	+
−		+
−	#notebook-key-button.affix-bottom {	+
−	position: absolute;	+
−	right:0;	+
−	bottom:0;	+
−	margin-right: 0;	+
−	}	+
−		+
−	#notebook-key-button.active {	+
−	background-color: #14006C;	+
−	}	+
−		+
−	#notebook-key-button h3 {	+
−	font-size: 15px;	+
−	margin-top: 10px;	+
−	margin-bottom: 10px;	+
−	padding: 0;	+
−	padding-right: 25px;	+
−	padding-left: 25px;	+
−	display: block;	+
−	color: white;	+
−	font-weight: 200;	+
−		+
−	}	+
−		+
−	#notebook-key {	+
−	color: white;	+
−	background-color: #14006C;	+
−	position: fixed;	+
−	width: 500px;	+
−	height: 70vh;	+
−	z-index: 1000000;	+
−	right: 25%;	+
−	bottom: 50px;	+
−	margin-bottom: 5px;	+
−	overflow: auto;	+
−	display: none;	+
−	}	+
−		+
−	#notebook-key.active {	+
−	display: block;	+
−	}	+
−		+
−	#notebook-key h2 {	+
−	color: white;	+
−	margin: 0;	+
−	padding-top: 10px;	+
−	padding-right: 90px;	+
−	border-bottom: 2px solid white;	+
−	display: inline-block;	+
−	font-size: 1.5em;	+
−	font-weight: 800;	+
−	margin-bottom: 15px;	+
−	}	+
−		+
−	#notebook-key p {	+
−	margin-bottom: 5px;	+
−	font-size: 0.8em;	+
−	color: #6488FF;	+
−	}	+
−		+
−	.next-section-btn {	+
−	position: absolute;	+
−	bottom: 0;	+
−	left: 0;	+
−	right: 0;	+
−	margin: auto;	+
−	width: 50px;	+
−	background-color: white;	+
−	border: 3px solid #000;	+
−	display: none;	+
−	}	+
−		+
−	#project-description-btn {	+
−	font-family: "Avenir";	+
−	position: absolute;	+
−	bottom: 0;	+
−	left: 0;	+
−	right: 0;	+
−	margin: auto;	+
−	background-color: white;	+
−	border: 3px solid #000;	+
−	color: black;	+
−	display: inline-block;	+
−	padding-left: 5px;	+
−	padding-right: 5px;	+
−	text-align: center;	+
−	margin-top: 30px;	+
−	width: 275px;	+
−	}	+
−		+
−	#project-description-btn:hover {	+
−	color: white;	+
−	background-color: black;	+
−	text-decoration: none;	+
−	}	+
−		+
−	.next-section-btn:hover {	+
−	background-color: black;	+
−	color: white;	+
−	}	+
−		+
−	.info-container {	+
−	position: relative;	+
−	}	+
−		+
−	.info-container img {	+
−	width: 100%;	+
−	max-width: 850px;	+
−	margin: auto;	+
−	display: block;	+
−	}	+
−	.image-massive {	+
−	margin-left:-15px;	+
−	position: relative;	+
−	z-index: 100;	+
−	}	+
−	.image-massive img {	+
−	width: 100vw;	+
−	}	+
−		+
−	@media (max-width: 992px) {	+
−	.contents-sidebar {	+
−	display: none;	+
−	}	+
−		+
−	#notebook-key-button {	+
−	right: 15px;	+
−	bottom: 0px;	+
−	}	+
−		+
−	#notebook-key-button.affix-bottom {	+
−	right:15px;	+
−	}	+
−		+
−	#notebook-key {	+
−	right:0px;	+
−	}	+
−	}	+
−		+
−	@media (max-width: 480px) {	+
−	#notebook-key {	+
−	top: 67.3px;	+
−	right: 0px;	+
−	left: 0px;	+
−	width: 100vw;	+
−	border-radius: 0;	+
−	bottom: 50px;	+
−	height: auto;	+
−	}	+
−	#title img {	+
−	width: 250px;	+
−	}	+
−	}	+
−		+
−	@media (min-width: 1225px) {	+
−	.image-left, .quote-left {	+
−	width: 33vw;	+
−	margin-left: -50px;	+
−	}	+
−		+
−	.image-right, .quote-right {	+
−	width: 33vw;	+
−	margin-right: -50px;	+
−	}	+
−		+
−	.image.image-right.lightbox, .image.image-left.lightbox {	+
−	margin: 0;	+
−	}	+
−		+
−	.quote-left, .quote-right {	+
−	max-width: 200px;	+
−	}	+
−	}	+
−		+
−	@media (min-width: 1500px) {	+
−	.image-left, .quote-left {	+
−	margin-left: -50px;	+
−	}	+
−	.image-right, .quote-right {	+
−	margin-right: -50px;	+
−	}	+
−	.image.image-right.lightbox, .image.image-left.lightbox {	+
−	margin: 0;	+
−	}	+
−	.quote-left, .quote-right {	+
−	max-width: 200px;	+
−	}	+
	}		}

---

Revision as of 09:16, 15 September 2015

/* wiki width fixing */

1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {

   display:none;

}

1. top-section {

   border: none;
   height: 0px;

}

1. content {

   width:100%;

}

body {

   position: relative;

}

.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;
   font-weight: bolder;
   padding-right: 0;

}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav> .active > a:hover {

   background-color: #fff;
   color:#777;
   border-bottom: 1px solid #fa2963;

}

.navbar-default .navbar-nav a{

   padding-left: 0;
   padding-right: 10px;
   margin-left: 15px;
   padding-bottom: 3px;
   border-bottom: 1px solid #cccccc;

}

.navbar-default .navbar-nav > .active {

   background-color: #fff;

}

1. main-container {

   top:0;
   left:0;
   right:0;
   margin:50px 0 0 0;
   padding:0;
   background-color:#fff;
   overflow:scroll;
   position:absolute;

}

.title> .row {

   /*background-image: url();
   background-size: 3px 21px;
   background-repeat: repeat;*/

   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 */

}

.title img {

   width:80%;
   margin-left: 10%;
   padding-top: 5%;
   padding-bottom: 10%;

}

1. project-byline {

   margin-top: -45px;
   background-color: #fff;
   padding: 15px 30px;
   border: 15px solid #fa2963;
   border-bottom: none;
   text-align: center;

}

h3 {

   color: #2d2c35;
   font-size: 2em;
   font-family: "Merriweather",serif;
   font-weight: bold;
   padding-bottom: 5px;
   padding-top: 5px;
   margin-top: 30px;
   padding-left: 15px;
   background-image: url();
   background-size: 4px;
   background-repeat: repeat;

}

h4 {

   font-size: 1.2em;
   font-family: "Merriweather",serif;
   font-weight: bold;
   margin-top: 30px;
   padding-top: 5px;
   margin-bottom: 30px;

}

p {

   text-align: justify;

}

1. project-byline h2 {

   border-bottom: 1px dotted #cccccc;

}

1. get {

   border: 15px solid #fa2963;
   border-top: none;
   border-bottom: none;
   margin: 0;

}

1. get h3 {

   font-size: 32px

}

1. davis-quote {

   background-color: #fa2963;
   color: #fff;
   margin:0;

}

1. davis-quote h3 {

   color: #fff;
   font-size: 24px;
   padding-left: 5%;
   padding-right: 10%;
   padding-top: 25px;
   padding-bottom: 50px;
   font-weight: normal;

}

.quote-name-box {

   border: 15px solid  #fa2963;
   background-color: #fff;
   margin-top: -60px;
   color: #2d2c35;
   margin-right: 15px;
   margin-left: 15px;
   text-align: center;

}

.quote-name-box h3 {

   font-size: 24px;
   margin-bottom: 0px;

}

1. sally {

   margin: 0 auto;

} .sponsors {

   background-color: #fff;

}

.sponsors img {

   max-width: 100px;
   padding-bottom: 15px;
   padding-top: 15px;
   display: block;
   margin-left: auto;
   margin-right: auto;

}

1. footer-links {

   padding-left:0;
   padding-right:0;
   margin-left: -15px;
   margin-right:-15px;
   background-color: #fff;
   font-family: "Avenir", sans-serif;
   margin-bottom: 10px;

}

1. footer-links a {

   margin-left: auto;
   margin-right: auto;
   color: #000;

}

1. footer-links h2 {

   margin-top:0;
   border-bottom: 0;
   font-weight: bold;

}

1. footer-links ul {

   list-style-type: none;
   list-style-image: none;
   margin-left: 0;

}

1. footer-links li {

   display: inline;
   color:#000;
   width:25%

}

1. footer-links a:hover{

   text-decoration: none;
   color: #000;
   background-image: url();
   background-size: 4px;
   background-repeat: repeat;

}

1. footer-links .footer-section-line {

   height: 15px;
   background-image: url();
   background-size: 3px 21px;
   background-repeat: repeat;
   margin-top: 5px;

}

1. made-with-love {

   margin-left: 0px;
   margin-right: 0px;
   padding-right: 30px;
   background-color: #fa2963;
   color: #fff;
   text-align: center;
   font-size: 10px;
   vertical-align: middle;

}

1. made-with-love a , #made-with-love p {

   color:#fff;
   padding: auto 0;

}