Difference between revisions of "Template:Paris Bettencourt"

Line 85: Line 85:
 
}
 
}
  
−
.navmenubkg {
+
#menu {
−
position:fixed;
+
margin-top : 12px;
−
top:15px;
+
position : fixed;
−
left:0;
+
width : 100%;
−
right:0;
+
border : solid;
−
background:white;
+
background : white;
−
z-index : 100;
+
height : 60px;
−
height : 50px;
+
−
align : center;
+
−
}
+
−
.navmenubkg2 {
+
−
position:fixed;
+
−
height:50px;
+
−
left:0;
+
−
right:0;
+
−
background:white;
+
−
display : none;
+
−
align : center;
+
−
}
+
−
#navmenubox {
+
−
padding:0;
+
−
margin-left:0;
+
−
margin-right:0;
+
−
width:100%;
+
−
height:45px;
+
−
background-color:transparent;
+
−
align : center;
+
−
}
+
−
.sidelogos {
+
−
float:left;
+
−
display:block;
+
−
margin-left:auto;
+
−
height:100%;
+
−
width:auto;
+
−
top : 0;
+
−
}
+
−
.sidelogos a {
+
−
display:block;
+
−
top:0;
+
−
bottom:0;
+
 
}
 
}
 +
 
#home {
 
#home {
−
width : 40px;
+
width : 60px;
 
top : 0;
 
top : 0;
−
 
 
}
 
}
 
#mainpage {
 
#mainpage {
 
float : left;
 
float : left;
 
margin-left : 50px;
 
margin-left : 50px;
−
margin-right : 20px;
 
 
}
 
}
−
#fbnoticon{
+
 
−
width:33px;
+
ul li {
 +
display: inline-block;
 +
vertical-align: top;
 
}
 
}
−
#instanoticon {
+
 
−
margin-left : 4px;
+
ul li a {
 +
display: inline-block;
 
}
 
}
−
#twnoticon{
 
−
width:38px;
 
−
margin-right:auto;
 
−
}
 
−
#igemlogo{ 
 
−
width:40px;
 
−
height : 40px;
 
  
 +
.menulist {
 +
overflow: hidden;
 +
margin : auto;
 +
background : white;
 +
width : 1050px;
 +
padding : 0px;
 +
margin-left : 130px;
 
}
 
}
  
−
#twnoticon img, #fbnoticon img, #igemlogo img, #instanoticon {
+
.menulist .list a {
−
margin-top:8px;
+
display: inline-block;
−
margin-bottom:2px;
+
text-align: center;
 +
width : 140px;
 +
text-decoration : none;
 +
color: rgb(41, 80, 142);
 +
line-height : 60px;
 
}
 
}
−
#igemlogo img {
+
.menulist .list a:hover {
−
background-color:rgb(46,43,52);
+
color: rgb(6, 45, 117);
 +
}
 +
.menulist .list .dropdownlist {
 +
display: none;
 +
position: absolute;
 +
width: 140px;
 +
text-align : center;
 +
margin-left : -40px;
 
}
 
}
  
−
#igemlogo:hover img {
+
.dropdownlist li .droprightlist {
−
background-color:rgb(0,153,102);
+
display: none;
 +
position: absolute;
 +
min-width: 140px;
 +
background : white;
 
}
 
}
−
#twitapp, #fbapp {
+
 
−
display:none;
+
.menulist .list:hover .dropdownlist {  
−
width:250px;
+
display: block;
−
height:auto;
+
−
background: white;
+
 
}
 
}
−
#fbapp{
+
 
−
margin-left:-149px;
+
.menulist .list .dropdownlist li {
 +
display: block;
 +
position: relative;
 +
text-align : center;
 +
background : white;
 +
padding : auto;
 
}
 
}
−
#twitapp{
+
.menulist .list .dropdownlist li a:hover {
−
margin-left:-111px;
+
color: rgb(6, 45, 117);
 
}
 
}
−
#nav, #nav ul{
+
.dropdownlist li .droprightlist li a {
−
padding:0;
+
color: rgb(6, 45, 117);
−
margin:0;
+
−
list-style:none;
+
−
background : transparent
+
−
float:left;
+
−
text-align : center;
+
−
width : 90%;
+
 
}
 
}
−
#nav li{
+
u.dropdownlist li .droprightlist li {
−
display:inline-block;
+
display: block;
−
position:relative;
+
position: relative;
−
width : 140px;
+
text-align : center;
−
top : 15px;
+
−
font-size : 15px;
+
−
min-height : 40px;
+
−
float:left;
+
 
background : white;
 
background : white;
 +
padding : auto;
 +
}
 +
 +
