Difference between revisions of "Template:GO Paris-Saclay/navbarcss"

 
(124 intermediate revisions by the same user not shown)
Line 136: Line 136:
 
   max-width: 100%;
 
   max-width: 100%;
 
}
 
}
−
 
+
/************************************************************************
−
#carre
+
bloc1
 +
************************************************************************/
 +
.bloc1
 
{
 
{
−
   max-width: 33em;
+
   width: 100%;
−
   position:absolute;
+
   height: 30em;
−
   top:4em;
+
   position: relative;
−
   right:0em;
+
   z-index: 2;  
−
 
+
 
}
 
}
−
html>body #carre {
+
 
−
   position: fixed;
+
.parent_carreblanc
 +
{
 +
  width:6em;
 +
  height:20em;
 +
   position: absolute;
 +
  bottom: 8em;
 
}
 
}
 +
 
#carre_blanc
 
#carre_blanc
 
{
 
{
−
   max-width: 5.5em;
+
   width: 5em;
 
   position:absolute;
 
   position:absolute;
−
   top:23em;
+
   top:1.4em;
 
}
 
}
  
−
html>body #carre_blanc {
+
.parent_titres
−
  position: fixed;
+
−
}
+
−
#titre_principal
+
 
{
 
{
 +
  width:40em;
 +
  height:20em;
 +
  position: absolute;
 +
  bottom: 7em;
 +
  left: 8em;
 +
}
 +
#titre_principal {
 +
  width:auto;
 +
  height:auto;
 +
  position:absolute;
 +
  bottom:2em;
 +
  right:0.3em;
 
   color: rgb(42,183,202);
 
   color: rgb(42,183,202);
 
   font-size: 4.7em;
 
   font-size: 4.7em;
−
  max-width: auto;
 
−
  position: absolute;
 
−
  top: 3.8em;
 
−
  left: 2.5em;
 
−
  z-index: 5;
 
−
  letter-spacing: 3px;
 
−
}
 
−
html>body #titre_principal {
 
−
  position: fixed;
 
 
}
 
}
 +
 
#sous_titre
 
#sous_titre
 
{
 
{
 +
  width: auto;
 
   color:white;
 
   color:white;
 
   letter-spacing: 2px;
 
   letter-spacing: 2px;
 
   position: absolute;
 
   position: absolute;
−
   top: 12em;
+
   bottom: 1.7em;
−
   left: 5.8em;
+
   right: 0em;
 
   font-size: 2em;
 
   font-size: 2em;
 
}
 
}
−
html>body #sous_titre {
+
 
−
   position: fixed;
+
.parent_carremulti
 +
{
 +
  width:40em;
 +
  height:30em;
 +
   position: absolute;
 +
  top: 0em;
 +
  right: 0em;
 
}
 
}
 +
 +
#carre
 +
{
 +
  width: 30em;
 +
  position: absolute;
 +
  top: -1em;
 +
  right: 0em;
 +
}
 +
 
.idea
 
.idea
 
{
 
{
 
   width: 35px;
 
   width: 35px;
 +
}
 +
 +
.parent_dis
 +
{
 +
height: 5em;
 +
width: 17em;
 +
position: absolute;
 +
bottom: 2em;
 +
left: 17em;
 
}
 
}
  
 
.discover
 
.discover
 
{
 
{
 +
  width: auto;
 +
font-size: 1.3em;
 
   background-color: rgb(254,215,102);
 
   background-color: rgb(254,215,102);
 
   border-radius: 10px;
 
   border-radius: 10px;
Line 196: Line 231:
 
   text-align: center;
 
   text-align: center;
 
   padding: 10px 10px 10px 10px ;
 
   padding: 10px 10px 10px 10px ;
−
  font-size: 1.3em;
 
 
   color: white;
 
   color: white;
 
   text-decoration: none;
 
   text-decoration: none;
 
   position:absolute;
 
   position:absolute;
−
   top:28em;
+
   font-family: 'Josefin Sans'
−
  left:30em;
+
  
−
}
 
−
html>body .discover {
 
−
  position: fixed;
 
 
}
 
}
  
−
a
+
a:hover /* Apparence au survol des liens */
 
{
 
{
−
text-decoration: none;
+
  text-decoration: none;
 +
  color: white;
 +
}
 +
.idea
 +
{
 +
  width:10em
 
}
 
}
  
−
 
+
/************************************************************************
−
#bloc2
+
    bloc2
 +
************************************************************************/
 +
.bloc2
 
{
 
{
 
   width: 100%;
 
   width: 100%;
 +
  height: 30em;
 +
  position: relative;
 +
}
 +
.parent_ancre
 +
{
 +
  width:5em
 +
  height: auto;
 
   position: absolute;
 
   position: absolute;
−
   top:530px;
+
   top:16em;
 
}
 
}
−
html>body #bloc2 {
+
#ancre
−
   position: fixed;
