Difference between revisions of "Template:UPMC-Paris/CSS"
| Line 5: | Line 5: | ||
| − | + | #top_title, #sideMenu{ | |
| − | + | display: none; | |
| − | + | } | |
| − | + | #content{ | |
| − | + | width:850px; | |
| − | + | padding-top: 100; | |
| − | + | border-radius: 10px; | |
| − | + | } | |
| − | + | ||
p { | p { | ||
| − | color:#666666; | + | color:#666666; |
| − | text-align:center; | + | text-align:center; |
} | } | ||
h3 { | h3 { | ||
| − | color: #222222; | + | color: #222222; |
| − | align:center; | + | align:center; |
| + | } | ||
| + | |||
| + | #headerindex{ | ||
| + | width:800px; | ||
| + | max-height:200px; | ||
| + | color-background:black; | ||
| + | display: block; | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | z-index: 1; | ||
} | } | ||
#header{ | #header{ | ||
| − | width:800px; | + | width:800px; |
| − | max-height:200px; | + | max-height:200px; |
| − | color-background:black; | + | color-background:black; |
| − | display: block; | + | display: block; |
| − | margin-left: auto; | + | margin-left: auto; |
| − | margin-right: auto; | + | margin-right: auto; |
| − | z-index: 1; | + | z-index: 1; |
} | } | ||
#colorNav > ul{ | #colorNav > ul{ | ||
| − | margin-left: auto; | + | margin-left: auto; |
| − | margin-right: auto; | + | margin-right: auto; |
| − | top:50px; | + | top:50px; |
} | } | ||
| Line 99: | Line 108: | ||
#colorNav li ul li:nth-child(odd){ /* zebra stripes */ | #colorNav li ul li:nth-child(odd){ /* zebra stripes */ | ||
| − | background-color:#369799; | + | background-color:#369799; |
| − | z-index: 3; | + | z-index: 3; |
} | } | ||
#colorNav li ul li:hover{ | #colorNav li ul li:hover{ | ||
| − | background-color:#369741; | + | background-color:#369741; |
| − | z-index: 3; | + | z-index: 3; |
} | } | ||
#colorNav li ul li:first-child{ | #colorNav li ul li:first-child{ | ||
| − | border-radius:3px 3px 0 0; | + | border-radius:3px 3px 0 0; |
| − | margin-top:25px; | + | margin-top:25px; |
| − | position:relative; | + | position:relative; |
| − | z-index: 3; | + | z-index: 3; |
} | } | ||
#colorNav li ul li:first-child:before{ /* the pointer tip */ | #colorNav li ul li:first-child:before{ /* the pointer tip */ | ||
| − | content:''; | + | content:''; |
| − | position:absolute; | + | position:absolute; |
| − | width:1px; | + | width:1px; |
| − | height:1px; | + | height:1px; |
| − | border:5px solid transparent; | + | border:5px solid transparent; |
| − | border-bottom-color:#313131; | + | border-bottom-color:#313131; |
| − | left:50%; | + | left:50%; |
| − | top:-10px; | + | top:-10px; |
| − | margin-left:-5px; | + | margin-left:-5px; |
| − | z-index: 3; | + | z-index: 3; |
} | } | ||
.footer { | .footer { | ||
| − | position:absolute; | + | position:absolute; |
| − | right: 0; | + | right: 0; |
| − | bottom: 20px; | + | bottom: 20px; |
| − | left: 0; | + | left: 0; |
| − | text-align: center; | + | text-align: center; |
} | } | ||
div#text{ | div#text{ | ||
| − | position:relative; | + | position:relative; |
| − | width:800px; | + | width:800px; |
| − | margin-left: auto; | + | margin-left: auto; |
| − | margin-right: auto; | + | margin-right: auto; |
| − | margin-bottom: 120px; | + | margin-bottom: 120px; |
| − | overflow:hidden; | + | overflow:hidden; |
| − | text-align:center; | + | text-align:center; |
} | } | ||
| Line 273: | Line 282: | ||
/* SLIDER START */ | /* SLIDER START */ | ||
#slider { | #slider { | ||
| − | position: relative; | + | position: relative; |
| − | overflow: hidden; | + | overflow: hidden; |
| − | border-radius: 4px; | + | border-radius: 4px; |
| − | margin-left: auto; | + | margin-left: auto; |
| − | margin-right: auto; | + | margin-right: auto; |
| − | margin-top:20px; | + | margin-top:20px; |
} | } | ||
| Line 343: | Line 352: | ||
body { | body { | ||
| − | background-image:url(https://scontent-cdg2-1.xx.fbcdn.net/t31.0-8/14567519_10210881080565818_5470373710470334253_o.jpg); | + | background-image:url(https://scontent-cdg2-1.xx.fbcdn.net/t31.0-8/14567519_10210881080565818_5470373710470334253_o.jpg); |
| − | background-size:cover; | + | background-size:cover; |
} | } | ||
Revision as of 16:04, 8 October 2016
