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

 
(140 intermediate revisions by the same user not shown)
Line 124: Line 124:
 
   background: none;
 
   background: none;
 
}
 
}
 +
 +
 +
  
  
 
/************************************************************************
 
/************************************************************************
−
Navigation
+
Infographie de fond
 
************************************************************************/
 
************************************************************************/
 +
body
 +
{
 +
  max-width: 100%;
 +
}
 +
/************************************************************************
 +
bloc1
 +
************************************************************************/
 +
.bloc1
 +
{
 +
  width: 100%;
 +
  height: 30em;
 +
  position: relative;
 +
  z-index: 2;
 +
}
 +
 +
.parent_carreblanc
 +
{
 +
  width:6em;
 +
  height:20em;
 +
  position: absolute;
 +
  bottom: 8em;
 +
}
 +
 +
#carre_blanc
 +
{
 +
  width: 5em;
 +
  position:absolute;
 +
  top:1.4em;
 +
}
 +
 +
.parent_titres
 +
{
 +
  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);
 +
  font-size: 4.7em;
 +
}
 +
 +
#sous_titre
 +
{
 +
  width: auto;
 +
  color:white;
 +
  letter-spacing: 2px;
 +
  position: absolute;
 +
  bottom: 1.7em;
 +
  right: 0em;
 +
  font-size: 2em;
 +
}
 +
 +
.parent_carremulti
 +
{
 +
  width:40em;
 +
  height:30em;
 +
  position: absolute;
 +
  top: 0em;
 +
  right: 0em;
 +
}
 +
 +
#carre
 +
{
 +
  width: 30em;
 +
  position: absolute;
 +
  top: -1em;
 +
  right: 0em;
 +
}
 +
 +
.idea
 +
{
 +
  width: 35px;
 +
}
 +
 +
.parent_dis
 +
{
 +
height: 5em;
 +
width: 17em;
 +
position: absolute;
 +
bottom: 2em;
 +
left: 17em;
 +
}
 +
 +
.discover
 +
{
 +
  width: auto;
 +
font-size: 1.3em;
 +
  background-color: rgb(254,215,102);
 +
  border-radius: 10px;
 +
  border: 1px rgb(254,215,102);
 +
  text-align: center;
 +
  padding: 10px 10px 10px 10px ;
 +
  color: white;
 +
  text-decoration: none;
 +
  position:absolute;
 +
  font-family: 'Josefin Sans'
 +
 +
}
 +
 +
a:hover /* Apparence au survol des liens */
 +
{
 +
  text-decoration: none;
 +
  color: white;
 +
}
 +
.idea
 +
{
 +
  width:10em
 +
}
 +
 +
/************************************************************************
 +
    bloc2
 +
************************************************************************/
 +
.bloc2
 +
{
 +
  width: 100%;
 +
  height: 30em;
 +
  position: relative;
 +
}
 +
.parent_ancre
 +
{
 +
  width:5em
 +
  height: auto;
 +
  position: absolute;
 +
  top:16em; 
 +
}
 +
