Difference between revisions of "Team:BostonU/Resources/CSS:Style"

Revision as of 21:51, 5 June 2017 (view source) Sstucker (Talk | contribs) ← Older edit		Revision as of 17:10, 6 June 2017 (view source) Sstucker (Talk | contribs) Newer edit →
Line 1:		Line 1:
		+	/*
		+	BU iGEM 2017 WIKI V1
		+	sstucker
		+	*/
	<style>		<style>
−	*{	+	#main_dropdown_wrap {
−	padding: 0;	+	margin-top: 20px;
−	margin: 0;	+	vertical-align: middle;
−	vertical-align: baseline;	+	min-width: 600px;
		+	max-width: 1000px;
		+	background: #888288;
	}		}
−	#home_logo {	+	#main_dropdown_wrap a.logo {
−	display: none;	+	float: left;
−	}	+	vertical-align: middle;
−		+	font-family: Arial, sans-serif;
−	#top_title {	+	font-weight: 900;
−	display: none;	+	font-kerning: 1pt;
−	}	+	text-decoration: none;
−	html	+
−	{	+
−	-webkit-font-smoothing:antialiased;	+
−	}	+
−		+
−	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,hr,th,td {	+
−	margin:0;	+
−	padding:0;	+
−	}	+
−		+
−	/*GENERAL*/	+
−	.themecolor {	+
	color: #CC0000;		color: #CC0000;
−	text-rendering: optimizeLegibility !important;
−	-webkit-font-smoothing: antialiased !important;
	}		}
−		+	#main_dropdown_wrap ul {
−	body {	+	list-style: none;
−	color: #fff;	+	position: relative;
−	font: normal 16px "Arial";	+	float: left;
−	font-weight: 300;	+	margin: 0;
−	background-color: #000;	+	padding: 0;
−	overflow-x: hidden;	+
−	line-height: 1.5;	+
−	font-family: 'Arial', sans-serif;	+
−	text-rendering: optimizeLegibility !important;	+
−	-webkit-font-smoothing: antialiased !important;	+
	}		}
−		+	#main_dropdown_wrap ul a {
−	h1 strong{	+	display: block;
−	font-weight: 900;	+	color: #000000;
		+	text-decoration: none;
		+	font-size: 12px;
		+	line-height: 32px;
		+	padding: 0 20px;
		+	font-family: Arial,sans-serif;
	}		}
−	h2{	+	#main_dropdown_wrap ul li {
−	;	+	position: relative;
−	line-height: 20px;	+	float: left;
−	margin:  0;	+
−	}	+
−	h3{	+
−	font-size: 1.2em;	+
−	font-weight: 900;	+
−	}	+
−		+
−	h5{	+
−		+
−	font-weight: 700;	+
−	line-height: 20px;	+
−	}	+
−	p{	+
−	font-family: 'Arial';	+
−	}	+
−		+
−	a{	+
−	text-decoration: none !important;	+
−	transition:all 0.3s linear;	+
−	-webkit-transition:all 0.3s linear;	+
−	-moz-transition:all 0.3s linear;	+
−	-ms-transition:all 0.3s linear;	+
−	-o-transition:all 0.3s linear;	+
−		+
−	}	+
−	ul	+
−	{	+
−	list-style: none;	+
−	margin:0;	+
−	padding:0;	+
−	}	+
−		+
−	p.intro{	+
−	font-size:0.9em;	+
−	margin: 14px 0;	+
−	line-height: 24px;	+
−	font-family: 'Arial', sans-serif;	+
−	color: #ffffff	+
−	}	+
−	.relative	+
−	{	+
−	position:relative;	+
−	}	+
−	.wrapper	+
−	{	+
−	width:100%;	+
−	height:100%;	+
−	position:relative;	+
−	}	+
−	.rightText	+
−	{	+
−	text-align:justify;	+
−	}	+
−	.leftText	+
−	{	+
−	text-align:left;	+
−	}	+
−	.RightText	+
−	{	+
−	text-align:right;	+
−	}	+
−	.top10	+
−	{	+
−	margin-top:1.2em;	+
−	}	+
−	.top20	+
−	{	+
−	margin-top:1.3em;	+
−	}	+
−	.top30	+
−	{	+
−	margin-top:2em;	+
−	}	+
−	.top40	+
−	{	+
−	margin-top:2.2em;	+
−	}	+
−	.gap	+
−	{	+
−	width:100%;	+
−	height:2em;	+
−	}	+
−	.scroll-block {	+
−	height: 100%;	+
−	overflow-x: hidden;	+
−	overflow-y: auto;	+
−	-webkit-overflow-scrolling: touch;	+
−	}	+
−	/*TYPOGRAPHY*/	+
−	h1, h2, h3, h4, h5, h6,	+
−	.h1, .h2, .h3, .h4, .h5, .h6{	+
−	font-family: 'Helvetica';	+
	margin: 0;		margin: 0;
		+	padding: 0;
	}		}
−	.menu{	+	#main_dropdown_wrap ul li.menu-item {
−	padding: 20px;	+	background: #B4B4B4;
−	transition: all 0.8s;	+	display: inline-block;
−	box-shadow:2px 2px 3px 3px rgba(0,0,0,0.3);	+
	}		}
−	.menu a.navbar-brand {	+	#main_dropdown_wrap ul li:hover {
−	text-transform: none;	+	color: #CC0000;
−	font-size: 1.5em;	+	background: #B6B6B6
−	font-weight: 900;	+
−	text-rendering: optimizeLegibility !important;	+
−	-webkit-font-smoothing: antialiased !important;	+
−	align-items: center;	+
	}		}
