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

Line 63: Line 63:
 
}
 
}
 
#Calque_2{
 
#Calque_2{
opacity: .4;
+
 
}
 
}
 
#circle1:hover{
 
#circle1:hover{
Line 73: Line 73:
 
}
 
}
 
</style>
 
</style>
 +
<div id="GeneralContent">
  
  
  
 +
<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"
 +
height="100%" viewBox="0 0 3840 1080" enable-background="new 0 0 3840 1080" xml:space="preserve">
 +
<circle stroke="#FFFFFF" stroke-miterlimit="10" cx="949.5" cy="539.596" r="49.359"/>
 +
<line fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" x1="949" y1="539" x2="1909" y2="539"/>
 +
<line fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" x1="1911" y1="539" x2="2463.494" y2="538.736"/>
 +
<circle fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" cx="2870.723" cy="538.736" r="407.23"/>
 +
<line fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" x1="3278" y1="539" x2="3840" y2="539"/>
 +
<line fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" x1="-1" y1="0" x2="-1" y2="1080"/>
 +
</svg>
 +
</div>
 +
<div id="SVGcontainer2">
 +
<svg version="1.1" id="Calque_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 +
height="100%" viewBox="0 0 3840 1080" enable-background="new 0 0 3840 1080" xml:space="preserve">
 +
<circle stroke="#FFFFFF" stroke-miterlimit="10" cx="949.5" cy="539.596" r="49.359" />
 +
<line fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" x1="949" y1="539" x2="1909" y2="539"/>
 +
<line fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" x1="1911" y1="539" x2="2463.494" y2="538.736"/>
 +
<circle id="circle1"fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" cx="2870.723" cy="538.736" r="407.23"/>
 +
<line fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" x1="3278" y1="539" x2="3840" y2="539"/>
 +
<line fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" x1="-1" y1="0" x2="-1" y2="1080"/>
 +
</svg>
 +
<div style="position: absolute; height: 40px; width: 40px; right: 22.5%; bottom: 44%; background-color: yellow;"></div>
 +
</div>
  
<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"
 
height="100%" viewBox="0 0 3840 1080" enable-background="new 0 0 3840 1080" xml:space="preserve">
 
<circle stroke="#FFFFFF" stroke-miterlimit="10" cx="949.5" cy="539.596" r="49.359"/>
 
<line fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" x1="949" y1="539" x2="1909" y2="539"/>
 
<line fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" x1="1911" y1="539" x2="2463.494" y2="538.736"/>
 
<circle fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" cx="2870.723" cy="538.736" r="407.23"/>
 
<line fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" x1="3278" y1="539" x2="3840" y2="539"/>
 
<line fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" x1="-1" y1="0" x2="-1" y2="1080"/>
 
</svg>
 
</div>
 
<div id="SVGcontainer2">
 
<svg version="1.1" id="Calque_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 
height="100%" viewBox="0 0 3840 1080" enable-background="new 0 0 3840 1080" xml:space="preserve">
 
<circle stroke="#FFFFFF" stroke-miterlimit="10" cx="949.5" cy="539.596" r="49.359"/>
 
<line fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" x1="949" y1="539" x2="1909" y2="539"/>
 
<line fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" x1="1911" y1="539" x2="2463.494" y2="538.736"/>
 
<circle id="circle1"fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" cx="2870.723" cy="538.736" r="407.23"/>
 
<line fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" x1="3278" y1="539" x2="3840" y2="539"/>
 
<line fill="none" stroke="#000000" stroke-width="14" stroke-miterlimit="10" x1="-1" y1="0" x2="-1" y2="1080"/>
 
</svg>
 
<div style="position: absolute; height: 40px; width: 40px; right: 22.5%; bottom: 44%; background-color: yellow;"></div>
 
 
</div>
 
</div>
  

Revision as of 16:22, 3 September 2018

""