Difference between revisions of "Template:Aix-Marseille/architecturePageCSS"
| (38 intermediate revisions by 2 users not shown) | |||
| Line 2: | Line 2: | ||
<style type="text/css"> | <style type="text/css"> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
/**SUPPRIMER EFFETS EXTERIEUR**/ | /**SUPPRIMER EFFETS EXTERIEUR**/ | ||
| Line 18: | Line 12: | ||
#globalWrapper { | #globalWrapper { | ||
| − | position : | + | position : inherit; |
width : 100%; | width : 100%; | ||
height : 100%; | height : 100%; | ||
| Line 26: | Line 20: | ||
#content { | #content { | ||
| − | position : | + | position : inherit; |
margin : 0; | margin : 0; | ||
padding : 0; | padding : 0; | ||
| Line 46: | Line 40: | ||
/**BACKGROUND**/ | /**BACKGROUND**/ | ||
div#background_pic1 { | div#background_pic1 { | ||
| − | height : | + | 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; | ||
| − | |||
} | } | ||
| Line 62: | Line 55: | ||
background : url('https://static.igem.org/mediawiki/2015/b/b9/Aix-Marseille_bloc2.jpg') no-repeat fixed; | background : url('https://static.igem.org/mediawiki/2015/b/b9/Aix-Marseille_bloc2.jpg') no-repeat fixed; | ||
background-size : cover; | background-size : cover; | ||
| − | |||
} | } | ||
| Line 72: | Line 64: | ||
background : url('https://static.igem.org/mediawiki/2015/7/75/Aix-Marseille_bloc3.jpg') no-repeat fixed; | background : url('https://static.igem.org/mediawiki/2015/7/75/Aix-Marseille_bloc3.jpg') no-repeat fixed; | ||
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 87: | Line 92: | ||
width : 100%; | width : 100%; | ||
text-align : left; | text-align : left; | ||
| − | bottom : | + | bottom : 64%; |
} | } | ||
| Line 116: | Line 121: | ||
padding : 0; | padding : 0; | ||
width : 10%; | width : 10%; | ||
| − | height : | + | 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 : | + | background-color : #83E9F7; |
| − | color : # | + | 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 136: | Line 218: | ||
height : 65%; | height : 65%; | ||
background-color : #FF0000; | background-color : #FF0000; | ||
| − | |||
} | } | ||
| Line 143: | Line 224: | ||
height : 65%; | height : 65%; | ||
background-color : #FF1493; | background-color : #FF1493; | ||
| − | |||
} | } | ||
| Line 150: | 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