Difference between revisions of "Team:Pasteur Paris/TrainingThomas"

Line 40: Line 40:
 
<style type="text/css">
 
<style type="text/css">
 
#SVGcontainer1{
 
#SVGcontainer1{
−
position: fixed;
+
position: absolute;
 
width: 100%;
 
width: 100%;
 
right: 0%;
 
right: 0%;
Line 46: Line 46:
 
transition-delay: 2s;
 
transition-delay: 2s;
 
transition-timing-function: cubic-bezier(.74,0,.34,1);
 
transition-timing-function: cubic-bezier(.74,0,.34,1);
−
top: 50%;
+
display: block;
−
transform: translate(0%,-50%);
+
 
}
 
}
 
#SVGcontainer2{
 
#SVGcontainer2{
Line 66: Line 65:
 
#circle1:hover{
 
#circle1:hover{
 
opacity: .8;
 
opacity: .8;
 +
}
 +
#MenuSimulator{
 +
width: 100%;
 +
height: 80px;
 +
position: relative;
 +
display: block;
 +
background-color: red;
 
}
 
}
 
@media screen and (max-widh: 960px){
 
@media screen and (max-widh: 960px){
−
#SVGcontainer2{
+
#MenuSimulatore{
 
margin-top: 40px;
 
margin-top: 40px;
 
}
 
}
Line 79: Line 85:
 
<body>
 
<body>
 
<div id="GeneralContent">
 
<div id="GeneralContent">
−
 
+
<div id="MenuSimulator" >
 
<div id="SVGcontainer1">
 
<div id="SVGcontainer1">
 
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
−
height="100%" width="100%" viewBox="0 0 1920 1080" style="enable-background:new 0 0 1920 1080;" xml:space="preserve">
+
height="100%" viewBox="0 0 1920 1080" style="enable-background:new 0 0 1920 1080;" xml:space="preserve">
 
<style type="text/css">
 
<style type="text/css">
 
.st0{fill:#4F4A4A;}
 
.st0{fill:#4F4A4A;}
Line 295: Line 301:
 
</svg>
 
</svg>
 
</div>
 
</div>
−
<div style="width: 100%; height: 80px; position: relative; display: block; background-color: red;">
 
 
</div>
 
</div>
 
<div id="SVGcontainer2">
 
<div id="SVGcontainer2">

Revision as of 10:05, 4 September 2018

""