|
|
| Line 1: |
Line 1: |
| − | | + | <!DOCTYPE html> |
| | <html> | | <html> |
| | | | |
| Line 5: |
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 30: |
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: 1000px; | + | 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 150: |
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 161: |
Line 136: |
| | position: relative; | | position: relative; |
| | } | | } |
| − |
| |
| | .navbar a:visited { | | .navbar a:visited { |
| | color: #000; | | color: #000; |
| Line 199: |
Line 173: |
| | } | | } |
| | /* end of styling buttons */ | | /* end of styling buttons */ |
| − |
| |
| | /* Styling the footer */ | | /* Styling the footer */ |
| | .footer>.container-fluid { | | .footer>.container-fluid { |
| Line 209: |
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 232: |
Line 206: |
| | } | | } |
| | .footer { | | .footer { |
| − | background-color: white; | + | 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 253: |
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 263: |
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 275: |
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 289: |
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 296: |
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 308: |
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 317: |
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 328: |
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 337: |
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 350: |
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 356: |
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 365: |
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 374: |
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 384: |
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 393: |
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 401: |
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 413: |
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 433: |
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 443: |
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 450: |
Line 378: |
| | width: 98%; | | width: 98%; |
| | } | | } |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| | /*support classes*/ | | /*support classes*/ |
| | /**************************************************************************************************************************************************************************************************/ | | /**************************************************************************************************************************************************************************************************/ |
| − |
| |
| − |
| |
| | /*Button */ | | /*Button */ |
| | /************************************************/ | | /************************************************/ |
| Line 465: |
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 474: |
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 494: |
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 530: |
Line 433: |
| | .igem_2018_team_menu {display:block;} | | .igem_2018_team_menu {display:block;} |
| | } | | } |
| − |
| |
| | /* 1400px */ | | /* 1400px */ |
| | /************************************************/ | | /************************************************/ |
| Line 538: |
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 550: |
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 584: |
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 591: |
Line 480: |
| | padding: 10px; | | padding: 10px; |
| | } | | } |
| − |
| |
| | /* Clear floats after the columns */ | | /* Clear floats after the columns */ |
| | .row:after { | | .row:after { |
| Line 599: |
Line 487: |
| | } | | } |
| | /* USE THIS FOR PAGE HEADINGS */ | | /* USE THIS FOR PAGE HEADINGS */ |
| − | h1 {
| + | h6 { |
| | font-family: 'IBM Plex Sans', serif; | | font-family: 'IBM Plex Sans', serif; |
| | color: #0BB4C1; | | color: #0BB4C1; |
| − | font-size: 25px; | + | font-size: 30px; |
| | text-align: center; | | text-align: center; |
| | } | | } |
| Line 610: |
Line 498: |
| | color: black; | | color: black; |
| | font-size: 15px; | | font-size: 15px; |
| − | text-align: left; | + | text-align: justify; |
| − | margin-right: 100px; | + | margin-right: 90px; |
| − | margin-left: 100px; | + | 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 621: |
Line 508: |
| | font-size: 19px; | | font-size: 19px; |
| | text-align: left; | | text-align: left; |
| − | margin-right: 100px; | + | margin-right: 90px; |
| − | margin-left: 100px; | + | margin-left: 90px; |
| | } | | } |
| − |
| |
| | /* USE THIS FOR SUBHEADINGS */ | | /* USE THIS FOR SUBHEADINGS */ |
| | h4 { | | h4 { |
| Line 631: |
Line 517: |
| | font-size: 15px; | | font-size: 15px; |
| | text-align: left; | | text-align: left; |
| − | margin-right: 100px; | + | margin-right: 90px; |
| − | margin-left: 100px; | + | margin-left: 90px; |
| | } | | } |
| − |
| |
| | h5 { | | h5 { |
| | font-family: 'IBM Plex Sans', serif; | | font-family: 'IBM Plex Sans', serif; |
| Line 640: |
Line 525: |
| | font-size: 15px; | | font-size: 15px; |
| | text-align: left; | | text-align: left; |
| − | margin-right: 100px; | + | margin-right: 90px; |
| − | margin-left: 100px; | + | margin-left: 90px; |
| | } | | } |
| − |
| |
| | body { | | body { |
| − | background-image: url("T--NYU Abu Dhabi--web_background_navy-01.png"); | + | background-image: url("https://static.igem.org/mediawiki/2018/d/d8/T--NYU_Abu_Dhabi--backgroundlong.png"); |
| − | background-size: contain; | + | background-size: cover; |
| − | background-repeat: no-repeat; | + | background-repeat: repeat; |
| | + | } |
| | + | div{ |
| | + | /* width: 1000px; */ |
| | + | margin: auto; |
| | + | border: none; |
| | } | | } |
| − |
| |
| | .center { | | .center { |
| | display: block; | | display: block; |
| Line 656: |
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; } |
| | | | |
| − | .notebook { | + | .tabcontent { |
| − | position: absolute;
| + | display: none; |
| − | top:200px;
| + | padding: 3px 9px; |
| − | bottom: 0px;
| + | } |
| − | left: 0;
| + | button:focus {outline:0;} |
| − | right: 0;
| + | |
| − | margin: auto;
| + | |
| − | width: 500px;
| + | |
| − | height: 500px;}
| + | |
| | | | |
| | </style> | | </style> |
| | + | |
| | | | |
| | <br> <br> | | <br> <br> |
| − | <h1>Science Sketch Manual</h1> | + | <h6>Science Sketch Manual</h6> |
| − | <br>
| + | |
| | <!-- <hr style="width:25%"> --> | | <!-- <hr style="width:25%"> --> |
| | <h3><u>Sketching:</u></h3> | | <h3><u>Sketching:</u></h3> |
| Line 772: |
Line 747: |
| | </ol> | | </ol> |
| | | | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | <!-- END --> |
| | + | |
| | + | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> |
| | + | <!--- Menu ---> |
| | + | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> |
| | + | |
| | + | |
| | + | <!--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> |
| | | | |
| | | | |
| Line 787: |
Line 794: |
| | var activated; | | var activated; |
| | var svg = document.getElementById("hero-image").getSVGDocument(); | | var svg = document.getElementById("hero-image").getSVGDocument(); |
| − |
| |
| | var links = [ | | var links = [ |
| | ["bio", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Description"], | | ["bio", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Description"], |
| Line 804: |
Line 810: |
| | ["biolab", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Biology"] | | ["biolab", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Biology"] |
| | ] | | ] |
| − |
| |
| | links.forEach(function (link) { | | links.forEach(function (link) { |
| | $(svg.getElementById(link[0])).hover(function () { | | $(svg.getElementById(link[0])).hover(function () { |
| Line 814: |
Line 819: |
| | }); | | }); |
| | }); | | }); |
| − |
| |
| − |
| |
| | } | | } |
| | </script> | | </script> |
| Line 824: |
Line 827: |
| | <!-- Navbar --> | | <!-- Navbar --> |
| | <nav style="padding-bottom:1px;" class="navbar navbar-expand-lg fixed-top navbar-light bg-light"> | | <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" ></a> | + | <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"> | | <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> |
| Line 910: |
Line 916: |
| | </nav> | | </nav> |
| | | | |
| − | <!-- Footer Begins --> | + | <!-- 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> |
| | | | |
| − | <!-- <footer class="footer">
| + | <div class="col-lg- 4 col-sm-5 col-xm-5 col-md-6 footer-section " style=" |
| − | <div style="margin-top:100px;" class="footer">
| + | display: block; |
| − | <div class="row">
| + | min-width: 200px;"> |
| − | <div class="col-lg- 8 col-sm-5 col-xm-5 col-md-6 footer-section"> | + | <h3 class="footer-text"> |
| − | <h3 class="footer-text">
| + | <a href=" mailto: nyuad. igem@nyu. edu" target="_blank">< span class=" fa fa-google"></ span></a> |
| − | <a href=" https: //worldwide. promega. com/" target="_blank">< img src=" sponsors/ Promega.png" alt="sponsor" height="90" width="120"></a> | + | <a href="https://www. facebook.com /iGEMNYUAD/" target="_blank">< span class=" fa fa-facebook" ></span></a> |
| − | <a href="https://www. mathworks.com/"target="_blank" >< img src=" sponsors/Appslink_Consulting.png" alt="sponsor" height="50" width="180"></a> | + | <a href="https:// www. twitter.com/ igemnyuad/" target="_blank">< span class=" fa fa-twitter"></ span></a> |
| − | <a href="https:// eu. idtdna.com/ pages"target="_blank">< img src=" sponsors/ IDT.png" alt="sponsor" height="40" width="200"></a> | + | <a href="https://www. youtube.com /channel/UCQnySAKw67slX8T6r9bAcYw" target="_blank">< span class=" fa fa-youtube"></ span></a> |
| − | <a href="https://www. w3schools.com"target="_blank">< img src=" sponsors/ Mathworks.jpg" alt="sponsor" height="50" width="200"></a> | + | <a href="https:// www. instagram. com/ igem_nyuad/" target="_blank">< span class=" fa fa- instagram" ></span></a> |
| − | <a href="https:// nyuad. nyu. edu/ en/"target="_blank">< img src=" sponsors/primary- logo-black.png" alt="sponsor" height="60" width="180"></a> | + | </h3> |
| − | </h3>
| + | </div> |
| − | </div>
| + | |
| | | | |
| − | <div class="col-lg-4 col-sm-5 col-xm-5 col-md-6 footer-section"> | + | </div> |
| − | <h3 class="footer-text">
| + | </div> |
| − | <a href="mailto:nyuad.igem@nyu.edu" target="_blank"><span class="fa fa-google"></span></a>
| + | </footer> |
| − | <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>
| + | <!-- Footer Ends --> |
| − | <div class="col-lg-4 footer-section"> -->
| + | |
| − | <!-- <img class="footer-logo" src="https://static.igem.org/mediawiki/2017/c/c8/NYUAD_Logo_Black.png" /> -->
| + | |
| − | <!-- </div>
| + | |
| − | | + | |
| − | | + | |
| − | </div>
| + | |
| − | </footer> -->
| + | |
| − | | + | |
| − | <!-- Footer Ends --> | + | |
| | </body> | | </body> |
| | | | |
| | | | |
| − | <div class="igem_2018_team_content"> | + | <!-- <div class="igem_2018_team_content"> |
| | <div class="igem_2018_team_column_wrapper"> | | <div class="igem_2018_team_column_wrapper"> |
| | <div class="clear extra_space"></div> | | <div class="clear extra_space"></div> |
| − | <div class="clear extra_space"></div> | + | <div class="clear extra_space"></div> --> |
| | + | |
| | + | </html> |
