Difference between revisions of "Template:UPMC-Paris/CSS"
| (38 intermediate revisions by 3 users not shown) | |||
| Line 15: | Line 15: | ||
#content{ | #content{ | ||
| − | width: | + | width:70vw; |
position:relative; | position:relative; | ||
| − | + | margin:auto; | |
| − | + | ||
| − | margin | + | |
| − | + | ||
| − | + | ||
| − | + | ||
background-color: rgba(255,255,255,0); | background-color: rgba(255,255,255,0); | ||
} | } | ||
#Menucontent{ | #Menucontent{ | ||
| − | width: | + | width:68vw; |
position:relative; | position:relative; | ||
| − | margin-top: | + | margin-top:0; |
| − | margin-bottom: | + | margin-bottom:2vw; |
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
| Line 38: | Line 33: | ||
#content2{ | #content2{ | ||
| + | position:relative; | ||
width:70vw; | width:70vw; | ||
| − | |||
border-radius: 1vw; | border-radius: 1vw; | ||
border-style:solid; | border-style:solid; | ||
| − | margin-top: | + | margin-top:0; |
| − | margin-bottom | + | margin-bottom:0; |
| − | + | ||
| − | + | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
| Line 73: | Line 66: | ||
text-align: left; | text-align: left; | ||
line-height: 2vw; | line-height: 2vw; | ||
| + | } | ||
| + | |||
| + | h1.week { | ||
| + | color:purple; | ||
| + | text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black; | ||
} | } | ||
| Line 163: | Line 161: | ||
align-items: center; | align-items: center; | ||
align-content: center; | align-content: center; | ||
| − | margin-left: | + | margin-left: 10vw; |
margin-top: 1vw; | margin-top: 1vw; | ||
margin-bottom: 1vw; | margin-bottom: 1vw; | ||
| Line 178: | Line 176: | ||
align-items: center; | align-items: center; | ||
align-content: center; | align-content: center; | ||
| − | margin-right: | + | margin-right: 10vw; |
margin-top: 1vw; | margin-top: 1vw; | ||
margin-bottom: 1vw; | margin-bottom: 1vw; | ||
| Line 222: | Line 220: | ||
padding: 0; | padding: 0; | ||
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
| + | } | ||
| + | |||
| + | .image-right { | ||
| + | background-size: contain; | ||
| + | display: flex; | ||
| + | float:right; | ||
| + | justify-content: flex-end; | ||
| + | align-items: flex-end; | ||
| + | align-content: flex-end; | ||
| + | margin-left: 1vw; | ||
| + | margin-right: auto; | ||
| + | margin-top:1vw; | ||
| + | padding: 0; | ||
| + | background-repeat:no-repeat; | ||
| + | } | ||
| + | |||
| + | #PhilippePic{ | ||
| + | background-image:url(https://static.igem.org/mediawiki/2016/9/9a/T--UPMC-Paris--HPAPhip.jpeg); | ||
| + | width:20vw; | ||
| + | height:20vw; | ||
} | } | ||
| Line 228: | Line 246: | ||
width:50vw; | width:50vw; | ||
height:43vw; | height:43vw; | ||
| + | } | ||
| + | |||
| + | #Survey1 { | ||
| + | background-image:url(https://static.igem.org/mediawiki/2016/7/79/T--UPMC-Paris--survey1.png); | ||
| + | width:60vw; | ||
| + | height:30vw; | ||
} | } | ||
| Line 252: | Line 276: | ||
width:40vw; | width:40vw; | ||
height:15vw; | height:15vw; | ||
| + | } | ||
| + | |||
| + | #Design1 { | ||
| + | background-image:url(https://static.igem.org/mediawiki/2016/f/f5/T--UPMC-Paris--Design1.PNG); | ||
| + | width:40vw; | ||
| + | height:22.2vw; | ||
| + | } | ||
| + | |||
| + | #Design2 { | ||
| + | background-image:url(https://static.igem.org/mediawiki/2016/4/4d/T--UPMC-Paris--Design2.PNG); | ||
| + | width:40vw; | ||
| + | height:22.2vw; | ||
| + | } | ||
| + | |||
| + | #Design3 { | ||
| + | background-image:url(https://static.igem.org/mediawiki/2016/1/11/T--UPMC-Paris--Design3.PNG); | ||
| + | width:40vw; | ||
| + | height:22.2vw; | ||
| + | } | ||
| + | |||
| + | #Design4 { | ||
| + | background-image:url(https://static.igem.org/mediawiki/2016/5/5b/T--UPMC-Paris--Design4.PNG); | ||
| + | width:40vw; | ||
| + | height:22.2vw; | ||
| + | } | ||
| + | |||
| + | #Design5 { | ||
| + | background-image:url(https://static.igem.org/mediawiki/2016/2/21/T--UPMC-Paris--Design5.PNG); | ||
| + | width:40vw; | ||
| + | height:22.2vw; | ||
| + | } | ||
| + | |||
| + | #Design6 { | ||
| + | background-image:url(https://static.igem.org/mediawiki/2016/9/9f/T--UPMC-Paris--Design6.PNG); | ||
| + | width:40vw; | ||
| + | height:22.2vw; | ||
| + | } | ||
| + | |||
| + | #Design7 { | ||
| + | background-image:url(https://static.igem.org/mediawiki/2016/6/62/T--UPMC-Paris--Design7.PNG); | ||
| + | width:40vw; | ||
| + | height:22.2vw; | ||
| + | } | ||
| + | |||
| + | #Design8 { | ||
| + | background-image:url(https://static.igem.org/mediawiki/2016/5/53/T--UPMC-Paris--Design8.PNG); | ||
| + | width:40vw; | ||
| + | height:22.2vw; | ||
| + | } | ||
| + | |||
| + | #Design9 { | ||
| + | background-image:url(https://static.igem.org/mediawiki/2016/6/63/T--UPMC-Paris--Design9.PNG); | ||
| + | width:40vw; | ||
| + | height:22.2vw; | ||
| + | } | ||
| + | |||
| + | #Design10 { | ||
| + | background-image:url(https://static.igem.org/mediawiki/2016/8/83/T--UPMC-Paris--Design10.PNG); | ||
| + | width:28.4vw; | ||
| + | height:20vw; | ||
| + | } | ||
| + | |||
| + | #Design11 { | ||
| + | background-image:url(https://static.igem.org/mediawiki/2016/a/a7/T--UPMC-Paris--Design11.PNG); | ||
| + | width:40vw; | ||
| + | height:22.2vw; | ||
| + | } | ||
| + | |||
| + | #Design12 { | ||
| + | background-image:url(https://static.igem.org/mediawiki/2016/9/9f/T--UPMC-Paris--Design12.PNG); | ||
| + | width:40vw; | ||
| + | height:22.2vw; | ||
| + | } | ||
| + | |||
| + | #Design13 { | ||
| + | background-image:url(https://static.igem.org/mediawiki/2016/7/7d/T--UPMC-Paris--Design13.PNG); | ||
| + | width:40vw; | ||
| + | height:22.2vw; | ||
| + | } | ||
| + | |||
| + | #Design14 { | ||
| + | background-image:url(https://static.igem.org/mediawiki/2016/9/92/T--UPMC-Paris--Design14.PNG); | ||
| + | width:40vw; | ||
| + | height:22.2vw; | ||
| + | } | ||
| + | |||
| + | #Design15 { | ||
| + | background-image:url(https://static.igem.org/mediawiki/2016/3/38/T--UPMC-Paris--Design15.PNG); | ||
| + | width:40vw; | ||
| + | height:22.2vw; | ||
| + | } | ||
| + | |||
| + | #Design16 { | ||
| + | background-image:url(https://static.igem.org/mediawiki/2016/a/a1/T--UPMC-Paris--Design16.PNG ); | ||
| + | width:40vw; | ||
| + | height:22.2vw; | ||
| + | } | ||
| + | |||
| + | #DesignGif { | ||
| + | background-image:url(https://static.igem.org/mediawiki/2016/7/70/T--UPMC-Paris--DesignGif.PNG); | ||
| + | width:40vw; | ||
| + | height:22.2vw; | ||
} | } | ||
| Line 310: | Line 436: | ||
#Investigation1 { | #Investigation1 { | ||
background-image:url(https://static.igem.org/mediawiki/2016/5/5b/T--UPMC-Paris--Investigation1.jpg); | background-image:url(https://static.igem.org/mediawiki/2016/5/5b/T--UPMC-Paris--Investigation1.jpg); | ||
| − | width: | + | width:40vw; |
| − | height: | + | height:25vw; |
} | } | ||
#Investigation2 { | #Investigation2 { | ||
background-image:url(https://static.igem.org/mediawiki/2016/d/d2/T--UPMC-Paris--Investigation2.jpg); | background-image:url(https://static.igem.org/mediawiki/2016/d/d2/T--UPMC-Paris--Investigation2.jpg); | ||
| − | width: | + | width:40vw; |
| − | height: | + | height:25vw; |
} | } | ||
#Investigation3 { | #Investigation3 { | ||
background-image:url(https://static.igem.org/mediawiki/2016/a/a6/T--UPMC-Paris--Investigation3.jpg); | background-image:url(https://static.igem.org/mediawiki/2016/a/a6/T--UPMC-Paris--Investigation3.jpg); | ||
| + | width:60vw; | ||
| + | height:30vw; | ||
| + | } | ||
| + | |||
| + | #NotebookWeek5_1 { | ||
| + | background-image:url(https://static.igem.org/mediawiki/2016/3/3a/T--UPMC-Paris--NotebookWeek5_1.jpg); | ||
| + | width:60vw; | ||
| + | height:30vw; | ||
| + | } | ||
| + | |||
| + | #NotebookWeek5_2 { | ||
| + | background-image:url(https://static.igem.org/mediawiki/2016/7/73/T--UPMC-Paris--NotebookWeek5_2.jpg); | ||
| + | width:60vw; | ||
| + | height:30vw; | ||
| + | } | ||
| + | |||
| + | #NotebookWeek5_3 { | ||
| + | background-image:url(https://static.igem.org/mediawiki/2016/1/1a/T--UPMC-Paris--NotebookWeek5_3.jpg); | ||
| + | width:60vw; | ||
| + | height:30vw; | ||
| + | } | ||
| + | |||
| + | #NotebookWeek5_4 { | ||
| + | background-image:url(https://static.igem.org/mediawiki/2016/b/b1/T--UPMC-Paris--NotebookWeek5_4.jpg); | ||
width:60vw; | width:60vw; | ||
height:30vw; | height:30vw; | ||
| Line 332: | Line 482: | ||
border-radius:3vw; | border-radius:3vw; | ||
cursor: pointer; | cursor: pointer; | ||
| + | margin-bottom:0.5vw; | ||
} | } | ||
| Line 340: | Line 491: | ||
border-radius:3vw; | border-radius:3vw; | ||
cursor: pointer; | cursor: pointer; | ||
| + | margin-bottom:0.5vw; | ||
} | } | ||
#Week3Pic { | #Week3Pic { | ||
| − | background-image:url(https://static.igem.org/mediawiki/2016/ | + | background-image:url(https://static.igem.org/mediawiki/2016/7/78/T--UPMC-Paris--Week3Pic.PNG); |
width:26.6vw; | width:26.6vw; | ||
height:20vw; | height:20vw; | ||
border-radius:3vw; | border-radius:3vw; | ||
cursor: pointer; | cursor: pointer; | ||
| + | margin-bottom:0.5vw; | ||
} | } | ||
#Week4Pic { | #Week4Pic { | ||
| − | background-image:url(https://static.igem.org/mediawiki/2016/ | + | background-image:url(https://static.igem.org/mediawiki/2016/7/77/T--UPMC-Paris--Week4Pic.PNG); |
| − | width: | + | width:26.6vw; |
height:20vw; | height:20vw; | ||
border-radius:3vw; | border-radius:3vw; | ||
cursor: pointer; | cursor: pointer; | ||
| + | margin-bottom:0.5vw; | ||
} | } | ||
#Week5Pic { | #Week5Pic { | ||
| − | background-image:url(); | + | background-image:url(https://static.igem.org/mediawiki/2016/b/b8/T--UPMC-Paris--Week5Pic.PNG); |
| − | width: | + | width:24vw; |
height:20vw; | height:20vw; | ||
border-radius:3vw; | border-radius:3vw; | ||
cursor: pointer; | cursor: pointer; | ||
| + | margin-bottom:0.5vw; | ||
} | } | ||
#Week6Pic { | #Week6Pic { | ||
| − | background-image:url(); | + | background-image:url(https://static.igem.org/mediawiki/2016/1/1e/T--UPMC-Paris--Week7Pic.PNG); |
| − | width: | + | width:26.6vw; |
height:20vw; | height:20vw; | ||
border-radius:3vw; | border-radius:3vw; | ||
cursor: pointer; | cursor: pointer; | ||
| + | margin-bottom:0.5vw; | ||
} | } | ||
#Week7Pic { | #Week7Pic { | ||
| − | background-image:url(); | + | background-image:url(https://static.igem.org/mediawiki/2016/8/85/T--UPMC-Paris--Week6Pic.PNG); |
| − | width: | + | width:24.3vw; |
height:20vw; | height:20vw; | ||
border-radius:3vw; | border-radius:3vw; | ||
cursor: pointer; | cursor: pointer; | ||
| + | margin-bottom:0.5vw; | ||
} | } | ||
#Week8Pic { | #Week8Pic { | ||
| − | background-image:url(); | + | background-image:url(https://static.igem.org/mediawiki/2016/2/20/T--UPMC-Paris--Week8Pic.PNG); |
| − | width: | + | width:26.6vw; |
height:20vw; | height:20vw; | ||
border-radius:3vw; | border-radius:3vw; | ||
cursor: pointer; | cursor: pointer; | ||
| + | margin-bottom:0.5vw; | ||
} | } | ||
| Line 422: | Line 580: | ||
#Conf { | #Conf { | ||
background-image:url(https://static.igem.org/mediawiki/2016/1/18/T--UPMC-Paris--Conf.JPEG); | background-image:url(https://static.igem.org/mediawiki/2016/1/18/T--UPMC-Paris--Conf.JPEG); | ||
| + | width:20vw; | ||
| + | height:26vw; | ||
| + | } | ||
| + | |||
| + | #Tous{ | ||
| + | background-image:url(https://static.igem.org/mediawiki/2016/8/80/T--UPMC-Paris--Tous.PNG); | ||
width:20vw; | width:20vw; | ||
height:26vw; | height:26vw; | ||
| Line 608: | Line 772: | ||
.w3-left{float:left!important} | .w3-left{float:left!important} | ||
.w3-right{float:right!important} | .w3-right{float:right!important} | ||
| − | .w3-content{max-width:60vw;margin:auto;} | + | .w3-content{max-width:60vw;margin-left:auto;margin-right:auto;margin-top:1vw;margin-bottom:1vw;} |
.w3-center{text-align:center!important} | .w3-center{text-align:center!important} | ||
Latest revision as of 01:34, 20 October 2016