.menulist .list .dropdownlist li a {
 +
display: table-cell;
 +
text-align: left;
 +
text-align : center;
 +
color: rgb(41, 80, 142);
 +
text-decoration : none;
 +
height : 60px;
 
vertical-align : middle;
 
vertical-align : middle;
−
padding : 0;
 
−
margin : 0;
 
−
background : transparent;
 
 
}
 
}
−
#nav ul li{
+
.dropdownlist li .droprightlist li a {
−
display:inherit;
+
display: table-cell;
−
width : 140px;
+
text-align: left;
 +
text-align : center;
 +
text-decoration : none;
 +
color: rgb(41, 80, 142);
 +
height : 60px;
 
}
 
}
−
#nav li ul{
+
 
−
vertical-align : middle;
+
.dropdownlist li .droprightlist {
−
width : 140px;
+
top: 0;
 +
left: 100%;
 +
z-index: -1;
 
}
 
}
−
#nav li ul li {
+
.dropdownlist li:hover .droprightlist {
−
display : inline-block
+
display: block;
−
top : 10px;
+
−
min-height : 50px;
+
−
vertical-align : middle;
+
−
padding : 0;
+
−
width : 140px;
+
−
background : white;
+
−
padding : 4px 0;
+
−
color : rgb(0,0,0);
+
−
overflow : visible;
+
 
}
 
}
−
#nav ul{
+
 
−
display : inline-block;
+
#fbnoticon{
−
width : 125px;
+
margin-left : 90px;
−
max-height:0px;
+
−
left: 0;
+
−
right: 0;
+
−
overflow:hidden;
+
−
-moz-transition: .3s all .1s;
+
−
-webkit-transition: .3s all .1s;
+
−
transition: .3s all .1s;
+
 
}
 
}
−
#nav li:hover ul{
+
#instanoticon {
−
max-height:30em;
+
margin-left : 135px;
 
}
 
}
−
#nav a{
+
#twnoticon{
−
text-decoration:none;
+
margin-left : 45px;
−
display:block;
+
−
font-family:Helvetica;
+
−
color : rgb(41,80,142);
+
−
vertical-align : middle;
+
 
}
 
}
−
#nav ul a{
+
#igemlogo{
−
color : rgb(41,80,142);
+
 
}
 
}
−
#nav li:hover a {
+
.sidelogos {
−
color : rgb(6,45,117);
+
−
line-height:1.21;
+
 
}
 
}
−
#nav li:hover ul .liste {
+
#logolist {
−
color : rgb(41,80,142);
+
float : right;
−
line-height:1.21;
+
display : inline-block;
 +
height : 60px;
 +
width : 175px;
 +
margin-top : -50px;
 +
margin-right : 50px;
 
}
 
}
−
#nav li ul li .liste:hover {
+
#twnoticon img, #fbnoticon img, #igemlogo img, #instanoticon img{
−
color : rgb(6,45,117);
+
width : 40px;
−
line-height:1.21;
+
position : absolute;
 +
display : inline-block;
 
}
 
}
−
#nav li ul li .liste2 {
+
#igemlogo img {
−
display : none !important;
+
background-color:rgb(46,43,52);
−
z-index : 100;
+
 
}
 
}
−
#nav li ul li:hover .liste2 {
+
 
−
display : inline-block !important;
+
#igemlogo:hover img {
 +
background-color:rgb(0,153,102);
 +
}
 +
#twitapp, #fbapp {
 +
display:none;
 +
width:250px;
 +
height:auto;
 +
background: white;
 +
}
 +
#fbapp{
 +
}
 +
#twitapp{
 
}
 
}
−
 
−
 
−
 
  
 
</style>
 
</style>
Line 279: Line 257:
 
<body>
 
<body>
 
<div style="clear: both;"></div>
 
