Difference between revisions of "Template:Aix-Marseille/architecturePageCSS"

 
(39 intermediate revisions by 2 users not shown)
Line 2: Line 2:
 
<style type="text/css">
 
<style type="text/css">
  
−
/*
 
−
    Created on : 09 avril 2015
 
−
Last modification : 09 avrril 2015
 
−
By : Steph
 
−
    Author    : Steph
 
−
*/
 
  
 
/**SUPPRIMER EFFETS EXTERIEUR**/
 
/**SUPPRIMER EFFETS EXTERIEUR**/
Line 18: Line 12:
  
 
#globalWrapper {
 
#globalWrapper {
−
position : initial;
+
position : inherit;
 
width : 100%;
 
width : 100%;
 
height : 100%;
 
height : 100%;
Line 26: Line 20:
  
 
#content {
 
#content {
−
position : initial;
+
position : inherit;
 
margin : 0;
 
margin : 0;
 
padding : 0;
 
padding : 0;
Line 46: Line 40:
 
/**BACKGROUND**/
 
/**BACKGROUND**/
 
div#background_pic1 {
 
div#background_pic1 {
−
height : 100%;
+
height : 90%;
 
width : 100%;
 
width : 100%;
 
padding : 0;
 
padding : 0;
Line 52: Line 46:
 
background : url('https://static.igem.org/mediawiki/2015/5/57/Penguins.jpg') no-repeat fixed;
 
background : url('https://static.igem.org/mediawiki/2015/5/57/Penguins.jpg') no-repeat fixed;
 
background-size : cover;
 
background-size : cover;
−
        alpha : 0,5;
 
 
}
 
}
  
Line 72: Line 65:
 
background-size : cover;
 
background-size : cover;
 
}
 
}
 +
  
 
/**BANNIERE**/
 
/**BANNIERE**/
 +
#img {
 +
    position: absolute;
 +
    left: 35px;
 +
    top: 30px;
 +
}
 
div#banniere {
 
div#banniere {
 
width : 100%;
 
width : 100%;
 
height : 40%;
 
height : 40%;
 
background-color : #FF7F50;
 
background-color : #FF7F50;
 +
text-align : center;
 +
}
 +
 +
 +
div#banniereprojet {
 +
width : 100%;
 +
height : 40%;
 +
background-color : #B8FFB8;
 
text-align : center;
 
text-align : center;
 
}
 
}
Line 85: Line 92:
 
width : 100%;
 
width : 100%;
 
text-align : left;
 
text-align : left;
−
bottom : 59%;
+
bottom : 64%;
 
}
 
}
  
Line 114: Line 121:
 
padding : 0;
 
padding : 0;
 
width : 10%;
 
width : 10%;
−
height : 5%;
+
height : 15%;
 
}
 
}
  
−
ul#menu_ul li a {
+
ul#menu_ul li a#Ong1 {
 
display : block;
 
display : block;
 
font : bold helvetica;
 
font : bold helvetica;
−
background-color : gray;
+
background-color : #83E9F7;
−
color : #FFFFFF;
+
color : #000000;
 
}
 
}
  
−
ul#menu_ul li a:hover {
+
ul#menu_ul li a#Ong2 {
−
  background-color : #000000;
+
display : block;
 +
font : bold helvetica;
 +
background-color : #90FF90;
 +
color : #000000;
 +
}
 +
 
 +
ul#menu_ul li a#Ong3 {
 +
display : block;
 +
font : bold helvetica;
 +
background-color : #FFFF99;
 +
color : #000000;
 +
}
 +
 
 +
ul#menu_ul li a#Ong4 {
 +
display : block;
 +
font : bold helvetica;
 +
background-color : #F7C996;
 +
color : #000000;
 +
}
 +
 
 +
ul#menu_ul li a#Ong5 {
 +
display : block;
 +
font : bold helvetica;
 +
background-color : #FFC15B;
 +
color : #000000;
 +
}
 +
 
 +
ul#menu_ul li a#Ong6 {
 +
display : block;
 +
font : bold helvetica;
 +
background-color : #FF5050;
 +
color : #000000;
 +
}
 +
 
 +
ul#menu_ul li a#Ong7 {
 +
display : block;
 +
font : bold helvetica;
 +
background-color : #FFBEFF;
 +
color : #000000;
 +
}
 +
 
 +
ul#menu_ul li a#Ong8 {
 +
display : block;
 +
font : bold helvetica;
 +
background-color : #D19EFF;
 +
color : #000000;
 +
}
 +
 
 +
ul#menu_ul li a#Ong9 {
 +
display : block;
 +
font : bold helvetica;
 +
background-color : #5689EF;
 +
color : #000000;
 +
}
 +
 
 +
ul#menu_ul li a#Ong1:hover {
 +
  background-color : #33CCFF;
 +
color : #000000;
 +
}
 +
 
 +
ul#menu_ul li a#Ong2:hover {
 +
background-color : #33CC00;
 +
color : #000000;
 +
}
 +
 
 +
ul#menu_ul li a#Ong3:hover {
 +
background-color : #FFFF00;
 +
color : #000000;
 +
}
 +
 
 +
ul#menu_ul li a#Ong4:hover {
 +
background-color : #FF9966;
 +
color : #000000;
 +
}
 +
 
 +
ul#menu_ul li a#Ong4:hover {
 +
background-color : #FF9966;
 +
color : #000000;
 
  }
 
  }
 
   
 
   
Line 146: Line 230:
 
height : 30%;
 
height : 30%;
 
background-color : #1E90FF;
 
background-color : #1E90FF;
 +
}
 +
 +
div#bloc1project {
 +
width : 100%;
 +
height : 65%;
 +
background-color : #C8FFC8;
 +
}
 +
div#bloc2project {
 +
width : 100%;
 +
height : 65%;
 +
background-color : #C8FFC8;
 +
}
 +
div#bloc3project {
 +
width : 100%;
 +
height : 27%;
 +
background-color : #C8FFC8;
 
  }
 
  }
 
   
 
   

Latest revision as of 15:55, 6 August 2015