(Prototype team template page) |
(first draft for menu and footer) |
||
Line 49: | Line 49: | ||
<style> | <style> | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
− | + | #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; } | ||
#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;} | ||
− | + | body { | |
− | + | background-color:#F7F5F4; | |
− | + | } | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | footer { | |
− | + | background-color:#F7F5F4; | |
− | + | height:180px; | |
− | + | width:100%; | |
+ | } | ||
− | + | .barreBas{ | |
− | + | width:100%; | |
− | + | height:180px; | |
− | + | } | |
− | + | ||
− | + | .wrapperLeftCommanditaires{ | |
− | + | float:left; | |
− | + | background-image:url("https://static.igem.org/mediawiki/2018/2/2f/T--ULaval--finalFinal.png"); | |
− | + | background-repeat: no-repeat; | |
+ | background-position: center; | ||
+ | background-size: 100% 100%; | ||
+ | width:900px; | ||
+ | position: relative; | ||
+ | top: 50%; | ||
+ | transform: translateY(-50%); | ||
+ | height:95px; | ||
+ | margin-left:10px; | ||
+ | } | ||
− | + | .containerRight { | |
− | + | float:right; | |
− | + | width:200px; | |
− | + | margin-right:20px; | |
− | + | position: relative; | |
− | + | top: 50%; | |
− | + | transform: translateY(-50%); | |
− | + | height:110px; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .conteneurBoutons { | |
− | + | width:85px; | |
− | + | height:40px; | |
− | + | float:right; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .boutonFacebook { | |
− | + | float:left; | |
− | + | background-image:url("https://static.igem.org/mediawiki/2018/6/65/T--ULaval--facebookIcone.svg"); | |
− | + | background-repeat: no-repeat; | |
− | + | background-position: center; | |
− | + | background-size: 100% 100%; | |
+ | width:40px; | ||
+ | height:40px; | ||
+ | } | ||
− | + | .boutonSite { | |
− | + | float:right; | |
− | + | background-image:url("https://static.igem.org/mediawiki/2018/6/64/T--ULaval--planeteSite.svg"); | |
− | + | background-repeat: no-repeat; | |
+ | background-position: center; | ||
+ | background-size: 100% 100%; | ||
+ | width:40px; | ||
+ | height:40px; | ||
+ | }¸ | ||
− | + | .conteneurBoutons a:link { | |
− | + | padding:0px; | |
− | + | text-decoration: none; | |
− | + | } | |
− | + | .conteneurBoutons a:visited { | |
− | + | text-decoration: none; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .conteneurBoutons a:hover { | |
− | + | text-decoration: none; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .contenousBoutons a:active { | |
− | + | text-decoration: none; | |
− | + | } | |
− | + | </style> | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet"> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet"> | ||
+ | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | ||
+ | <style> | ||
+ | *{ | ||
+ | margin-left:0; | ||
+ | margin-right:0; | ||
+ | padding:0; | ||
+ | } | ||
+ | html,body{ | ||
+ | height:100%; | ||
+ | width:100%; | ||
+ | margin:0px; | ||
+ | padding:0px; | ||
+ | } | ||
− | /* | + | /**************************************************************************************************************************************************************************************************/ |
+ | /* MENU */ | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
− | /* | + | /* Navbar container */ |
− | + | .navbar { | |
− | + | margin-top:16px; | |
− | + | margin-left:0; | |
− | + | margin-right:0; | |
− | + | z-index:1; | |
− | + | position:fixed; | |
− | + | top:0; | |
− | + | width:100%; | |
− | + | opacity: 0.9; | |
− | + | background-color: rgb(52, 111, 148); | |
− | + | box-shadow: 0px 3px 12px 0px #000000; | |
− | + | height:110px; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | .wrapperLeft { | |
− | + | float:left; | |
− | + | height:110px; | |
− | + | width:231px; | |
+ | } | ||
+ | .navbarLogo { | ||
+ | background-image:url("file:///D:/Template/logoteamb.png"); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-size: 50% 100%; | ||
+ | position: relative; | ||
+ | top: 50%; | ||
+ | transform: translateY(-50%); | ||
+ | height:106px; | ||
+ | width:150px; | ||
+ | margin-left:5px; | ||
+ | } | ||
+ | .wrapperRight { | ||
+ | float:right; | ||
+ | } | ||
− | + | /* Links inside the navbar */ | |
− | + | .navbar a { | |
− | + | float:left; | |
− | + | color:rgb(255, 255, 255); | |
− | + | text-align:center; | |
+ | text-decoration:none; | ||
+ | text-align: center; | ||
+ | margin-right:30px; | ||
+ | height:110px; | ||
+ | line-height:110px; | ||
+ | font-family: 'Josefin Sans' !important; | ||
+ | text-transform:uppercase; | ||
+ | } | ||
+ | /* The dropdown container */ | ||
+ | .dropdown { | ||
+ | float:left; | ||
+ | overflow: hidden; | ||
+ | margin-right:30px; | ||
+ | } | ||
− | /* | + | /* Dropdown button */ |
− | /* | + | .dropdown .dropbtn { |
− | + | font-size:16px; | |
+ | text-transform:uppercase; | ||
+ | border: none; | ||
+ | outline: none; | ||
+ | color: #ffffff; | ||
+ | height:110px; | ||
+ | line-height:110px; | ||
+ | background-color: inherit; | ||
+ | font-family: 'Josefin Sans' !important; | ||
+ | margin: 0; /* Important for vertical align on mobile phones */ | ||
+ | } | ||
− | + | /* Add a red background color to navbar links on hover */ | |
− | + | .navbar a:hover, .dropdown:hover .dropbtn { | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | /* Dropdown content (hidden by default) */ | ||
+ | .dropdown-content { | ||
+ | display: none; | ||
+ | position: fixed; | ||
+ | background-color: #706c6c; | ||
+ | min-width: 160px; | ||
+ | box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.8); | ||
+ | border-bottom-left-radius:8px; | ||
+ | border-bottom-right-radius:8px; | ||
+ | z-index: 1; | ||
+ | } | ||
+ | .dropdown-content-right { | ||
+ | right:0; | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | background-color:#f9f9f9; | ||
+ | min-width: 160px; | ||
+ | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
+ | border-bottom-left-radius:10px; | ||
+ | border-bottom-right-radius:10px; | ||
+ | z-index: 1; | ||
+ | } | ||
− | /* | + | /* Links inside the dropdown */ |
− | + | .dropdown-content a { | |
+ | float: none; | ||
+ | font-size:13px; | ||
+ | height:30px; | ||
+ | background:transparent; | ||
+ | line-height:30px; | ||
+ | width:100%; | ||
+ | color: black; | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | text-align: left; | ||
+ | -webkit-transition: background-color 0.3s ease-out; | ||
+ | -moz-transition: background-color 0.3s ease-out; | ||
+ | -o-transition: background-color 0.3s ease-out; | ||
+ | transition: background-color 0.3s ease-out; | ||
+ | } | ||
− | + | .dropdown-content-right a { | |
− | + | float: none; | |
− | + | font-size:13px; | |
− | + | height:30px; | |
− | + | line-height:30px; | |
− | + | background:transparent; | |
− | + | width:100%; | |
+ | color: black; | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | text-align: left; | ||
+ | -webkit-transition: background-color 0.3s ease-out; | ||
+ | -moz-transition: background-color 0.3s ease-out; | ||
+ | -o-transition: background-color 0.3s ease-out; | ||
+ | transition: background-color 0.3s ease-out; | ||
+ | } | ||
+ | .textMargin { | ||
+ | margin-left:12px; | ||
+ | } | ||
− | + | .textMargin { | |
− | + | margin-left:12px; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .dropdown-content .separation { | |
− | + | width:90%; | |
− | + | height:4px; | |
− | + | border-bottom:1px #EEEEEE solid; | |
− | + | margin:0 auto; | |
− | + | display:block; | |
− | + | float:none; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | .dropdown-content .separation2 { | |
− | + | height:4px; | |
− | + | width:95%; | |
− | + | display:block; | |
− | + | float:none; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | /* Add a grey background color to dropdown links on hover */ | |
− | + | .dropdown-content a:hover { | |
− | + | background-color: #EBEBEB; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .dropdown-content .lastElement { | |
− | + | height:35px; | |
− | + | width:100%; | |
− | + | background:transparent; | |
− | + | border-bottom-right-radius:8px; | |
+ | border-bottom-left-radius:8px; | ||
+ | -webkit-transition: background-color 0.3s ease-out; | ||
+ | -moz-transition: background-color 0.3s ease-out; | ||
+ | -o-transition: background-color 0.3s ease-out; | ||
+ | transition: background-color 0.3s ease-out; | ||
+ | } | ||
+ | .dropdown-content .lastElement:hover { | ||
+ | background-color: #EBEBEB; | ||
+ | } | ||
− | + | .dropdown-content-right .lastElement { | |
− | + | height:35px; | |
− | + | width:100%; | |
− | + | background:transparent; | |
− | + | border-bottom-right-radius:8px; | |
− | + | border-bottom-left-radius:8px; | |
− | + | -webkit-transition: background-color 0.3s ease-out; | |
+ | -moz-transition: background-color 0.3s ease-out; | ||
+ | -o-transition: background-color 0.3s ease-out; | ||
+ | transition: background-color 0.3s ease-out; | ||
+ | } | ||
− | + | .dropdown-content-right .lastElement:hover { | |
− | + | background-color: #EBEBEB; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .dropdown-content-right a:hover { | |
− | + | background-color: #EBEBEB; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | /* Show the dropdown menu on hover */ | ||
+ | .dropdown:hover .dropdown-content { | ||
+ | display: block; | ||
+ | } | ||
+ | .dropdown:hover .dropdown-content-right { | ||
+ | display: block; | ||
+ | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | /**************************************************************************************************************************************************************************************************/ | ||
+ | /* CONTENT OF THE PAGE */ | ||
+ | /**************************************************************************************************************************************************************************************************/ | ||
+ | .projectLogo { | ||
+ | |||
+ | background: url("file:///D:/Template/wiki1.jpg"); | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: 100% 100%; | ||
+ | height: 700px; | ||
+ | position: relative; | ||
+ | } | ||
− | + | .mainContainer { | |
− | + | padding-top:110px; | |
− | + | width:100%; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
+ | .projectDescription { | ||
+ | width:100%; | ||
+ | background-color:#F7F5F4; | ||
+ | font-family: 'Roboto', sans-serif; | ||
+ | padding-top:100px; | ||
+ | } | ||
+ | .bigTitle { | ||
+ | width:76%; | ||
+ | font-size:34px; | ||
+ | font-weight:bold; | ||
+ | padding-bottom:10px; | ||
+ | margin:0 auto; | ||
+ | text-align:center; | ||
+ | margin-bottom:4vh; | ||
+ | font-family: 'Raleway', sans-serif; | ||
+ | } | ||
− | + | .text { | |
− | + | width:95%; | |
+ | margin:0 auto; | ||
+ | text-align:justify; | ||
+ | margin-bottom:4%; | ||
+ | } | ||
− | + | .descriptionContainer { | |
− | + | display:inline-block; | |
− | + | text-align: center; | |
− | + | width:100%; | |
− | + | } | |
− | + | ||
− | + | .descriptionTextBox { | |
− | + | width:48%; | |
+ | float:left; | ||
+ | height:420px; | ||
+ | } | ||
− | + | .descriptionTextBox2 { | |
− | + | width:48%; | |
+ | float:left; | ||
+ | height:35px; | ||
+ | } | ||
− | + | .descriptionTextBoxRight2 { | |
− | + | width:48%; | |
+ | float:right; | ||
+ | height:35px; | ||
+ | } | ||
+ | .descriptionTextBoxRight { | ||
+ | width:48%; | ||
+ | float:right; | ||
+ | height:420px; | ||
+ | } | ||
+ | .borderTest { | ||
+ | display:inline-block; | ||
+ | margin:0 auto; | ||
+ | height:420px; | ||
+ | width:4%; | ||
+ | } | ||
+ | .borderTestSalut { | ||
+ | display:inline-block; | ||
+ | margin:0 auto; | ||
+ | height:35px; | ||
+ | width:4%; | ||
+ | } | ||
− | + | .border2 { | |
− | + | margin:0 auto; | |
− | + | width:8px; | |
− | + | height:420px; | |
− | + | background-color:#BEBBB8; | |
− | + | } | |
− | + | ||
+ | .halfBorder { | ||
+ | margin:0 auto; | ||
+ | margin-bottom:5px; | ||
+ | width:6px; | ||
+ | height:192px; | ||
+ | background-color:#BEBBB8; | ||
+ | } | ||
− | + | .halfBorderSecond { | |
− | + | margin:0 auto; | |
− | + | width:6px; | |
− | + | height:192px; | |
− | + | background-color:#BEBBB8; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | .lilBorder { | |
− | + | margin:0 auto; | |
− | + | margin-bottom:5px; | |
− | + | width:6px; | |
− | + | height:35px; | |
− | + | background-color:#BEBBB8; | |
+ | } | ||
+ | .borderTest2 { | ||
+ | display:inline-block; | ||
+ | margin:0 auto; | ||
+ | height:800px; | ||
+ | width:4%; | ||
+ | } | ||
+ | .border2 { | ||
+ | margin:0 auto; | ||
+ | width:8px; | ||
+ | height:420px; | ||
+ | background-color:#BEBBB8; | ||
+ | } | ||
− | + | .halfBorder2 { | |
− | + | margin:0 auto; | |
− | + | margin-bottom:5px; | |
+ | width:6px; | ||
+ | height:382px; | ||
+ | background-color:#BEBBB8; | ||
+ | } | ||
+ | .projectLogo img { | ||
+ | |||
+ | max-width: 100%; | ||
+ | max-height: 100vh; | ||
+ | margin: auto; | ||
+ | |||
+ | } | ||
− | + | .descriptionBoxTitle { | |
− | + | font-size:26px; | |
− | + | font-weight:bold; | |
− | + | text-align:center; | |
− | + | width:100%; | |
− | + | margin-top:100px; | |
− | + | margin-bottom:20px; | |
+ | font-family: 'Roboto', sans-serif; | ||
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .descriptionBoxText { | |
− | + | width:80%; | |
− | + | font-size:16px; | |
+ | height:100px; | ||
+ | margin:0 auto; | ||
+ | margin-top:100px; | ||
+ | text-align:justify; | ||
+ | } | ||
− | + | .descriptionBoxImage { | |
+ | width:293px; | ||
+ | height:261px; | ||
+ | background-image:url("file:///D:/Template/figure.png"); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-size: 100% 100%; | ||
+ | margin:0 auto; | ||
+ | |||
+ | } | ||
− | + | .descriptionBoxImageAdrenaline { | |
− | + | width:400px; | |
− | + | height:204px; | |
− | + | background-image:url("https://static.igem.org/mediawiki/2018/3/3e/T--ULaval--adrenRealMolecule.png"); | |
− | + | background-repeat: no-repeat; | |
+ | background-position: center; | ||
+ | background-size: 100% 100%; | ||
+ | border-radius:20px; | ||
+ | margin-top:15px; | ||
+ | margin:0 auto; | ||
+ | } | ||
+ | .descriptionBoxBloodDrop { | ||
+ | width:213px; | ||
+ | height:230px; | ||
+ | font-size:16px; | ||
+ | text-align:center; | ||
+ | padding-top:20px; | ||
+ | background-image:url("https://static.igem.org/mediawiki/2018/f/f6/T--ULaval--BloodDrop.png"); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-size: 100% 100%; | ||
+ | border-radius:20px; | ||
+ | margin-top:15px; | ||
+ | margin:0 auto; | ||
+ | } | ||
− | + | .descriptionSeringueContainer { | |
− | + | width:213px; | |
− | + | height:404px; | |
− | + | margin:0 auto; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .descriptionSeringue { | |
− | + | width:106px; | |
− | + | height:404px; | |
+ | background-image:url("https://static.igem.org/mediawiki/2018/f/f0/T--ULaval--seringueColored.jpg"); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-size: 100% 100%; | ||
+ | border-radius:20px; | ||
+ | margin:0 auto; | ||
+ | } | ||
− | + | .borderWheel { | |
− | + | margin:0 auto;¸ | |
− | + | margin-top:10px; | |
+ | margin-bottom:5px; | ||
+ | background-image:url("https://static.igem.org/mediawiki/2018/1/14/T--ULaval--petiteRoue.png"); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-size: 100% 100%; | ||
+ | width:35px; | ||
+ | height:36px; | ||
+ | } | ||
+ | .borderWheelPaleBlue { | ||
+ | margin:0 auto;¸ | ||
+ | margin-top:10px; | ||
+ | margin-bottom:5px; | ||
+ | background-image:url("https://static.igem.org/mediawiki/2018/1/14/T--ULaval--petiteRoue.png"); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-size: 100% 100%; | ||
+ | width:35px; | ||
+ | height:37px; | ||
+ | } | ||
+ | .wrapper { | ||
+ | width:100%; | ||
+ | } | ||
− | + | .beerCloud { | |
− | + | background-image:url("https://static.igem.org/mediawiki/2018/c/c1/T--ULaval--CloudBeer.png"); | |
− | + | background-repeat: no-repeat; | |
+ | font-size:16px; | ||
+ | background-position: center; | ||
+ | background-size: 100% 100%; | ||
+ | text-align:justify; | ||
+ | margin-top:50px; | ||
+ | height:236px; | ||
+ | width:400px; | ||
+ | margin:0 auto; | ||
+ | } | ||
− | + | .beerContainer { | |
− | + | margin-top:-40px; | |
− | + | background-image:url("https://static.igem.org/mediawiki/2018/4/4b/T--ULaval--beerColored.png"); | |
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-size: 100% 100%; | ||
+ | margin-left:40px; | ||
+ | height:353px; | ||
+ | width:470px; | ||
+ | margin:0 auto; | ||
+ | } | ||
+ | |||
+ | .bigWrapper{ | ||
+ | margin-left:10px; | ||
+ | height:60px; | ||
+ | width:200px; | ||
+ | margin:0 auto; | ||
+ | } | ||
+ | .wheelTransition { | ||
+ | background-image:url("https://static.igem.org/mediawiki/2018/1/14/T--ULaval--petiteRoue.png"); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-size: 100% 100%; | ||
+ | display:inline-block; | ||
+ | margin-right:12px; | ||
+ | margin:0 auto; | ||
+ | width:50px; | ||
+ | height:52px; | ||
+ | } | ||
− | + | .TeamContainer { | |
− | + | background: url("file:///D:/Template/team.jpg"); | |
− | + | background-repeat: no-repeat; | |
+ | background-size: 100% 150%; | ||
+ | height: 700px; | ||
+ | position: relative; | ||
+ | } | ||
+ | .borderWrapper { | ||
+ | background-color:#F7F5F4; | ||
+ | width:100%; | ||
+ | padding-right:12px; | ||
+ | height:350px; | ||
+ | margin-top:25px; | ||
+ | margin-left:-6px; | ||
+ | } | ||
+ | .testingSomething { | ||
+ | background-color:black; | ||
+ | height:350px; | ||
+ | width:104%; | ||
+ | } | ||
− | / | + | .leftSolutionWrapper { |
− | / | + | float:left; |
+ | } | ||
+ | |||
+ | .halfSolutionBorder { | ||
+ | width:6px; | ||
+ | background-color:#BEBBB8; | ||
+ | height:157px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .rightSolutionWrapper { | ||
+ | float:right; | ||
+ | } | ||
+ | |||
+ | .borderWheelSolution { | ||
+ | margin-top:5px; | ||
+ | margin-bottom:5px; | ||
+ | background-image:url("https://static.igem.org/mediawiki/2018/1/14/T--ULaval--petiteRoue.png"); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-size: 100% 100%; | ||
+ | background-color:#F7F5F4; | ||
+ | width:35px; | ||
+ | height:36px; | ||
+ | } | ||
+ | .borderWheelContainer { | ||
+ | width:35px; | ||
+ | height:51px; | ||
+ | background-color:#F7F5F4; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | .wrapperFloatRight { | |
− | + | height:350px; | |
− | + | width:35px; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
+ | .YeastWithAdren { | ||
+ | width:400px; | ||
+ | height:277px; | ||
+ | background-image:url("https://static.igem.org/mediawiki/2018/8/8b/T--ULaval--adrenEv2.png"); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-size: 100% 100%; | ||
+ | margin:0 auto; | ||
+ | } | ||
+ | .buttonClick{ | ||
+ | background-color: #3f4041; | ||
+ | |||
+ | border: none; | ||
+ | color: white; | ||
+ | padding: 20px 34px; | ||
+ | text-align: center; | ||
+ | text-decoration: none; | ||
+ | display: inline-block; | ||
+ | font-size: 20px; | ||
+ | margin: 4px 2px; | ||
+ | cursor: pointer; | ||
+ | } | ||
− | + | </style> | |
− | + | <script> | |
− | + | /* When the user clicks on the button, | |
− | + | toggle between hiding and showing the dropdown content */ | |
− | + | function myFunction() { | |
− | + | document.getElementById("myDropdown").classList.toggle("show"); | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | // Close the dropdown menu if the user clicks outside of it | |
+ | window.onclick = function(event) { | ||
+ | if (!event.target.matches('.dropbtn')) { | ||
− | + | var dropdowns = document.getElementsByClassName("dropdown-content"); | |
− | + | var i; | |
− | + | for (i = 0; i < dropdowns.length; i++) { | |
− | + | var openDropdown = dropdowns[i]; | |
− | + | if (openDropdown.classList.contains('show')) { | |
+ | openDropdown.classList.remove('show'); | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | </script> | ||
− | + | </p><p> | |
− | + | <style> | |
− | + | .referenceTitle { | |
− | + | font-size:17px; | |
− | + | font-weight:bold; | |
+ | } | ||
+ | .containerRows { | ||
+ | width:660px; | ||
+ | margin:0 auto; | ||
+ | } | ||
+ | .rowLast | ||
+ | { | ||
+ | margin:0 auto; | ||
+ | width: 550px; | ||
+ | } | ||
− | + | .rowLast li{float: left;} | |
+ | .noralev { | ||
+ | height: 150px; | ||
+ | width: 150px; | ||
+ | vertical-align:middle; | ||
+ | background-image:url("https://static.igem.org/mediawiki/2018/f/fa/T--ULaval--noralev.png"); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-size: 100% 100%; | ||
+ | border-radius: 50%; | ||
+ | border:3px #BEBBB8 solid; | ||
+ | } | ||
+ | .dopalev { | ||
+ | height: 150px; | ||
+ | width: 150px; | ||
+ | margin-left:15px; | ||
+ | vertical-align:middle; | ||
+ | background-image:url("https://static.igem.org/mediawiki/2018/6/60/T--ULaval--dopaLev.png"); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-size: 100% 100%; | ||
+ | border-radius: 50%; | ||
+ | border:3px #BEBBB8 solid; | ||
+ | } | ||
+ | .adrenev { | ||
+ | height: 150px; | ||
+ | width: 150px; | ||
+ | margin-left:15px; | ||
+ | vertical-align:middle; | ||
+ | background-image:url("https://static.igem.org/mediawiki/2018/f/f7/T--ULaval--adrenSquare.png"); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-size: 100% 100%; | ||
+ | border-radius: 50%; | ||
+ | border:3px #BEBBB8 solid; | ||
+ | } | ||
+ | ul { | ||
+ | list-style:none; | ||
+ | } | ||
</style> | </style> | ||
Line 551: | Line 861: | ||
− | <div class=" | + | <body> |
− | + | <div class="navbar"> | |
− | + | <div class="wrapperLeft"><div class="navbarLogo"></div></div> | |
− | + | <div class="wrapperRight"> | |
− | + | <a style="font-size:16px;" href="https://2018.igem.org/Team:ULaval">Home</a> | |
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn">Project | ||
+ | <i class="fa fa-caret-down"></i> | ||
+ | </button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:ULaval/Description"><span class="textMargin">Description</span></a> | ||
+ | <a href="https://2018.igem.org/Team:ULaval/Design"><span class="textMargin">Design</span></a> | ||
+ | <a href="https://2018.igem.org/Team:ULaval/Results"><span class="textMargin">Results</span></a> | ||
+ | <div class="separation"></div> | ||
+ | <div class="separation2"></div> | ||
+ | <a class="lastElement" href="https://2018.igem.org/Team:ULaval/InterLab"><span class="textMargin">Interlab</span></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn">Parts | ||
+ | <i class="fa fa-caret-down"></i> | ||
+ | </button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:ULaval/Parts"><span class="textMargin">Overview</span></a> | ||
+ | <a class="lastElement" href="https://2018.igem.org/Team:ULaval/Basic_Part"><span class="textMargin">Basic Parts</span></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn">Notebook | ||
+ | <i class="fa fa-caret-down"></i> | ||
+ | </button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:ULaval/Notebook"><span class="textMargin">Lab Journal</span></a> | ||
+ | <a href="https://2018.igem.org/Team:ULaval/Experiments"><span class="textMargin">Protocols</span></a> | ||
+ | <a class="lastElement" href="file:///D:/Template/Achievements.html"><span class="textMargin">Achievements</span></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn">Human Practices | ||
+ | <i class="fa fa-caret-down"></i> | ||
+ | </button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:ULaval/Human_Practices"><span class="textMargin">Human Practices</span></a> | ||
+ | <a href="https://2018.igem.org/Team:ULaval/Public_Engagement"><span class="textMargin">Public Engagement</span></a> | ||
+ | <a class="lastElement" href="https://2018.igem.org/Team:ULaval/Safety"><span class="textMargin">Safety</span></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn">Team | ||
+ | <i class="fa fa-caret-down"></i> | ||
+ | </button> | ||
+ | <div class="dropdown-content-right"> | ||
+ | <a href="https://2018.igem.org/Team:ULaval/Team"><span class="textMargin">Team members</span></a> | ||
+ | <a href="https://2018.igem.org/Team:ULaval/Attributions"><span class="textMargin">Attributions</span></a> | ||
+ | <a class="lastElement" href="https://2018.igem.org/Team:ULaval/Collaborations"><span class="textMargin">Collaborations</span></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="wrapper"> | ||
+ | <div class="mainContainer"> | ||
+ | <div class="projectLogo"> | ||
+ | <div style="height:100%;width:100%"></div><br><br> | ||
+ | </div> | ||
+ | </div> | ||
+ | <footer> | ||
+ | <div style="width:70%;background-color:#white;height:1px;margin:0 auto;"></div> | ||
− | + | <div class="containerRight"><div class="conteneurBoutons"><div class="boutonFacebook"><a href="https://www.facebook.com/iGEMULaval2018/" style="width:100%;height:100%;display:block;text-decoration:none;"></a></div><div class="boutonSite"><a href="https://www.bcm.ulaval.ca/espace-etudiant/projets-etudiants/igem-ulaval/" style="width:100%;height:100%;display:block;text-decoration:none;"></a></div></div> | |
− | + | <div style="font-size:16px;float:right;">igem@bcm.ulaval.ca</div> | |
− | + | ||
− | + | ||
</div> | </div> | ||
+ | </footer> | ||
+ | </body> | ||
+ | </p> | ||
+ | <!-- | ||
+ | NewPP limit report | ||
+ | CPU time usage: 0.007 seconds | ||
+ | Real time usage: 0.008 seconds | ||
+ | Preprocessor visited node count: 14/1000000 | ||
+ | Preprocessor generated node count: 64/1000000 | ||
+ | Post‐expand include size: 82/2097152 bytes | ||
+ | Template argument size: 0/2097152 bytes | ||
+ | Highest expansion depth: 2/40 | ||
+ | Expensive parser function count: 0/100 | ||
+ | --> | ||
+ | <!-- Saved in parser cache with key 2018_igem_org:pcache:idhash:2655-0!*!*!*!*!*!* and timestamp 20190520133326 and revision id 482529 | ||
+ | --> | ||
+ | </div> <div class="visualClear"></div> | ||
+ | </div> | ||
+ | </div> | ||
− | < | + | </div> |
− | + | </div> | |
− | + | </html> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
<!--- Content of the page ---> | <!--- Content of the page ---> | ||
<!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− |
Revision as of 01:07, 28 June 2019