<div style="clear: both;"></div>
−
<div class="navmenubkg">
+
<div id=menu>
−
<div id="navmenubox">
+
<a href="https://2017.igem.org/Team:Paris_Bettencourt" id=mainpage><img id=home src="https://static.igem.org/mediawiki/2017/2/26/Logo_MedusaPB.svg"></a>
−
<a href="https://2017.igem.org/Team:Paris_Bettencourt" id=mainpage><img id=home src="https://static.igem.org/mediawiki/2017/2/26/Logo_MedusaPB.svg"></a>
+
<ul class=menulist>
 +
<li class=list><a href="#">Project</a>
 +
<ul class=dropdownlist>
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Overview">Overview</a></li>
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Biomaterials">Biomaterials</a>
 +
<ul class="droprightlist">
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/PHA">PHA</a></li>
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Calcium_Carbonate">Calcium Carbonate</a></li>
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Polysilicate">Polysilicate</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Optogenetics">Optogenetics</a>
 +
<ul class="droprightlist">
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Proteins_Caging">Proteins Caging</a></li>
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Transmembrane_Proteins">Transmembrane Proteins</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/RNA">RNA</a></li>
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Design">Design</a>
 +
<ul class="droprightlist">
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Gel_Assays">Gel Assays</a></li>
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Laser_Set_Up">Laser Set Up</a></li>
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Proto">Proto</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</li>
 +
<li class="list"><a href="#">Modeling</a>
 +
<ul class="dropdownlist">
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/RNA_Model">RNA</a></li>
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Proteins_Model">Proteins</a></li>
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Promoters_Model">Promoters</a></li>
 +
</ul>
 +
</li>
 +
<li class="list"><a href="#">Achievements</a>
 +
<ul class="dropdownlist">
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Medal_Criteria">Medal</br>Criteria</a></li>
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Results">Results</a></li>
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Improve">Improved Part</a></li>
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Basic_Part">Basics Parts</a></li>
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Composite_Part">Composite Parts</a></li>
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Part_Collection">Parts Collection</a></li>
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Contribution">Contributions</a></li>
 +
</ul>
 +
</li>
 +
<li class="list"><a href="#">Human Practices</a>
 +
<ul class="dropdownlist">
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/HP/Silver">Silver HP</a></li>
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/HP/Gold_Integrated">Gold & HP</a></li>
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Engagement">Public Engagement</a></li>
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Safety">Safety</a></li>
 +
</ul>
 +
</li>
 +
<li class="list"><a href="#">Notebook</a>
 +
<ul class="dropdownlist">
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Lab_Notebook">Lab Book</a></li>
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Brainstorm">Brainstorm</a></li>
 +
</ul>
 +
</li>
 +
<li class="list"><a href="#">Awards</a>
 +
<ul class="dropdownlist">
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Applied_Design">Applied</br>Design</a></li>
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Entrepreneurship">Enterpreneurship</a></li>
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Hardware">HardWare</a></li>
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Measurement">Measurement</a></li>
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Model">Model</a></li>
 +
</ul>
 +
</li>
 +
<li class="list"><a href="#">Team</a>
 +
<ul class="dropdownlist">
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Team">Team Member</a></li>
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Collaborations">Collaborations</a></li>
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Attributions">Attributions</a></li>
 +
<li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Team">Sponsor</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
<div id=logolist>
 
<div id="igemlogo" class="sidelogos">
 
<div id="igemlogo" class="sidelogos">
 
<a href="https://2017.igem.org/Main_Page" title="iGEM 2017" target="_blank">
 
<a href="https://2017.igem.org/Main_Page" title="iGEM 2017" target="_blank">
−
<img src="https://static.igem.org/mediawiki/2014/d/d0/PB_LogoiGEM.gif" height="30px">
+
<img src="https://static.igem.org/mediawiki/2017/8/8d/Logo_igemPBv2.gif">
 
</a>
 
</a>
 
</div>
 
</div>
−
<ul id="nav">
 
−
<li><a href="">Project</a>
 
−
<ul>
 
−
<li><a class=liste href="https://2017.igem.org/Team:Paris_Bettencourt/Overview">Overview</a></li>
 
−
<li><a class=liste href="https://2017.igem.org/Team:Paris_Bettencourt/Biomaterials">Biomaterials</a>
 
−
<ul>
 
−
<li class=liste2><a href="https://2017.igem.org/Team:Paris_Bettencourt/PHA">PHA</a></li>
 
