Team:RHIT/test
<style>
body {
margin: 0;
background-color: #03ece4!important;
}
#content {
margin-left: auto;
align-self: center;
}
.navdiv-wrapper {
height: 40px;
background: #03ece4;
}
.navdiv-cover {
height: 40px;
position: absolute;
background: #32cd32;
width: 100vw;
left: 0vw;
}
#content .navdiv {
float: none;
margin: 0 auto;
left: 0;
}
#content .navdiv>a {
position: relative;
}
#content .navdiv ul{
width: 100%;
height: 40px;
background: rgb(82, 81, 81);
line-height: 20px;
color: black;
margin-right: 15px;
margin-top: 40px;
margin-left: 0px;
text-align: center;
}
#content .navdiv ul li a {
text-decoration: none;
color: black;
cursor: pointer;
}
#content .navdiv ul li a:hover{
text-decoration: none;
color: black;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#content .navdiv ul li{
list-style-type: none;
display: inline-block;
position: relative;
color: black;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
cursor: pointer;
}
#content .navdiv ul li:hover{
background: #1E90FF;
color: black;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.navdiv h1{
width: 300px;
float: left;
cursor: pointer;
margin-left: 15px;
}
.navdiv .logo-wrapper {
position: absolute;
top: -30px;
background: white;
height: 40px;
border: 10px solid rgb(82, 81, 81);;
height: 100px;
border-radius: 100px;
}
.igem_logo_mobile img { width:70px; }
.igem_logo_mobile { float:left; padding-left: 5%; width: 30%; }
.igem_menu_control_mobile img { width:25px; }
.igem_menu_control_mobile { float:right; padding-right:5%; padding-top:5px; text-align:right; width: 30%; }
.navdiv .logo-wrapper img {
height: 100px;
width: 100px;
padding: 0px 0px 0px 0px;
}
#content .submenu {
display: none;
position: absolute;
left: 0;
top: 40px;
}
#content .submenu a {
color: black;
background: #AEF9AE;
text-decoration: none;
text-align: left;
display: block;
padding: 10px;
}
#content .submenu a:hover{
color: black;
background: #1E90FF;
border: none;
}
#content .navdiv ul li:hover .submenu {
display: block;
}
/********************************* CONTENT OF THE PAGE ********************************/
/*STYLING */
/*Button */
/************************************************/ .igem_2018_team_content .igem_2018_team_column_wrapper .button_link { font-size: 130%; margin: 30px auto; text-align: center; }
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link a { background-color: #03ece4; color: #000000 !important; font-weight: bold; margin: auto; text-decoration: none !important; padding: 10px 15px; }
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link a:hover { background-color: #f8b732 !important; }
/* styling for the titles */ .igem_2018_team_content .igem_2018_team_column_wrapper h1 { font-size: 230%;} .igem_2018_team_content .igem_2018_team_column_wrapper h2 { font-size: 200%;} .igem_2018_team_content .igem_2018_team_column_wrapper h3 { font-size: 130%;} .igem_2018_team_content .igem_2018_team_column_wrapper h4 { font-size: 200%;} .igem_2018_team_content .igem_2018_team_column_wrapper h5 { font-size: 200%;} .igem_2018_team_content .igem_2018_team_column_wrapper h6 { font-size: 200%;}
/* styling for the titles h1, h2, h3*/
.igem_2018_team_content .igem_2018_team_column_wrapper h1, .igem_2018_team_content .igem_2018_team_column_wrapper h2,
.igem_2018_team_content .igem_2018_team_column_wrapper h3 {
border-bottom:0px; color: #000000; font-family: "Arial Black", Gadget, sans-serif; padding: 10px 0px; }
/* styling for the titles h4, h5, h6 */ .igem_2018_team_content .igem_2018_team_column_wrapper h4 { border-bottom:0px; color: #000000; font-family: "Elephant", Gadget, sans-serif; padding: 5px 0px; }
.igem_2018_team_content .igem_2018_team_column_wrapper h5
{
border-bottom:0px; color: #51A8A5; font-family: "Elephant", Gadget, sans-serif; padding: 5px 0px; } .igem_2018_team_content .igem_2018_team_column_wrapper h6
{
border-bottom:0px; color: #000000; font-family: "Elephant", Gadget, sans-serif; padding: 5px 0px; }
/* font and text */ .igem_2018_team_content .igem_2018_team_column_wrapper p { font-size: 130%; font-family: Arial, Helvetica, sans-serif; padding: 5px 0px; text-align: left; color: #000000;
}
/* Links */ .content_wrapper a { font-weight: bold; text-decoration: underline; text-decoration-color:#72c9b6; color: #72c9b6; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
/* hover for the links */ .content_wrapper a:hover { text-decoration:none; color:#000000; }
/* non numbered lists */ .igem_2018_team_content .igem_2018_team_column_wrapper ul, .igem_2018_team_content .igem_2018_team_column_wrapper ol { font-size: 130%; font-family: Arial, Helvetica, sans-serif; padding:0px 20px; }
/* numbered lists */
.content_wrapper ol {
padding:0px;
font-size: 13px;
font-family: 'Raleway', sans-serif;
}
/* Table */ .igem_2018_team_content .igem_2018_team_column_wrapper table { border: 1px solid #928b8b; border-collapse: collapse; font-size: 130%; width: 100%; }
/* table cells */ .igem_2018_team_content .igem_2018_team_column_wrapper td { border: 1px solid #c4baba; border-collapse: collapse; font-size: 105%; padding: 10px; vertical-align: text-top; }
/* table headers */ .igem_2018_team_content .igem_2018_team_column_wrapper th { background-color:#c4baba; border: 1px solid #928b8b; border-collapse: collapse; font-size: 110%; padding: 10px; vertical-align: text-top; }
/* Wrapper for the content */
.content_wrapper {
width: 85%;
margin-left:150px;
padding:10px 0px;
float:left;
background-color:03ece4;
}
/*LAYOUT */ .column { padding: 10px 0px; float:left; background-color:white; }
/*styling for all images*/ .igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size img, .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size img, .igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size img { margin-bottom: 15px; width: 100%; }
/*main layout class */
.igem_2018_team_content .igem_2018_team_column_wrapper .column { float:left; margin: 1% 2%; padding: 0px; }
/* 100% */
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size { width:96%; }
/* 66% */ .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size { width: 62.6%; }
/* 33% */ .igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size { width: 29.3%; }
/* 75% */
.igem_2018_team_content .igem_2018_team_column_wrapper .column.three_quarter_size { width: 71%; } /* 50% */ .igem_2018_team_content .igem_2018_team_column_wrapper .column.half_size { width: 46%; } /* 25% */ .igem_2018_team_content .igem_2018_team_column_wrapper .column.quarter_size { width: 21%; }
/* page break */
.igem_2018_team_content .igem_2018_team_column_wrapper .clear { clear:both; } /*add extra space to page break with clear class*/ .igem_2018_team_content .igem_2018_team_column_wrapper .clear.extra_space { height: 30px; }
/* horizontal line to divide the page*/ .igem_2018_team_content .igem_2018_team_column_wrapper .line_divider {
border-top: 1px solid #c4baba;
margin: auto;
width: 98%;
}
.clear { clear:both; }
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_background { background-color: #e4dede; }
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_top {
border-top: 4px solid #5bc7d8;
}
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_full {
border: 4px solid #5bc7d8;
}
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_top {
border-top: 4px solid #f8b732
}
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_full {
border: 4px solid #f8b732;
}
/* 1800px */ /************************************************/ @media only screen and (max-width: 1800px) { .igem_2018_team_content { width: 85%;} .igem_2018_team_menu {display:block;} }
/* 1400px */ /************************************************/ @media only screen and (max-width: 1400px) { .igem_2018_team_menu .menu_item { font-size:100%;} .igem_2018_team_menu .submenu .submenu_item { font-size:90%;} .igem_2018_team_menu {display:block;} }
@media only screen and (max-width: 1001px) { .igem_2018_team_menu {display:block;} }
/* 1000px */ /************************************************/ @media only screen and (max-width: 1000px) { .igem_2018_team_content {width:100%; margin-left:0px;} .igem_2018_team_menu {display:none; margin-top: 45px; min-width:50%; width:50%;} .igem_2018_team_mobile_bar {display:block;} .igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size, .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size,.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size {width:96%; }
}
@media only screen and (max-width: 500px) {
.igem_2018_team_menu {min-width:100%; width:100%; }
}
.judges-will-not-evaluate { border: 4px solid #72c9b6; display: block; margin: 5px 15px; width: 95%; font-weight:bold; } </style>
</html>