+
{
 +
   color: rgb(32,56,100);
 +
  font-size: 0.1em
 
}
 
}
 +
.parent_hospitalgo
 +
{
 +
  width:100%;
 +
  height: 70em;
 +
  position: absolute;
 +
  top: -7em;
 +
  z-index: 1;
 +
}
 +
 +
#hospital
 +
{
 +
  width: 100%;
 +
  position: absolute;
 +
}
 +
  
 
#go
 
#go
 
{
 
{
 
   position: absolute;
 
   position: absolute;
−
   top: 36.5em;
+
   bottom: 6em;
−
   left: 17.3em;
+
   left: 17em;
 
   font-size: 2em;
 
   font-size: 2em;
 
   color: white;
 
   color: white;
Line 236: Line 297:
 
   line-height: 1.2em;
 
   line-height: 1.2em;
 
   font-family: 'Josefin Sans'
 
   font-family: 'Josefin Sans'
−
}
 
−
html>body #go {
 
−
  position: fixed;
 
 
}
 
}
 
#bloc3
 
#bloc3
Line 246: Line 304:
 
  top: 104.5em;
 
  top: 104.5em;
 
  left: 22em;
 
  left: 22em;
−
}
 
−
html>body #bloc3 {
 
−
  position: fixed;
 
 
}
 
}
 
#bloc4
 
#bloc4
Line 256: Line 311:
 
  width: 20em;
 
  width: 20em;
 
}
 
}
−
html>body #bloc4 {
+
 
−
  position: fixed;
+
−
}
+
−
#ancre
+
−
{
+
−
  position:absolute;
+
−
  top: 880px;
+
−
  font-size: 0.1em;
+
−
}
+
−
html>body #ancre {
+
−
  position: fixed;
+
−
}
+
  
 
#bloc3_text1
 
#bloc3_text1
Line 277: Line 321:
 
  color: white;
 
  color: white;
 
  font-family: 'Josefin Sans'
 
  font-family: 'Josefin Sans'
−
}
 
−
html>body
 
−
#bloc3_text1 {
 
−
  position: fixed;
 
 
}
 
}
  
Line 295: Line 335:
 
  font-family: 'Josefin Sans'
 
  font-family: 'Josefin Sans'
 
   
 
   
−
}
 
−
#bloc3_text2 {
 
−
  position: fixed;
 
 
}
 
}
  
Line 312: Line 349:
 
  font-family: 'Josefin Sans'
 
  font-family: 'Josefin Sans'
 
   
 
   
−
}
 
−
#bloc3_text3 {
 
−
  position: fixed;
 
 
}
 
}
  
Line 329: Line 363:
 
  font-family: 'Josefin Sans'
 
  font-family: 'Josefin Sans'
 
   
 
   
−
}
 
−
#bloc3_text4 {
 
−
  position: fixed;
 
 
}
 
}
  
Line 349: Line 380:
 
   top: 0em;
 
   top: 0em;
 
   font-family: 'PT Sans', sans-serif;
 
   font-family: 'PT Sans', sans-serif;
−
  z-index: 6;
 
 
}
 
}
 
#cssmenu ul {
 
#cssmenu ul {
Line 409: Line 439:
 
   border-radius: 5px;
 
   border-radius: 5px;
 
   background: #000000;
 
   background: #000000;
−
  z-index: 1;
 
 
   top: 13px;
 
   top: 13px;
 
   right: 15px;
 
   right: 15px;
Line 425: Line 454:
 
   border: 3px solid transparent;
 
   border: 3px solid transparent;
 
   border-left-color: #ffffff;
 
   border-left-color: #ffffff;
−
  z-index: 2;
 
 
   top: 15px;
 
   top: 15px;
 
   right: 15px;
 
   right: 15px;
Line 498: Line 526:
 
   height: 0;
 
   height: 0;
 
   top: 0;
 
   top: 0;
−
  z-index: 0;
 
 
   background: rgb(254,215,102);
 
   background: rgb(254,215,102);
 
   -webkit-transition: height .2s;
 
   -webkit-transition: height .2s;
Line 525: Line 552:
 
   border: 4px solid transparent;
 
   border: 4px solid transparent;
 
   border-top-color: white;
 
   border-top-color: white;
−
  z-index: 2;
 
 
   height: 0;
 
   height: 0;
 
   width: 0;
 
   width: 0;
Line 539: Line 565:
 
   text-transform: uppercase;
 
   text-transform: uppercase;
 
   font-size: 14px;
 
   font-size: 14px;
−
  z-index: 2;
 
 
   position: relative;
 
   position: relative;
 
}
 
}

Latest revision as of 10:55, 23 September 2018