−
<li class=liste2 ><a href="https://2017.igem.org/Team:Paris_Bettencourt/Calcium_Carbonate">Calcium<br>Carbonate</a></li>
 
−
<li class=liste2><a href="https://2017.igem.org/Team:Paris_Bettencourt/Polysilicate">Polysilicate</a></li>
 
−
</ul>
 
−
</li>
 
−
<li><a class=liste href="https://2017.igem.org/Team:Paris_Bettencourt/Optogenetics">Optogenetics</a>
 
−
<ul>
 
−
<li class=liste2><a href="https://2017.igem.org/Team:Paris_Bettencourt/Proteins_Caging">Proteins<br>Caging</a></li>
 
−
<li class=liste2><a href="https://2017.igem.org/Team:Paris_Bettencourt/Transmembrane_Proteins">Transmembrane<br>Proteins</a></li>
 
−
</ul>
 
−
</li>
 
−
<li><a class=liste href="https://2017.igem.org/Team:Paris_Bettencourt/RNA">RNA</a></li>
 
−
<li><a class=liste href="https://2017.igem.org/Team:Paris_Bettencourt/Design">Design</a>
 
−
<ul>
 
−
<li class=liste2><a href="https://2017.igem.org/Team:Paris_Bettencourt/Gel_Assays">Gel Assays</a></li>
 
−
<li class=liste2><a href="https://2017.igem.org/Team:Paris_Bettencourt/Laser_Set_Up">Laser Set Up</a></li>
 
−
<li class=liste2><a href="https://2017.igem.org/Team:Paris_Bettencourt/Proto">Proto</a></li>
 
−
</ul>
 
−
</li>
 
−
</ul>
 
−
</li>
 
−
<li><a href="">Modeling </a>
 
−
<ul>
 
−
<li><a class=liste href="https://2017.igem.org/Team:Paris_Bettencourt/RNA_Model">RNA</a></li>
 
−
<li><a class=liste href="https://2017.igem.org/Team:Paris_Bettencourt/Proteins_Model">Proteins</a></li>
 
−
<li><a class=liste href="https://2017.igem.org/Team:Paris_Bettencourt/Promoters_Model">Promoters</a></li>
 
−
</ul>
 
−
</li>
 
−
<li><a href="">Achievements</a>
 
−
<ul>
 
−
<li><a class=liste href="https://2017.igem.org/Team:Paris_Bettencourt/Medal_Criteria">Medal</br>Criteria</a></li>
 
−
<li><a class=liste href="https://2017.igem.org/Team:Paris_Bettencourt/Results">Results</a></li>
 
−
<li><a class=liste href="https://2017.igem.org/Team:Paris_Bettencourt/Improve">Improved</br>Part</a></li>
 
−
<li><a class=liste href="https://2017.igem.org/Team:Paris_Bettencourt/Basic_Part">Basics</br>Parts</a></li>
 
−
<li><a class=liste href="https://2017.igem.org/Team:Paris_Bettencourt/Composite_Part">Composite</br>Parts</a></li>
 
−
<li><a class=liste href="https://2017.igem.org/Team:Paris_Bettencourt/Part_Collection">Parts</br>Collection</a></li>
 
−
<li><a class=liste href="https://2017.igem.org/Team:Paris_Bettencourt/Contribution">Contributions</a></li>
 
−
</ul>
 
−
</li>
 
−
<li><a href="">Human Practices</a>
 
−
<ul>
 
−
<li><a class=liste href="https://2017.igem.org/Team:Paris_Bettencourt/HP/Silver">Silver HP</a></li>
 
−
<li><a class=liste href="https://2017.igem.org/Team:Paris_Bettencourt/HP/Gold_Integrated">Gold HP</a></li>
 
−
<li><a class=liste href="https://2017.igem.org/Team:Paris_Bettencourt/Engagement">Public</br>Engagement</a></li>
 
−
<li><a class=liste href="https://2017.igem.org/Team:Paris_Bettencourt/Safety">Safety</a></li>
 
−
</ul>
 
−
</li>
 
−
<li><a href="">Notebook</a>
 
−
<ul>
 
−
<li><a class=liste href="https://2017.igem.org/Team:Paris_Bettencourt/Lab_Notebook">Lab Book</a></li>
 