#ancre
 +
{
 +
  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
 +
{
 +
  position: absolute;
 +
  bottom: 6em;
 +
  left: 17em;
 +
  font-size: 2em;
 +
  color: white;
 +
  text-align: center;
 +
  width: 14em;
 +
  height: auto;
 +
  line-height: 1.2em;
 +
  font-family: 'Josefin Sans'
 +
}
 +
#bloc3
 +
{
 +
width: 48em;
 +
position: absolute;
 +
top: 104.5em;
 +
left: 22em;
 +
}
 +
#bloc4
 +
{
 +
position: absolute;
 +
top: 200em;
 +
width: 20em;
 +
}
 +
 +
 +
#bloc3_text1
 +
{
 +
position: absolute;
 +
top: 57em;
 +
left: 3em;
 +
font-size: 2em;
 +
color: white;
 +
font-family: 'Josefin Sans'
 +
}
 +
 +
#bloc3_text2
 +
{
 +
position: absolute;
 +
top: 40.5em;
 +
left: 2em;
 +
font-size: 3em;
 +
line-height: 1.3em;
 +
width: 5em;
 +
text-align: center;
 +
color: rgb(254,75,74);
 +
font-family: 'Josefin Sans'
 +
 +
}
 +
 +
#bloc3_text3
 +
{
 +
position: absolute;
 +
top: 45.4em;
 +
left: 1em;
 +
font-size: 3em;
 +
line-height: 1.3em;
 +
width: 10em;
 +
text-align: center;
 +
color:rgb(254,215,102);
 +
font-family: 'Josefin Sans'
 +
 +
}
 +
 +
#bloc3_text4
 +
{
 +
position: absolute;
 +
top: 43em;
 +
left: 21em;
 +
font-size: 3em;
 +
line-height: 1.3em;
 +
width: 7em;
 +
text-align: center;
 +
color:rgb(42,183,202);
 +
font-family: 'Josefin Sans'
 +
 +
}
 +
  
 
/************************************************************************
 
/************************************************************************
Line 144: 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 204: Line 439:
 
   border-radius: 5px;
 
   border-radius: 5px;
 
   background: #000000;
 
   background: #000000;
−
  z-index: 1;
 
 
   top: 13px;
 
   top: 13px;
 
   right: 15px;
 
   right: 15px;
Line 220: 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 293: 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 320: 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 334: Line 565:
 
   text-transform: uppercase;
 
   text-transform: uppercase;
 
   font-size: 14px;
 
   font-size: 14px;
−
  z-index: 2;
 
 
   position: relative;
 
   position: relative;
 
}
 
}
Line 526: Line 756:
  
 
</script>
 
</script>
−
 
−
 
−
 
−
/************************************************************************
 
−
Infographie de fond
 
−
************************************************************************/
 
−
 
−
 
−
 
−
#carre
 
−
{
 
−
  width: 33em;
 
−
  position:absolute;
 
−
  top:4em;
 
−
  right:0em;
 
−
 
−
}
 
−
 
−
 
−
#carre_blanc
 
−
{
 
−
  width: 5.5em;
 
−
  position:absolute;
 
−
  top:23em;
 
−
}
 
−
 
−
 
−
#titre_principal
 
−
{
 
−
  color: rgb(42,183,202);
 
−
  font-size: 4.7em;
 
−
  width: auto;
 
−
  position: absolute;
 
−
  top: 3.8em;
 
−
  left: 2.5em;
 
−
  z-index: 5;
 
−
  letter-spacing: 3px;
 
−
}
 
−
 
−
#sous_titre
 
−
{
 
−
  color:white;
 
−
  letter-spacing: 2px;
 
−
  position: absolute;
 
−
  top: 12em;
 
−
  left: 5.8em;
 
−
  font-size: 2em;
 
−
}
 
−
 
−
.idea
 
−
{
 
−
  width: 35px;
 
−
}
 
−
 
−
.discover
 
−
{
 
−
  background-color: rgb(254,215,102);
 
−
  border-radius: 10px;
 
−
  border: 1px rgb(254,215,102);
 
−
  text-align: center;
 
−
  padding: 10px 10px 10px 10px ;
 
−
  font-size: 1.3em;
 
−
  color: white;
 
−
  text-decoration: none;
 
−
  position:absolute;
 
−
  top:28em;
 
−
  left:30em;
 
−
 
−
}
 
−
 
−
a
 
−
{
 
−
text-decoration: none;
 
−
}
 
−
 
−
 
−
#bloc2
 
−
{
 
−
  width: 100%;
 
−
  position: absolute;
 
−
  top:530px;
 
−
}
 
−
 
−
#go
 
−
{
 
−
  position: absolute;
 
−
  top: 36.5em;
 
−
  left: 17.3em;
 
−
  font-size: 2em;
 
−
  color: white;
 
−
  text-align: center;
 
−
  width: 14em;
 
−
  height: auto;
 
−
  line-height: 1.2em;
 
−
  font-family: 'Josefin Sans'
 
−
}
 
−
#bloc3
 
−
{
 
−
width: 48em;
 
−
position: absolute;
 
−
top: 104.5em;
 
−
left: 22em;
 
−
}
 
−
#bloc4
 
−
{
 
−
position: absolute;
 
−
top: 200em;
 
−
width: 20em;
 
−
}
 
−
#ancre
 
−
{
 
−
  position:absolute;
 
−
  top: 880px;
 
−
  font-size: 0.1em;
 
−
}
 
−
 
−
 
−
#bloc3_text1
 
−
{
 
−
position: absolute;
 
−
top: 57em;
 
−
left: 3em;
 
−
font-size: 2em;
 
−
color: white;
 
−
font-family: 'Josefin Sans'
 
−
}
 
−
 
−
#bloc3_text2
 
−
{
 
−
position: absolute;
 
−
top: 40.5em;
 
−
left: 2em;
 
−
font-size: 3em;
 
−
line-height: 1.3em;
 
−
width: 5em;
 
−
text-align: center;
 
−
color: rgb(254,75,74);
 
−
font-family: 'Josefin Sans'
 
−
 
−
}
 
−
 
−
#bloc3_text3
 
−
{
 
−
position: absolute;
 
−
top: 45.4em;
 
−
left: 1em;
 
−
font-size: 3em;
 
−
line-height: 1.3em;
 
−
width: 10em;
 
−
text-align: center;
 
−
color:rgb(254,215,102);
 
−
font-family: 'Josefin Sans'
 
−
 
−
}
 
−
 
−
#bloc3_text4
 
−
{
 
−
position: absolute;
 
−
top: 43em;
 
−
left: 21em;
 
−
font-size: 3em;
 
−
line-height: 1.3em;
 
−
width: 7em;
 
−
text-align: center;
 
−
color:rgb(42,183,202);
 
−
font-family: 'Josefin Sans'
 
−
 
−
}
 
−
 
−
#tuyau_home
 
−
{
 
−
  width: 10em;
 
−
  position: absolute;
 
−
  left: 0.5em
 
−
  top: 0em
 
−
]
 
  
  
 
</style>
 
</style>
 
</html>
 
</html>

Latest revision as of 10:55, 23 September 2018