Difference between revisions of "Team:NYU Abu Dhabi/Attributions"
| Line 1: | Line 1: | ||
| + | <!DOCTYPE html> | ||
<html> | <html> | ||
| Line 4: | Line 5: | ||
<script> | <script> | ||
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// | //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// | ||
| − | |||
$(document).ready(function() { | $(document).ready(function() { | ||
| − | |||
$("#HQ_page").attr('id',''); | $("#HQ_page").attr('id',''); | ||
| − | |||
//mobile menu access | //mobile menu access | ||
$(".igem_2018_team_mobile_bar").click(function(){ | $(".igem_2018_team_mobile_bar").click(function(){ | ||
$(this).next().toggleClass("displaying_menu"); | $(this).next().toggleClass("displaying_menu"); | ||
}); | }); | ||
| − | |||
}); | }); | ||
| − | |||
| − | |||
| − | |||
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// | //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// | ||
</script> | </script> | ||
| Line 29: | Line 23: | ||
<link rel="stylesheet" href="https://2018.igem.org/Template:NYU_Abu_Dhabi/BootstrapCSSV4?action=raw&ctype=text/css" /> | <link rel="stylesheet" href="https://2018.igem.org/Template:NYU_Abu_Dhabi/BootstrapCSSV4?action=raw&ctype=text/css" /> | ||
<script type="text/javascript" src="https://2018.igem.org/Template:NYU_Abu_Dhabi/BootstrapJSV4?action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2018.igem.org/Template:NYU_Abu_Dhabi/BootstrapJSV4?action=raw&ctype=text/javascript"></script> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
<style> | <style> | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
| − | |||
| − | |||
| − | |||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
/* DEFAULT WIKI SETTINGS */ | /* DEFAULT WIKI SETTINGS */ | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
| − | |||
| − | |||
#home_logo, #sideMenu { display:none; } | #home_logo, #sideMenu { display:none; } | ||
#sideMenu, #top_title, .patrollink {display:none;} | #sideMenu, #top_title, .patrollink {display:none;} | ||
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;} | #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;} | ||
body {background-color:white; | body {background-color:white; | ||
| − | width: 80%; | + | width: 960px; |
| + | /* width: 80%; */ | ||
margin: auto;} | margin: auto;} | ||
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | ||
| − | |||
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;} | .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;} | ||
| − | |||
| − | |||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
/* MENU */ | /* MENU */ | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
| − | |||
| − | |||
| − | |||
| − | |||
.igem_2018_team_menu .submenu{ | .igem_2018_team_menu .submenu{ | ||
background-color: white; | background-color: white; | ||
| Line 149: | Line 127: | ||
} | } | ||
/* NAVBAR STYLES */ | /* NAVBAR STYLES */ | ||
| − | |||
.navbar { | .navbar { | ||
background-color: white; | background-color: white; | ||
font-size: 1rem; | font-size: 1rem; | ||
} | } | ||
| − | |||
.navbar-brand>img { | .navbar-brand>img { | ||
width: 120px; | width: 120px; | ||
| Line 160: | Line 136: | ||
position: relative; | position: relative; | ||
} | } | ||
| − | |||
.navbar a:visited { | .navbar a:visited { | ||
color: #000; | color: #000; | ||
| Line 198: | Line 173: | ||
} | } | ||
/* end of styling buttons */ | /* end of styling buttons */ | ||
| − | |||
/* Styling the footer */ | /* Styling the footer */ | ||
.footer>.container-fluid { | .footer>.container-fluid { | ||
| Line 208: | Line 182: | ||
.footer-section { | .footer-section { | ||
text-align: center !important; | text-align: center !important; | ||
| − | padding: 0px 25px; | + | /* padding: 0px 25px; */ |
display: flex; | display: flex; | ||
| + | flex-wrap: wrap; | ||
flex-direction: row; | flex-direction: row; | ||
align-items: center; | align-items: center; | ||
| Line 231: | Line 206: | ||
} | } | ||
.footer { | .footer { | ||
| − | background-color: | + | background-color: grey; |
font-family: 'IBM Plex Sans', sans-serif; | font-family: 'IBM Plex Sans', sans-serif; | ||
| + | width:100%; | ||
} | } | ||
| − | |||
/*end of styling the footer */ | /*end of styling the footer */ | ||
| − | |||
/*mobile menu bar styling*/ | /*mobile menu bar styling*/ | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
| − | |||
| − | |||
.igem_2018_team_mobile_bar { | .igem_2018_team_mobile_bar { | ||
background-color:#e4dede; | background-color:#e4dede; | ||
| Line 252: | Line 224: | ||
width:100%; | width:100%; | ||
} | } | ||
| − | |||
.igem_logo_mobile img { | .igem_logo_mobile img { | ||
width:70px; | width:70px; | ||
} | } | ||
| − | |||
.igem_logo_mobile { | .igem_logo_mobile { | ||
float:left; | float:left; | ||
| Line 262: | Line 232: | ||
width: 30%; | width: 30%; | ||
} | } | ||
| − | |||
.igem_menu_control_mobile img { | .igem_menu_control_mobile img { | ||
width:25px; | width:25px; | ||
} | } | ||
| − | |||
.igem_menu_control_mobile { | .igem_menu_control_mobile { | ||
float:right; | float:right; | ||
| Line 274: | Line 242: | ||
width: 30%; | width: 30%; | ||
} | } | ||
| − | |||
| − | |||
| − | |||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
/* CONTENT OF THE PAGE */ | /* CONTENT OF THE PAGE */ | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
| − | |||
| − | |||
/* general wrapper for the content */ | /* general wrapper for the content */ | ||
.igem_2018_team_content { | .igem_2018_team_content { | ||
| Line 288: | Line 251: | ||
width: 87%; | width: 87%; | ||
} | } | ||
| − | |||
/* subwrapper to center content */ | /* subwrapper to center content */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper { | .igem_2018_team_content .igem_2018_team_column_wrapper { | ||
| Line 295: | Line 257: | ||
width:90%; | width:90%; | ||
} | } | ||
| − | |||
| − | |||
| − | |||
/*general styling*/ | /*general styling*/ | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
| − | |||
.igem_2018_team_content .igem_2018_team_column_wrapper h1 { font-size: 210%;} | .igem_2018_team_content .igem_2018_team_column_wrapper h1 { font-size: 210%;} | ||
.igem_2018_team_content .igem_2018_team_column_wrapper h2 { font-size: 190%;} | .igem_2018_team_content .igem_2018_team_column_wrapper h2 { font-size: 190%;} | ||
| Line 307: | Line 265: | ||
.igem_2018_team_content .igem_2018_team_column_wrapper h5 { font-size: 140%;} | .igem_2018_team_content .igem_2018_team_column_wrapper h5 { font-size: 140%;} | ||
.igem_2018_team_content .igem_2018_team_column_wrapper h6 { font-size: 130%;} | .igem_2018_team_content .igem_2018_team_column_wrapper h6 { font-size: 130%;} | ||
| − | |||
| − | |||
/* styling for the titles h1, h2*/ | /* styling for the titles h1, h2*/ | ||
.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 h1, .igem_2018_team_content .igem_2018_team_column_wrapper h2 { | ||
| Line 316: | Line 272: | ||
padding: 10px 0px; | padding: 10px 0px; | ||
} | } | ||
| − | |||
/* styling for the titles h3, h3, h5, h6 */ | /* styling for the titles h3, h3, h5, h6 */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper h3, | .igem_2018_team_content .igem_2018_team_column_wrapper h3, | ||
| Line 327: | Line 282: | ||
padding: 5px 0px; | padding: 5px 0px; | ||
} | } | ||
| − | |||
/* text */ | /* text */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper p { | .igem_2018_team_content .igem_2018_team_column_wrapper p { | ||
| Line 336: | Line 290: | ||
color: #2A4C44; | color: #2A4C44; | ||
} | } | ||
| − | |||
/* Links */ | /* Links */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper a { | .igem_2018_team_content .igem_2018_team_column_wrapper a { | ||
| Line 349: | Line 302: | ||
-o-transition: all 0.4s ease; | -o-transition: all 0.4s ease; | ||
} | } | ||
| − | |||
/* hover for the links */ | /* hover for the links */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper a:hover { | .igem_2018_team_content .igem_2018_team_column_wrapper a:hover { | ||
| Line 355: | Line 307: | ||
text-decoration:none; | text-decoration:none; | ||
} | } | ||
| − | |||
| − | |||
/* Table */ | /* Table */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper table { | .igem_2018_team_content .igem_2018_team_column_wrapper table { | ||
| Line 364: | Line 314: | ||
width: 100%; | width: 100%; | ||
} | } | ||
| − | |||
/* table cells */ | /* table cells */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper td { | .igem_2018_team_content .igem_2018_team_column_wrapper td { | ||
| Line 373: | Line 322: | ||
vertical-align: text-top; | vertical-align: text-top; | ||
} | } | ||
| − | |||
/* table headers */ | /* table headers */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper th { | .igem_2018_team_content .igem_2018_team_column_wrapper th { | ||
| Line 383: | Line 331: | ||
vertical-align: text-top; | vertical-align: text-top; | ||
} | } | ||
| − | |||
| − | |||
| − | |||
/* non numbered lists */ | /* non numbered lists */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper ul, .igem_2018_team_content .igem_2018_team_column_wrapper ol { | .igem_2018_team_content .igem_2018_team_column_wrapper ul, .igem_2018_team_content .igem_2018_team_column_wrapper ol { | ||
| Line 392: | Line 337: | ||
padding:0px 20px; | padding:0px 20px; | ||
} | } | ||
| − | |||
| − | |||
.igem_2018_team_content .igem_2018_team_column_wrapper ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ul li, | .igem_2018_team_content .igem_2018_team_column_wrapper ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ul li, | ||
.igem_2018_team_content .igem_2018_team_column_wrapper ul ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ol li, | .igem_2018_team_content .igem_2018_team_column_wrapper ul ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ol li, | ||
| Line 400: | Line 343: | ||
.igem_2018_team_content .igem_2018_team_column_wrapper ol ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ul li, | .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ul li, | ||
.igem_2018_team_content .igem_2018_team_column_wrapper ol ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ol li{ font-size: 76%; } | .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ol li{ font-size: 76%; } | ||
| − | |||
| − | |||
| − | |||
/*layout classes*/ | /*layout classes*/ | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
| − | |||
/*main layout class */ | /*main layout class */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper .column { | .igem_2018_team_content .igem_2018_team_column_wrapper .column { | ||
| Line 412: | Line 351: | ||
padding: 0px; | padding: 0px; | ||
} | } | ||
| − | |||
/* 100% */ | /* 100% */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size { width:96%; } | .igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size { width:96%; } | ||
| − | |||
/* 66% */ | /* 66% */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size { width: 62.6%; } | .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size { width: 62.6%; } | ||
| − | |||
/* 33% */ | /* 33% */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size { width: 29.3%; } | .igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size { width: 29.3%; } | ||
| − | |||
| − | |||
| − | |||
| − | |||
/*styling for all images*/ | /*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.full_size img, | ||
| Line 432: | Line 364: | ||
width: 100%; | width: 100%; | ||
} | } | ||
| − | |||
| − | |||
/* page break */ | /* page break */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper .clear { | .igem_2018_team_content .igem_2018_team_column_wrapper .clear { | ||
| Line 442: | Line 372: | ||
height: 30px; | height: 30px; | ||
} | } | ||
| − | |||
/* horizontal line to divide the page*/ | /* horizontal line to divide the page*/ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper .line_divider { | .igem_2018_team_content .igem_2018_team_column_wrapper .line_divider { | ||
| Line 449: | Line 378: | ||
width: 98%; | width: 98%; | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
/*support classes*/ | /*support classes*/ | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
| − | |||
| − | |||
/*Button */ | /*Button */ | ||
/************************************************/ | /************************************************/ | ||
| Line 464: | Line 387: | ||
text-align: center; | text-align: center; | ||
} | } | ||
| − | |||
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link a { | .igem_2018_team_content .igem_2018_team_column_wrapper .button_link a { | ||
background-color: white; | background-color: white; | ||
| Line 473: | Line 395: | ||
padding: 10px 15px; | padding: 10px 15px; | ||
} | } | ||
| − | |||
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link a:hover { | .igem_2018_team_content .igem_2018_team_column_wrapper .button_link a:hover { | ||
background-color: white !important; | background-color: white !important; | ||
} | } | ||
| − | |||
| − | |||
| − | |||
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight { | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight { | ||
padding: 15px 20px; | padding: 15px 20px; | ||
} | } | ||
| − | |||
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight p, | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight p, | ||
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h1, | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h1, | ||
| Line 493: | Line 410: | ||
padding: 5px 15px; | padding: 5px 15px; | ||
} | } | ||
| − | |||
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_background { | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_background { | ||
background-color: #F6A4FF; | background-color: #F6A4FF; | ||
} | } | ||
| − | |||
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_top { | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_top { | ||
border-top: 4px solid #F6A4FF; | border-top: 4px solid #F6A4FF; | ||
} | } | ||
| − | |||
| − | |||
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_full { | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_full { | ||
border: 4px solid #F6A4FF; | border: 4px solid #F6A4FF; | ||
} | } | ||
| − | |||
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_top { | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_top { | ||
border-top: 4px solid #F6A4FF | border-top: 4px solid #F6A4FF | ||
} | } | ||
| − | |||
| − | |||
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_full { | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_full { | ||
border: 4px solid #f8b732; | border: 4px solid #f8b732; | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
/*mobile*/ | /*mobile*/ | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
| − | |||
| − | |||
/* 1800px */ | /* 1800px */ | ||
/************************************************/ | /************************************************/ | ||
| Line 529: | Line 433: | ||
.igem_2018_team_menu {display:block;} | .igem_2018_team_menu {display:block;} | ||
} | } | ||
| − | |||
/* 1400px */ | /* 1400px */ | ||
/************************************************/ | /************************************************/ | ||
| Line 537: | Line 440: | ||
.igem_2018_team_menu {display:block;} | .igem_2018_team_menu {display:block;} | ||
} | } | ||
| − | |||
@media only screen and (max-width: 1001px) { | @media only screen and (max-width: 1001px) { | ||
.igem_2018_team_menu {display:block;} | .igem_2018_team_menu {display:block;} | ||
} | } | ||
| − | |||
/* 1000px */ | /* 1000px */ | ||
/************************************************/ | /************************************************/ | ||
| Line 549: | Line 450: | ||
.igem_2018_team_mobile_bar {display:block;} | .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%; } | .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) { | @media only screen and (max-width: 500px) { | ||
.igem_2018_team_menu {min-width:100%; width:100%; } | .igem_2018_team_menu {min-width:100%; width:100%; } | ||
} | } | ||
| − | |||
| − | |||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</style> | </style> | ||
</head> | </head> | ||
| Line 583: | Line 474: | ||
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
| − | |||
/* Create two equal columns that floats next to each other */ | /* Create two equal columns that floats next to each other */ | ||
.column { | .column { | ||
| Line 590: | Line 480: | ||
padding: 10px; | padding: 10px; | ||
} | } | ||
| − | |||
/* Clear floats after the columns */ | /* Clear floats after the columns */ | ||
.row:after { | .row:after { | ||
| Line 598: | Line 487: | ||
} | } | ||
/* USE THIS FOR PAGE HEADINGS */ | /* USE THIS FOR PAGE HEADINGS */ | ||
| − | + | h6 { | |
font-family: 'IBM Plex Sans', serif; | font-family: 'IBM Plex Sans', serif; | ||
color: #0BB4C1; | color: #0BB4C1; | ||
| − | font-size: | + | font-size: 30px; |
text-align: center; | text-align: center; | ||
} | } | ||
| Line 609: | Line 498: | ||
color: black; | color: black; | ||
font-size: 15px; | font-size: 15px; | ||
| − | text-align: | + | text-align: justify; |
| − | margin-right: | + | margin-right: 90px; |
| − | margin-left: | + | margin-left: 90px; |
} | } | ||
| − | |||
/* USE THIS FOR ANYTHING UNDER SUBHEADING TO BE IN A DIFFERENT COLOUR*/ | /* USE THIS FOR ANYTHING UNDER SUBHEADING TO BE IN A DIFFERENT COLOUR*/ | ||
h3 { | h3 { | ||
| Line 620: | Line 508: | ||
font-size: 19px; | font-size: 19px; | ||
text-align: left; | text-align: left; | ||
| − | margin-right: | + | margin-right: 90px; |
| − | margin-left: | + | margin-left: 90px; |
} | } | ||
| − | |||
/* USE THIS FOR SUBHEADINGS */ | /* USE THIS FOR SUBHEADINGS */ | ||
h4 { | h4 { | ||
| Line 630: | Line 517: | ||
font-size: 15px; | font-size: 15px; | ||
text-align: left; | text-align: left; | ||
| − | margin-right: | + | margin-right: 90px; |
| − | margin-left: | + | margin-left: 90px; |
} | } | ||
| − | |||
h5 { | h5 { | ||
font-family: 'IBM Plex Sans', serif; | font-family: 'IBM Plex Sans', serif; | ||
| Line 639: | Line 525: | ||
font-size: 15px; | font-size: 15px; | ||
text-align: left; | text-align: left; | ||
| − | margin-right: | + | margin-right: 90px; |
| − | margin-left: | + | margin-left: 90px; |
} | } | ||
| − | |||
body { | body { | ||
| − | background-image: url("https://static.igem.org/mediawiki/2018/ | + | background-image: url("https://static.igem.org/mediawiki/2018/d/d8/T--NYU_Abu_Dhabi--backgroundlong.png"); |
| − | background-size: | + | background-size: cover; |
| − | background-repeat: | + | background-repeat: repeat; |
| + | } | ||
| + | div{ | ||
| + | /* width: 1000px; */ | ||
| + | margin: auto; | ||
| + | border: none; | ||
} | } | ||
.center { | .center { | ||
| Line 654: | Line 544: | ||
width: 50%; | width: 50%; | ||
} | } | ||
| + | .tablinks { | ||
| + | margin-top: 15px; | ||
| + | /* margin-left: 50%; | ||
| + | transform: translateX(-50%); */ | ||
| + | min-width: 80px; | ||
| + | padding: 10px 15px 10px 15px; | ||
| + | border: 2px solid black; | ||
| + | border-radius: 20px; | ||
| + | transition: background-color 0.1s linear, color 0.1s linear; | ||
| + | text-transform: uppercase; | ||
| + | font-family: 'IBM Plex Sans', sans-serif; | ||
| + | font-size: 0.7rem; | ||
| + | letter-spacing: 2px; | ||
| + | font-weight: 800; | ||
| + | } | ||
| + | .tablinks2 { | ||
| + | margin-top: 15px; | ||
| + | /* margin-left: 50%; | ||
| + | transform: translateX(-50%); */ | ||
| + | min-width: 80px; | ||
| + | padding: 10px 15px 10px 15px; | ||
| + | border: 2px solid black; | ||
| + | border-radius: 20px; | ||
| + | transition: background-color 0.1s linear, color 0.1s linear; | ||
| + | text-transform: uppercase; | ||
| + | font-family: 'IBM Plex Sans', sans-serif; | ||
| + | font-size: 0.7rem; | ||
| + | letter-spacing: 2px; | ||
| + | font-weight: 800; | ||
| + | } | ||
| + | .tablinks3 { | ||
| + | margin-top: 15px; | ||
| + | /* margin-left: 50%; | ||
| + | transform: translateX(-50%); */ | ||
| + | min-width: 80px; | ||
| + | padding: 10px 15px 10px 15px; | ||
| + | border: 2px solid black; | ||
| + | border-radius: 20px; | ||
| + | transition: background-color 0.1s linear, color 0.1s linear; | ||
| + | text-transform: uppercase; | ||
| + | font-family: 'IBM Plex Sans', sans-serif; | ||
| + | font-size: 0.7rem; | ||
| + | letter-spacing: 2px; | ||
| + | font-weight: 800; | ||
| + | } | ||
| + | .tablinks4 { | ||
| + | margin-top: 15px; | ||
| + | /* margin-left: 50%; | ||
| + | transform: translateX(-50%); */ | ||
| + | min-width: 80px; | ||
| + | padding: 10px 15px 10px 15px; | ||
| + | border: 2px solid black; | ||
| + | border-radius: 20px; | ||
| + | transition: background-color 0.1s linear, color 0.1s linear; | ||
| + | text-transform: uppercase; | ||
| + | font-family: 'IBM Plex Sans', sans-serif; | ||
| + | font-size: 0.7rem; | ||
| + | letter-spacing: 2px; | ||
| + | font-weight: 800; | ||
| + | } | ||
| + | .tablinks5 { | ||
| + | margin-top: 15px; | ||
| + | /* margin-left: 50%; | ||
| + | transform: translateX(-50%); */ | ||
| + | min-width: 80px; | ||
| + | padding: 10px 15px 10px 15px; | ||
| + | border: 2px solid black; | ||
| + | border-radius: 20px; | ||
| + | transition: background-color 0.1s linear, color 0.1s linear; | ||
| + | text-transform: uppercase; | ||
| + | font-family: 'IBM Plex Sans', sans-serif; | ||
| + | font-size: 0.7rem; | ||
| + | letter-spacing: 2px; | ||
| + | font-weight: 800; | ||
| + | } | ||
| + | .tablinks:hover { | ||
| + | background-color: #7E5BD3; | ||
| + | color: white; } | ||
| + | .tablinks2:hover { | ||
| + | background-color: #0BB4C1; | ||
| + | color: white; } | ||
| + | .tablinks3:hover { | ||
| + | background-color: #0085B6; | ||
| + | color: white; } | ||
| + | .tablinks4:hover { | ||
| + | background-color: #274F96; | ||
| + | color: white; } | ||
| + | .tablinks5:hover { | ||
| + | background-color: #101F40; | ||
| + | color: white; } | ||
| + | |||
| + | .tabcontent { | ||
| + | display: none; | ||
| + | padding: 3px 9px; | ||
| + | } | ||
| + | button:focus {outline:0;} | ||
</style> | </style> | ||
<br> <br> | <br> <br> | ||
| − | < | + | <h6> Attributions </h6> |
| − | + | ||
<!-- <hr style="width:25%"> --> | <!-- <hr style="width:25%"> --> | ||
| Line 710: | Line 696: | ||
<head> | <head> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | <!--script for buttons --> | |
| − | + | <script> | |
| − | + | function openTab(evt, header) { | |
| − | + | var i, tabcontent, tablinks; | |
| − | + | tabcontent = document.getElementsByClassName("tabcontent"); | |
| − | + | for (i = 0; i < tabcontent.length; i++) { | |
| − | + | tabcontent[i].style.display = "none"; | |
| − | + | } | |
| − | + | tablinks = document.getElementsByClassName("tablinks"); | |
| − | + | for (i = 0; i < tablinks.length; i++) { | |
| − | + | tablinks[i].className = tablinks[i].className.replace(" active", ""); | |
| − | + | } | |
| − | + | document.getElementById(header).style.display = "block"; | |
| − | + | evt.currentTarget.className += " active"; | |
| − | + | } | |
| − | + | document.getElementById("defaultOpen").click(); | |
| + | </script> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | </body> | |
| − | + | ||
| − | < | + | |
| + | |||
| + | |||
| + | <!-- END --> | ||
| − | + | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | |
| − | + | <!--- Menu ---> | |
| − | + | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | |
| − | + | ||
| − | + | ||
| − | + | <head> | |
| − | + | <script> | |
| − | + | window.onload = () => { | |
| + | var activated; | ||
| + | var svg = document.getElementById("hero-image").getSVGDocument(); | ||
| + | var links = [ | ||
| + | ["bio", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Description"], | ||
| + | ["engineering", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Description"], | ||
| + | ["demo", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Demonstrate"], | ||
| + | ["integrated", "https://2018.igem.org/Team:NYU_Abu_Dhabi/HP/Gold_Integrated"], | ||
| + | ["hpsilver", "https://2018.igem.org/Team:NYU_Abu_Dhabi/HP/Silver"], | ||
| + | ["englab", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Engineering"], | ||
| + | ["design", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Applied_Design"], | ||
| + | ["app", "https://2018.igem.org/Team:NYU_Abu_Dhabi/HP/Silver"], | ||
| + | ["attributions", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Attributions"], | ||
| + | ["team", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Team"], | ||
| + | ["parts", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Parts"], | ||
| + | ["results", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Results"], | ||
| + | ["protocols", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Protocols"], | ||
| + | ["biolab", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Biology"] | ||
| + | ] | ||
| + | links.forEach(function (link) { | ||
| + | $(svg.getElementById(link[0])).hover(function () { | ||
| + | $(this).css('cursor', 'pointer'); | ||
| + | }, function () { | ||
| + | $(this).css('cursor', 'auto'); | ||
| + | }).click(function () { | ||
| + | window.location.href = link[1]; | ||
| + | }); | ||
| + | }); | ||
| + | } | ||
| + | </script> | ||
| + | </head> | ||
| − | + | <body> | |
| − | + | <div id="app"> | |
| + | <!-- Navbar --> | ||
| + | <nav style="padding-bottom:1px;" class="navbar navbar-expand-lg fixed-top navbar-light bg-light"> | ||
| + | <a class="navbar-brand" href="https://2018.igem.org/Team:NYU_Abu_Dhabi"><img src="https://static.igem.org/mediawiki/2018/5/51/T--NYU_Abu_Dhabi--teamlogo.png" alt="logo" height="45" | ||
| + | style="padding-top: 5px; | ||
| + | object-fit: contain"; | ||
| + | ></a> | ||
| − | + | <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> | |
| − | + | <span class="navbar-toggler-icon"></span> | |
| − | + | </button> | |
| − | + | <div class="collapse navbar-collapse" id="navbarSupportedContent"> | |
| − | + | <ul class="navbar-nav mr-auto"> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| + | <li class="nav-item" > | ||
| + | <a class="nav-link" href="https://2018.igem.org/Team:NYU_Abu_Dhabi">Home<span class="sr-only"></span></a> | ||
| + | </li> | ||
| − | + | <li class="nav-item dropdown"> | |
| − | + | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | |
| − | + | People | |
| − | + | </a> | |
| − | + | <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | |
| − | + | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Team">Team</a> | |
| − | + | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Attributions">Attributions</a> | |
| − | + | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Sponsors">Sponsors</a> | |
| − | + | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/About_Us">About Us</a> | |
| − | + | </div> | |
| − | + | </li> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | <li class="nav-item dropdown"> | |
| − | + | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | |
| + | Project | ||
| + | </a> | ||
| + | <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | ||
| + | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Description">Description</a> | ||
| + | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Design">Design</a> | ||
| + | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Demonstration">Demonstration</a> | ||
| + | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Results">Results</a> | ||
| + | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Parts">Parts</a> | ||
| + | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Safety">Safety</a> | ||
| + | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Interlab">Interlab</a> | ||
| + | </div> | ||
| + | </li> | ||
| − | + | <li class="nav-item dropdown"> | |
| − | + | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | |
| − | + | Lab notebooks | |
| − | + | </a> | |
| − | + | <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | |
| − | + | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Biology">Biology</a> | |
| − | + | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Ideation">Ideation</a> | |
| − | + | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Ideation">Engineering</a> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | </div> | |
| − | + | </li> | |
| − | + | ||
| − | + | <li class="nav-item dropdown"> | |
| − | + | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | |
| − | + | Human practices | |
| − | + | </a> | |
| − | + | <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | |
| − | + | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Engagement">Education and public engagement</a> | |
| − | + | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/HP/Gold_Integrated">Integrated human practices</a> | |
| − | + | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Social_Media">Home Country Outreach</a> | |
| − | + | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Social_Media">Social Media</a> | |
| + | </div> | ||
| + | </li> | ||
| − | + | <li class="nav-item"> | |
| − | + | <a class="nav-link" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Entrepreurship">Entrepreneurship</a> | |
| − | + | </li> | |
| − | + | <li class="nav-item dropdown"> | |
| − | + | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | |
| + | Collaborations | ||
| + | </a> | ||
| + | <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | ||
| + | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Science_Sketch">Science Sketch</a> | ||
| + | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Virtual_Conference">Virtual Conference</a> | ||
| + | <div class="dropdown-divider"></div> | ||
| + | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Other_Collaborations">Other Collaborations</a> | ||
| − | < | + | </div> |
| + | </li> | ||
| + | </ul> | ||
| − | < | + | </div> |
| − | + | </nav> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | <!-- Footer Begins --> | |
| − | + | <footer class="footer"> | |
| − | + | <div style="margin-top:100px;" class="footer"> | |
| − | + | <div class="row"> | |
| − | + | <div class="col-lg-8 col-sm-5 col-xm-5 col-md-6 footer-section" style=" | |
| − | + | min-width: 200px; | |
| − | + | "> | |
| − | + | <h3 class="footer-text"> | |
| − | + | <a href="https://worldwide.promega.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/f/ff/T--NYU_Abu_Dhabi--Promega.png" alt="sponsor" height="90" width="120"></a> | |
| + | <a href="http://www.appslink-me.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/5/5a/T--NYU_Abu_Dhabi--Appslink.png" alt="sponsor" height="50" width="180"></a> | ||
| + | <a href="https://eu.idtdna.com/pages" target="_blank"><img src="https://static.igem.org/mediawiki/2018/1/17/T--NYU_Abu_Dhabi--IDT.png" alt="sponsor" height="40" width="200"></a> | ||
| + | <a href="https://www.mathworks.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/6/65/T--NYU_Abu_Dhabi--Mathworks.jpeg" alt="sponsor" height="50" width="200"></a> | ||
| + | <a href="http://www.snapgene.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/5/59/T--NYU_Abu_Dhabi--snapgene.png" alt="sponsor" height="60" width="180"></a> | ||
| + | <a href="https://www.geneious.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/0/06/T--NYU_Abu_Dhabi--Geneious.png" alt="sponsor" height="60" width="180"></a> | ||
| + | <a href="https://nyuad.nyu.edu/en/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/7/7b/T--NYU_Abu_Dhabi--NYUADlogo.png" alt="sponsor" height="60" width="180"></a> | ||
| + | </h3> | ||
| + | </div> | ||
| − | + | <div class="col-lg-4 col-sm-5 col-xm-5 col-md-6 footer-section" style=" | |
| − | + | display: block; | |
| − | + | min-width: 200px;"> | |
| − | + | <h3 class="footer-text"> | |
| + | <a href="mailto:nyuad.igem@nyu.edu" target="_blank"><span class="fa fa-google"></span></a> | ||
| + | <a href="https://www.facebook.com/iGEMNYUAD/" target="_blank"><span class="fa fa-facebook"></span></a> | ||
| + | <a href="https://www.twitter.com/igemnyuad/" target="_blank"><span class="fa fa-twitter"></span></a> | ||
| + | <a href="https://www.youtube.com/channel/UCQnySAKw67slX8T6r9bAcYw" target="_blank"><span class="fa fa-youtube"></span></a> | ||
| + | <a href="https://www.instagram.com/igem_nyuad/" target="_blank"><span class="fa fa-instagram"></span></a> | ||
| + | </h3> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </footer> | ||
| − | < | + | <!-- Footer Ends --> |
| − | </ | + | </body> |
| − | |||
| − | |||
| + | <!-- <div class="igem_2018_team_content"> | ||
| + | <div class="igem_2018_team_column_wrapper"> | ||
| + | <div class="clear extra_space"></div> | ||
| + | <div class="clear extra_space"></div> --> | ||
| − | + | </html> | |
| − | + | ||
| − | + | ||
| − | + | ||
Revision as of 19:29, 24 September 2018
<!DOCTYPE html>