−
<li><a class=liste href="https://2017.igem.org/Team:Paris_Bettencourt/Brainstorm">Brainstorm</a></li>
 
−
</ul>
 
−
</li>
 
−
<li><a href="">Awards</a>
 
−
<ul>
 
−
<li><a class=liste href="https://2017.igem.org/Team:Paris_Bettencourt/Applied_Design">Applied</br>Design</a></li>
 
−
<li><a class=liste href="https://2017.igem.org/Team:Paris_Bettencourt/Entrepreneurship">Enterpreneurship</a></li>
 
−
<li><a class=liste href="https://2017.igem.org/Team:Paris_Bettencourt/Hardware">HardWare</a></li>
 
−
<li><a class=liste href="https://2017.igem.org/Team:Paris_Bettencourt/Measurement">Measurement</a></li>
 
−
<li><a class=liste href="https://2017.igem.org/Team:Paris_Bettencourt/Model">Model</a></li>
 
−
</ul>
 
−
</li>
 
−
<li><a href="">Team </a>
 
−
<ul>
 
−
<li><a class=liste href="https://2017.igem.org/Team:Paris_Bettencourt/Team">Team Member</a></li>
 
−
<li><a class=liste href="https://2017.igem.org/Team:Paris_Bettencourt/Collaborations">Collaborations</a></li>
 
−
<li><a class=liste href="https://2017.igem.org/Team:Paris_Bettencourt/Attributions">Attributions</a></li>
 
−
<li><a class=liste href="https://2017.igem.org/Team:Paris_Bettencourt/Acknowledgment">Sponsor</a></li>
 
−
</ul>
 
−
</li>
 
−
 
−
</ul>
 
 
<div id="twnoticon" class="sidelogos">
 
<div id="twnoticon" class="sidelogos">
 
<a href="http://twitter.com/iGEM_Paris" target="_blank">
 
<a href="http://twitter.com/iGEM_Paris" target="_blank">
−
<img src="https://static.igem.org/mediawiki/2017/0/02/Logo_twitterPB.svg" height="30px"/>
+
<img src="https://static.igem.org/mediawiki/2017/0/02/Logo_twitterPB.svg"/>
 
<div id="twitapp">
 
<div id="twitapp">
 
<a class="twitter-timeline" width="250" height="400" data-dnt="true" href="https://twitter.com/iGEM_Paris" data-widget-id="368144501119795201">@iGEM_Paris</a>
 
<a class="twitter-timeline" width="250" height="400" data-dnt="true" href="https://twitter.com/iGEM_Paris" data-widget-id="368144501119795201">@iGEM_Paris</a>
Line 375: Line 352:
 
<div id="fbnoticon" class="sidelogos">
 
<div id="fbnoticon" class="sidelogos">
 
<a href="https://www.facebook.com/ParisiGEM2017/" target="_blank">
 
<a href="https://www.facebook.com/ParisiGEM2017/" target="_blank">
−
<img src="https://static.igem.org/mediawiki/2017/a/a4/Logo_facebookPB.svg" height="30px"/>                       
+
<img src="https://static.igem.org/mediawiki/2017/a/a4/Logo_facebookPB.svg"/>                       
 
<div id="fbapp">
 
<div id="fbapp">
 
<div class="fb-like-box" data-href="" data-width="250" data-height="400" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="true" data-show-border="true"></div>
 
<div class="fb-like-box" data-href="" data-width="250" data-height="400" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="true" data-show-border="true"></div>
Line 383: Line 360:
 
<div id="instanoticon" class="sidelogos">
 
<div id="instanoticon" class="sidelogos">
 
<a href="https://www.instagram.com/igem_paris_bettencourt/" target="_blank">
 
<a href="https://www.instagram.com/igem_paris_bettencourt/" target="_blank">
−
<img src="https://static.igem.org/mediawiki/2017/e/e9/Logo_instagramPB.svg" height="30px"/>                       
+
<img src="https://static.igem.org/mediawiki/2017/e/e9/Logo_instagramPB.svg"/>                       
 
<div id="instaapp">
 
<div id="instaapp">
 
<div class="" data-href="" data-width="250" data-height="400" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="true" data-show-border="true"></div>
 
<div class="" data-href="" data-width="250" data-height="400" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="true" data-show-border="true"></div>

Revision as of 14:16, 7 October 2017