−	.menu.navbar-default .navbar-nav > li > a {	+	#main_dropdown_wrap ul ul {
−	color: #B4B4B4;	+	display: none;
−	letter-spacing: 1px;	+	position: absolute;
−	font-size: 1em;	+	top: 100%;
−		+	left: 0;
−	//text-shadow:1px 0px rgba(0,0,0,0.5);	+	background: #B4B4B4;
		+	padding: 0;
	}		}
−		+	#main_dropdown_wrap ul ul li {
−		+	float: none;
−	/* MAIN HEADING	+	width: 200px;
−	------------------------------*/	+	vertical-align: middle;
−	.main-heading	+
−	{	+
−	background: url(../images/main.jpg) center center no-repeat;	+
−	background-size:cover;	+
−	background-attachment: fixed;	+
−	color: #B4B4B4;	+
−	margin-top:80px;	+
	}		}
−		+	#main_dropdown_wrap ul ul a {
−	.overlay{	+	line-height: 120%;
−	background: -moz-linear-gradient(top,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */	+	padding: 10px 20px;
−	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(17%,rgba(0,0,0,0.73)), color-stop(35%,rgba(0,0,0,0.66)), color-stop(62%,rgba(0,0,0,0.55)), color-stop(100%,rgba(0,0,0,0.4))); /* Chrome,Safari4+ */	+
−	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* Chrome10+,Safari5.1+ */	+
−	background: -o-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* Opera 11.10+ */	+
−	background: -ms-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* IE10+ */	+
−	background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* W3C */	+
−	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */	+
−	//background-attachment: fixed;	+
−	height:auto;	+
−	height:100%;	+
	}		}
−		+	#main_dropdown_wrap ul ul ul {
−	.overlay > .container	+	top: 0;
−	{	+	left: 100%;
−	padding:170px 0px;	+
	}		}
−		+	#main_dropdown_wrap ul li:hover > ul {
−	.main-heading >.overlay	+
−	{	+
−	height: 750px;	+
−	}	+
−	p.lead	+
−	{	+
−	position:relative;	+
−	top:5px;	+
−	color:#ffffff;	+
−		+
−	}	+
−	/* ABOUT US	+
−	------------------------------*/	+
−	.aboutus >.container	+
−	{	+
−	padding: 100px 0px;	+
−	}	+
−	ul.aboutList li{	+
	display: block;		display: block;
−	font-size: 1.1em;	+	color: #CC0000
−	line-height: 30px;	+
−	font-family: 'Arial';	+
−	}	+
−	ul.aboutList li span{	+
−	margin-right: 10px;	+
−	}	+
−		+
−	.sectionTitle{	+
−	padding:20px 0;/*common style*/	+
−	}	+
−	.sectionTitle h2,	+
−	.sectionTitle  h2{	+
−	font-weight: 300;	+
−	}	+
−	.sectionTitle .line{	+
−	height: 5px;	+
−	width: 120px;	+
−	text-align: center;	+
−	margin: 0 auto;	+
−	margin-top: 20px;	+
−	}	+
−		+
−	.sectionTitle hr {	+
−	border-top: 5px solid;	+
−	width: 100px;	+
−	text-align: center;	+
−	margin-top: 10px;	+
−	position: relative;	+
−	left:0%;	+
−	}	+
−		+
−		+
−	.categories{	+
−	padding: 10px 0;	+
−	}	+
−		+
−		+
−		+
−	/*FOOTER*/	+
−	.footer{	+
−	background: #222222;	+
−	color: #ffffff;	+
−	padding: 20px 0 15px 0;	+
−	}	+
−	.footer p{	+
−	font-size:0.83em;	+
−	margin-top: 10px;	+
−	}	+
−		+
−	/*ANIMATION*/	+
−		+
−	.animate	+
−	{	+
−	-webkit-animation-duration: 2s;	+
−	}	+
−	.menu-item {	+
−	color: #5e5e5e;	+
−	}	+
−	.nav.navbar-nav.navbar-right li .menu-item:hover {	+
−	color: #CC0000;	+
	}		}
	</style>		</style>

---

Revision as of 17:10, 6 June 2017

/* BU iGEM 2017 WIKI V1 sstucker

• /

<style>

1. main_dropdown_wrap {

margin-top: 20px; vertical-align: middle; min-width: 600px; max-width: 1000px; background: #888288; }

1. main_dropdown_wrap a.logo {

float: left; vertical-align: middle; font-family: Arial, sans-serif; font-weight: 900; font-kerning: 1pt; text-decoration: none; color: #CC0000; }

1. main_dropdown_wrap ul {

list-style: none; position: relative; float: left; margin: 0; padding: 0; }

1. main_dropdown_wrap ul a {

display: block; color: #000000; text-decoration: none; font-size: 12px; line-height: 32px; padding: 0 20px; font-family: Arial,sans-serif; }

1. main_dropdown_wrap ul li {

position: relative; float: left; margin: 0; padding: 0; }

1. main_dropdown_wrap ul li.menu-item {

background: #B4B4B4; display: inline-block; }

1. main_dropdown_wrap ul li:hover {

color: #CC0000; background: #B6B6B6 }

1. main_dropdown_wrap ul ul {

display: none; position: absolute; top: 100%; left: 0; background: #B4B4B4; padding: 0; }

1. main_dropdown_wrap ul ul li {

float: none; width: 200px; vertical-align: middle; }

1. main_dropdown_wrap ul ul a {

line-height: 120%; padding: 10px 20px; }

1. main_dropdown_wrap ul ul ul {

top: 0; left: 100%; }

1. main_dropdown_wrap ul li:hover > ul {

display: block; color: #CC0000 } </style>