Team:UPIBI-Mexico/Templates/Main
From 2012.igem.org
(Difference between revisions)
(86 intermediate revisions not shown) | |||
Line 50: | Line 50: | ||
{ | { | ||
background-image: url('https://static.igem.org/mediawiki/2012/8/84/HEADER_LOGOS4.png'); | background-image: url('https://static.igem.org/mediawiki/2012/8/84/HEADER_LOGOS4.png'); | ||
- | background-color:rgba(0, 0, 255, 0. | + | background-color:rgba(0, 0, 255, 0.4); |
background-position: top; | background-position: top; | ||
width:1000px; | width:1000px; | ||
Line 60: | Line 60: | ||
-moz-box-shadow: 0 8px 6px -6px black; | -moz-box-shadow: 0 8px 6px -6px black; | ||
box-shadow: 0 8px 6px -6px black; | box-shadow: 0 8px 6px -6px black; | ||
- | border: 10px solid rgba( 255, 255, 255,0. | + | border: 10px solid rgba( 255, 255, 255,0.4); |
background-clip: padding-box; | background-clip: padding-box; | ||
margin-top: 20px; | margin-top: 20px; | ||
Line 243: | Line 243: | ||
#footer { | #footer { | ||
} | } | ||
- | + | /********************************************************************************************************************/ | |
/* Main Page */ | /* Main Page */ | ||
+ | /********************************************************************************************************************/ | ||
- | # | + | #contentm1-topcenter { |
width: 1000px; | width: 1000px; | ||
float: center; | float: center; | ||
Line 258: | Line 259: | ||
background-clip: padding-box; | background-clip: padding-box; | ||
margin-top: 60px; | margin-top: 60px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | #contentm2-topleft { | ||
+ | width: 450px; | ||
+ | float: left; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2012/8/8a/PROJECT1.png); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-color:rgba(0, 0, 255, 0.5); | ||
+ | padding: 0px; | ||
+ | height: 400px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(192, 192, 192,0.8); | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 60px; | ||
+ | margin-left: 165px; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | #contentm3-topright{ | ||
+ | width: 450px; | ||
+ | float: left; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2012/c/cf/PROJECT2-2.png); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-color:rgba(0, 0, 255, 0.5); | ||
+ | padding: 0px; | ||
+ | height: 400px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(192, 192, 192,0.8); | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 60px; | ||
+ | margin-left: 80px; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | #contentm4-topcenter{ | ||
+ | width: 450px; | ||
+ | float: center; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2012/e/ec/PROJECT3-2.png); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-color:rgba(0, 0, 255, 0.5); | ||
+ | padding: 0px; | ||
+ | height: 400px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(192, 192, 192,0.8); | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 500px; | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
Line 265: | Line 326: | ||
/********************************************************************************************************************/ | /********************************************************************************************************************/ | ||
/* Team */ | /* Team */ | ||
+ | /********************************************************************************************************************/ | ||
+ | |||
+ | /********************************************************************************************************************/ | ||
+ | /* Barra de navegacion 1*/ | ||
/********************************************************************************************************************/ | /********************************************************************************************************************/ | ||
Line 371: | Line 436: | ||
z-index: 2; | z-index: 2; | ||
} | } | ||
- | + | /********************************************************************************************************************/ | |
+ | /* Barra de navegacion 2*/ | ||
+ | /********************************************************************************************************************/ | ||
#team2navigation | #team2navigation | ||
Line 381: | Line 448: | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
- | margin-top: | + | margin-top: 625px; |
margin-bottom: 10px; | margin-bottom: 10px; | ||
z-index: 2; | z-index: 2; | ||
Line 411: | Line 478: | ||
padding-bottom:5px; | padding-bottom:5px; | ||
padding-top:5px; | padding-top:5px; | ||
- | width: | + | width: 250px; |
color:#ffffff; | color:#ffffff; | ||
background:rgba(0, 128, 0, 0.5); | background:rgba(0, 128, 0, 0.5); | ||
Line 473: | Line 540: | ||
z-index: 2; | z-index: 2; | ||
} | } | ||
- | + | /********************************************************************************************************************/ | |
- | + | /*Tabla de integrantes*/ | |
- | + | /********************************************************************************************************************/ | |
#contentt1-topcenter { | #contentt1-topcenter { | ||
Line 485: | Line 552: | ||
background-color:rgba(0, 0, 255, 0.5); | background-color:rgba(0, 0, 255, 0.5); | ||
padding: 0px; | padding: 0px; | ||
- | height: | + | height: 700px; |
-webkit-box-shadow: 0 8px 6px -6px black; | -webkit-box-shadow: 0 8px 6px -6px black; | ||
-moz-box-shadow: 0 8px 6px -6px black; | -moz-box-shadow: 0 8px 6px -6px black; | ||
Line 837: | Line 904: | ||
font-size:150%; | font-size:150%; | ||
} | } | ||
+ | /********************************************************************************************************************/ | ||
+ | /* Undergraduates*/ | ||
+ | /********************************************************************************************************************/ | ||
+ | #contentu4-topcenter { | ||
+ | width: 231px; | ||
+ | float: left; | ||
+ | background-image:url('https://static.igem.org/mediawiki/2012/4/4d/ANDREA.jpg'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-color:rgba(0, 255, 0, 0.5); | ||
+ | padding: 0px; | ||
+ | height: 300px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(192, 192, 192,0.8); | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 20px; | ||
+ | margin-left: 172px; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | #contentu6-topcenter { | ||
+ | width: 231px; | ||
+ | float: left; | ||
+ | background-image:url('https://static.igem.org/mediawiki/2012/4/4c/CRHISTOPHER.jpg'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-color:rgba(0, 255, 0, 0.5); | ||
+ | padding: 0px; | ||
+ | height: 300px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(192, 192, 192,0.8); | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 20px; | ||
+ | margin-left: 500; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | #contentu7-topcenter { | ||
+ | width: 231px; | ||
+ | float: left; | ||
+ | background-image:url('https://static.igem.org/mediawiki/2012/e/e0/DAVID.jpg'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-color:rgba(0, 255, 0, 0.5); | ||
+ | padding: 0px; | ||
+ | height: 300px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(192, 192, 192,0.8); | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 20px; | ||
+ | margin-left: 500; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | #contentu8-topcenter { | ||
+ | width: 231px; | ||
+ | float: left; | ||
+ | background-image:url('https://static.igem.org/mediawiki/2012/f/f4/ERICK.jpg'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-color:rgba(0, 255, 0, 0.5); | ||
+ | padding: 0px; | ||
+ | height: 300px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(192, 192, 192,0.8); | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 20px; | ||
+ | margin-left: 172px; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | #contentu9-topcenter { | ||
+ | width: 231px; | ||
+ | float: left; | ||
+ | background-image:url('https://static.igem.org/mediawiki/2012/b/bd/FERMIN.jpg'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-color:rgba(0, 255, 0, 0.5); | ||
+ | padding: 0px; | ||
+ | height: 300px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(192, 192, 192,0.8); | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 20px; | ||
+ | margin-left: 500; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | #contentu13-topcenter { | ||
+ | width: 231px; | ||
+ | float: left; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2012/b/bf/JHORMAN.jpg); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-color:rgba(0, 255, 0, 0.5); | ||
+ | padding: 0px; | ||
+ | height: 300px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(192, 192, 192,0.8); | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 20px; | ||
+ | margin-left: 500; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | #contentu14-topcenter { | ||
+ | width: 231px; | ||
+ | float: left; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2012/1/1c/PEPE.png); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-color:rgba(0, 255, 0, 0.5); | ||
+ | padding: 0px; | ||
+ | height: 300px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(192, 192, 192,0.8); | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 20px; | ||
+ | margin-left: 500; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | #contentu15-topcenter { | ||
+ | width: 231px; | ||
+ | float: left; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2012/8/8d/MARIANA.jpg); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-color:rgba(0, 255, 0, 0.5); | ||
+ | padding: 0px; | ||
+ | height: 300px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(192, 192, 192,0.8); | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 20px; | ||
+ | margin-left: 500; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | |||
+ | #contentu16-topcenter { | ||
+ | width: 231px; | ||
+ | float: left; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2012/c/c4/MARCO.jpg); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-color:rgba(0, 255, 0, 0.5); | ||
+ | padding: 0px; | ||
+ | height: 300px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(192, 192, 192,0.8); | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 20px; | ||
+ | margin-left: 172px; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | #contentu19-topcenter { | ||
+ | width: 231px; | ||
+ | float: left; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2012/6/6a/YAEL.jpg); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-color:rgba(0, 255, 0, 0.5); | ||
+ | padding: 0px; | ||
+ | height: 300px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(192, 192, 192,0.8); | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 20px; | ||
+ | margin-left: 500; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
/********************************************************************************************************************/ | /********************************************************************************************************************/ | ||
- | /* | + | /*Advisors*/ |
/********************************************************************************************************************/ | /********************************************************************************************************************/ | ||
+ | #contenta10-topcenter { | ||
+ | width: 231px; | ||
+ | float: left; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2012/d/dc/ISABEL.jpg); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-color:rgba(0, 255, 0, 0.5); | ||
+ | padding: 0px; | ||
+ | height: 300px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(192, 192, 192,0.8); | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 20px; | ||
+ | margin-left: 500; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
- | # | + | #contenta11-topcenter { |
- | width: | + | width: 231px; |
float: left; | float: left; | ||
- | background-image:url('https://static.igem.org/mediawiki/2012/ | + | background-image:url('https://static.igem.org/mediawiki/2012/c/c5/IV%C3%81N.jpg'); |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: center; | background-position: center; | ||
- | background-color:rgba( | + | background-color:rgba(0, 255, 0, 0.5); |
padding: 0px; | padding: 0px; | ||
height: 300px; | height: 300px; | ||
Line 855: | Line 1,143: | ||
-moz-box-shadow: 0 8px 6px -6px black; | -moz-box-shadow: 0 8px 6px -6px black; | ||
box-shadow: 0 8px 6px -6px black; | box-shadow: 0 8px 6px -6px black; | ||
- | border: 10px solid rgba( | + | border: 10px solid rgba(192, 192, 192,0.8); |
background-clip: padding-box; | background-clip: padding-box; | ||
margin-top: 20px; | margin-top: 20px; | ||
- | margin-left: | + | margin-left: 500; |
margin-right: auto; | margin-right: auto; | ||
font-size:150%; | font-size:150%; | ||
} | } | ||
- | # | + | #contenta17-topcenter { |
- | width: | + | width: 231px; |
- | float: | + | float: left; |
- | background-image:url( | + | background-image:url(https://static.igem.org/mediawiki/2012/1/1f/KARLA.jpg); |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: center; | background-position: center; | ||
- | background-color:rgba( | + | background-color:rgba(0, 255, 0, 0.5); |
padding: 0px; | padding: 0px; | ||
height: 300px; | height: 300px; | ||
Line 875: | Line 1,163: | ||
-moz-box-shadow: 0 8px 6px -6px black; | -moz-box-shadow: 0 8px 6px -6px black; | ||
box-shadow: 0 8px 6px -6px black; | box-shadow: 0 8px 6px -6px black; | ||
- | border: 10px solid rgba( | + | border: 10px solid rgba(192, 192, 192,0.8); |
background-clip: padding-box; | background-clip: padding-box; | ||
margin-top: 20px; | margin-top: 20px; | ||
- | margin-left: | + | margin-left: 500; |
- | margin-right: | + | margin-right: auto; |
font-size:150%; | font-size:150%; | ||
} | } | ||
- | # | + | #contenta20-topcenter { |
- | width: | + | width: 231px; |
float: left; | float: left; | ||
- | |||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: center; | background-position: center; | ||
- | background-color:rgba( | + | background-color:rgba(0, 255, 0, 0.5); |
padding: 0px; | padding: 0px; | ||
height: 300px; | height: 300px; | ||
Line 895: | Line 1,182: | ||
-moz-box-shadow: 0 8px 6px -6px black; | -moz-box-shadow: 0 8px 6px -6px black; | ||
box-shadow: 0 8px 6px -6px black; | box-shadow: 0 8px 6px -6px black; | ||
- | border: 10px solid rgba( | + | border: 10px solid rgba(192, 192, 192,0.8); |
background-clip: padding-box; | background-clip: padding-box; | ||
margin-top: 20px; | margin-top: 20px; | ||
- | margin-left: 300px; | + | margin-left: 172px; |
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | /********************************************************************************************************************/ | ||
+ | /*Instructors*/ | ||
+ | /********************************************************************************************************************/ | ||
+ | #contenti5-topcenter { | ||
+ | width: 231px; | ||
+ | float: left; | ||
+ | background-image:url('https://static.igem.org/mediawiki/2012/4/49/BADILLO.jpg'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-color:rgba(0, 255, 0, 0.5); | ||
+ | padding: 0px; | ||
+ | height: 300px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(192, 192, 192,0.8); | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 20px; | ||
+ | margin-left: 500; | ||
margin-right: auto; | margin-right: auto; | ||
font-size:150%; | font-size:150%; | ||
} | } | ||
- | # | + | #contenti12-topcenter { |
- | width: | + | width: 231px; |
- | float: | + | float: left; |
- | + | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: center; | background-position: center; | ||
- | background-color:rgba( | + | background-color:rgba(0, 255, 0, 0.5); |
padding: 0px; | padding: 0px; | ||
height: 300px; | height: 300px; | ||
Line 915: | Line 1,224: | ||
-moz-box-shadow: 0 8px 6px -6px black; | -moz-box-shadow: 0 8px 6px -6px black; | ||
box-shadow: 0 8px 6px -6px black; | box-shadow: 0 8px 6px -6px black; | ||
- | border: 10px solid rgba( | + | border: 10px solid rgba(192, 192, 192,0.8); |
background-clip: padding-box; | background-clip: padding-box; | ||
margin-top: 20px; | margin-top: 20px; | ||
+ | margin-left: 172px; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | #contenti18-topcenter { | ||
+ | width: 231px; | ||
+ | float: left; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2012/1/11/NOE.jpg); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-color:rgba(0, 255, 0, 0.5); | ||
+ | padding: 0px; | ||
+ | height: 300px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(192, 192, 192,0.8); | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 20px; | ||
+ | margin-left: 500; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | /********************************************************************************************************************/ | ||
+ | /* Project */ | ||
+ | /********************************************************************************************************************/ | ||
+ | |||
+ | |||
+ | #project1 { | ||
+ | width: 1000px; | ||
+ | float: center; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2012/8/8a/PROJECT1.png); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center bottom; | ||
+ | background-color:rgba(0, 0, 255, 0.5); | ||
+ | padding: 0px; | ||
+ | height: 520px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(192, 192, 192,0.8); | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 60px; | ||
margin-left: auto; | margin-left: auto; | ||
- | margin-right: | + | margin-right: auto; |
font-size:150%; | font-size:150%; | ||
} | } | ||
+ | #project2 { | ||
+ | width: 1000px; | ||
+ | float: center; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2012/c/cf/PROJECT2-2.png); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center bottom; | ||
+ | background-color:rgba(0, 0, 255, 0.5); | ||
+ | padding: 0px; | ||
+ | height: 510px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(192, 192, 192,0.8); | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 60px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | #project3 { | ||
+ | width: 1000px; | ||
+ | float: center; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2012/e/ec/PROJECT3-2.png); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center bottom; | ||
+ | background-color:rgba(0, 0, 255, 0.5); | ||
+ | padding: 0px; | ||
+ | height: 490px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(192, 192, 192,0.8); | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 60px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | /********************************************************************************************************************/ | ||
+ | /* Notebook */ | ||
+ | /********************************************************************************************************************/ | ||
#contentn5-topcenter { | #contentn5-topcenter { | ||
width: 300px; | width: 300px; | ||
float: left; | float: left; | ||
- | |||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: center; | background-position: center; | ||
Line 932: | Line 1,327: | ||
padding: 0px; | padding: 0px; | ||
height: 300px; | height: 300px; | ||
- | -webkit-box-shadow: 0 8px 6px -6px | + | -webkit-box-shadow: 0 8px 6px -6px rgba(255,255,255,0); |
- | -moz-box-shadow: 0 8px 6px -6px | + | -moz-box-shadow: 0 8px 6px -6px rgba(255,255,255,0); |
- | box-shadow: 0 8px 6px -6px | + | box-shadow: 0 8px 6px -6px rgba(255,255,255,0); |
border: 10px solid rgba(255, 255, 255,0); | border: 10px solid rgba(255, 255, 255,0); | ||
background-clip: padding-box; | background-clip: padding-box; | ||
Line 946: | Line 1,341: | ||
width: 300px; | width: 300px; | ||
float: right; | float: right; | ||
- | |||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: center; | background-position: center; | ||
Line 952: | Line 1,346: | ||
padding: 0px; | padding: 0px; | ||
height: 300px; | height: 300px; | ||
- | -webkit-box-shadow: 0 8px 6px -6px | + | -webkit-box-shadow: 0 8px 6px -6px rgba(255,255,255,0); |
- | -moz-box-shadow: 0 8px 6px -6px | + | -moz-box-shadow: 0 8px 6px -6px rgba(255,255,255,0); |
- | box-shadow: 0 8px 6px -6px | + | box-shadow: 0 8px 6px -6px rgba(255,255,255,0); |
border: 10px solid rgba(255, 255, 255,0); | border: 10px solid rgba(255, 255, 255,0); | ||
background-clip: padding-box; | background-clip: padding-box; | ||
Line 966: | Line 1,360: | ||
width: 300px; | width: 300px; | ||
float: left; | float: left; | ||
- | + | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: center; | background-position: center; | ||
Line 972: | Line 1,366: | ||
padding: 0px; | padding: 0px; | ||
height: 300px; | height: 300px; | ||
- | -webkit-box-shadow: 0 8px 6px -6px | + | -webkit-box-shadow: 0 8px 6px -6px rgba(255,255,255,0); |
- | -moz-box-shadow: 0 8px 6px -6px | + | -moz-box-shadow: 0 8px 6px -6px rgba(255,255,255,0); |
- | box-shadow: 0 8px 6px -6px | + | box-shadow: 0 8px 6px -6px rgba(255,255,255,0); |
border: 10px solid rgba(255, 255, 255,0); | border: 10px solid rgba(255, 255, 255,0); | ||
background-clip: padding-box; | background-clip: padding-box; | ||
Line 986: | Line 1,380: | ||
width: 300px; | width: 300px; | ||
float: right; | float: right; | ||
- | + | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: center; | background-position: center; | ||
Line 992: | Line 1,386: | ||
padding: 0px; | padding: 0px; | ||
height: 300px; | height: 300px; | ||
- | -webkit-box-shadow: 0 8px 6px -6px | + | -webkit-box-shadow: 0 8px 6px -6px rgba(255,255,255,0); |
- | -moz-box-shadow: 0 8px 6px -6px | + | -moz-box-shadow: 0 8px 6px -6px rgba(255,255,255,0); |
- | box-shadow: 0 8px 6px -6px | + | box-shadow: 0 8px 6px -6px rgba(255,255,255,0); |
border: 10px solid rgba(255, 255, 255,0); | border: 10px solid rgba(255, 255, 255,0); | ||
background-clip: padding-box; | background-clip: padding-box; | ||
Line 1,006: | Line 1,400: | ||
width: 300px; | width: 300px; | ||
float: left; | float: left; | ||
- | |||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: center; | background-position: center; | ||
Line 1,012: | Line 1,405: | ||
padding: 0px; | padding: 0px; | ||
height: 300px; | height: 300px; | ||
- | -webkit-box-shadow: 0 8px 6px -6px | + | -webkit-box-shadow: 0 8px 6px -6px rgba(255,255,255,0); |
- | -moz-box-shadow: 0 8px 6px -6px | + | -moz-box-shadow: 0 8px 6px -6px rgba(255,255,255,0); |
- | box-shadow: 0 8px 6px -6px | + | box-shadow: 0 8px 6px -6px rgba(255,255,255,0); |
border: 10px solid rgba(255, 255, 255,0); | border: 10px solid rgba(255, 255, 255,0); | ||
background-clip: padding-box; | background-clip: padding-box; | ||
Line 1,026: | Line 1,419: | ||
width: 300px; | width: 300px; | ||
float: right; | float: right; | ||
- | |||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: center; | background-position: center; | ||
Line 1,032: | Line 1,424: | ||
padding: 0px; | padding: 0px; | ||
height: 300px; | height: 300px; | ||
- | -webkit-box-shadow: 0 8px 6px -6px | + | -webkit-box-shadow: 0 8px 6px -6px rgba(255,255,255,0); |
- | -moz-box-shadow: 0 8px 6px -6px | + | -moz-box-shadow: 0 8px 6px -6px rgba(255,255,255,0); |
- | box-shadow: 0 8px 6px -6px | + | box-shadow: 0 8px 6px -6px rgba(255,255,255,0); |
border: 10px solid rgba(255, 255, 255,0); | border: 10px solid rgba(255, 255, 255,0); | ||
background-clip: padding-box; | background-clip: padding-box; | ||
Line 1,046: | Line 1,438: | ||
width: 300px; | width: 300px; | ||
float: left; | float: left; | ||
- | |||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: center; | background-position: center; | ||
Line 1,052: | Line 1,443: | ||
padding: 0px; | padding: 0px; | ||
height: 300px; | height: 300px; | ||
- | -webkit-box-shadow: 0 8px 6px -6px | + | -webkit-box-shadow: 0 8px 6px -6px rgba(255,255,255,0); |
- | -moz-box-shadow: 0 8px 6px -6px | + | -moz-box-shadow: 0 8px 6px -6px rgba(255,255,255,0); |
- | box-shadow: 0 8px 6px -6px | + | box-shadow: 0 8px 6px -6px rgba(255,255,255,0); |
border: 10px solid rgba(255, 255, 255,0); | border: 10px solid rgba(255, 255, 255,0); | ||
background-clip: padding-box; | background-clip: padding-box; | ||
Line 1,066: | Line 1,457: | ||
width: 300px; | width: 300px; | ||
float: right; | float: right; | ||
- | |||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: center; | background-position: center; | ||
Line 1,072: | Line 1,462: | ||
padding: 0px; | padding: 0px; | ||
height: 300px; | height: 300px; | ||
- | -webkit-box-shadow: 0 8px 6px -6px | + | -webkit-box-shadow: 0 8px 6px -6px rgba(255,255,255,0); |
- | -moz-box-shadow: 0 8px 6px -6px | + | -moz-box-shadow: 0 8px 6px -6px rgba(255,255,255,0); |
- | box-shadow: 0 8px 6px -6px | + | box-shadow: 0 8px 6px -6px rgba(255,255,255,0); |
border: 10px solid rgba(255, 255, 255,0); | border: 10px solid rgba(255, 255, 255,0); | ||
background-clip: padding-box; | background-clip: padding-box; | ||
Line 1,083: | Line 1,473: | ||
} | } | ||
+ | /********************************************************************************************************************/ | ||
+ | /* week1 */ | ||
+ | /********************************************************************************************************************/ | ||
+ | #contentw1-topcenter { | ||
+ | width: 1000px; | ||
+ | float: center; | ||
+ | background-color:rgba(0, 0, 255, 0.5); | ||
+ | padding: 0px; | ||
+ | height: 250px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(192, 192, 192,0.8); | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 60px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | /********************************************************************************************************************/ | ||
+ | /* week5 */ | ||
+ | /********************************************************************************************************************/ | ||
+ | #contentw5-topcenter { | ||
+ | width: 1000px; | ||
+ | float: center; | ||
+ | background-color:rgba(0, 0, 255, 0.5); | ||
+ | padding: 0px; | ||
+ | height: 350px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(192, 192, 192,0.8); | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 60px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | /********************************************************************************************************************/ | ||
+ | /* week6 */ | ||
+ | /********************************************************************************************************************/ | ||
+ | #contentw6-topcenter { | ||
+ | width: 1000px; | ||
+ | float: center; | ||
+ | background-color:rgba(0, 0, 255, 0.5); | ||
+ | padding: 0px; | ||
+ | height: 500px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(192, 192, 192,0.8); | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 60px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | /********************************************************************************************************************/ | ||
+ | /* Modeling */ | ||
+ | /********************************************************************************************************************/ | ||
+ | #contentmo1-topcenter { | ||
+ | width: 1000px; | ||
+ | float: center; | ||
+ | background-color:rgba(0, 0, 255, 0.5); | ||
+ | padding: 0px; | ||
+ | height: 600px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(192, 192, 192,0.8); | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 60px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | /********************************************************************************************************************/ | ||
+ | /* Modeling1 */ | ||
+ | /********************************************************************************************************************/ | ||
+ | #contentmod1-topcenter { | ||
+ | width: 1000px; | ||
+ | float: center; | ||
+ | background-color:rgba(0, 0, 255, 0.5); | ||
+ | padding: 0px; | ||
+ | height: 600px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(192, 192, 192,0.8); | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 60px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | /********************************************************************************************************************/ | ||
+ | /* Modeling2 */ | ||
+ | /********************************************************************************************************************/ | ||
+ | #contentmod2-topcenter { | ||
+ | width: 1000px; | ||
+ | float: center; | ||
+ | background-color:rgba(0, 0, 255, 0.5); | ||
+ | padding: 0px; | ||
+ | height: 600px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(192, 192, 192,0.8); | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 60px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | /********************************************************************************************************************/ | ||
+ | /* Modeling3 */ | ||
+ | /********************************************************************************************************************/ | ||
+ | #contentmod3-topcenter { | ||
+ | width: 1000px; | ||
+ | float: center; | ||
+ | background-color:rgba(0, 0, 255, 0.5); | ||
+ | padding: 0px; | ||
+ | height: 600px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(192, 192, 192,0.8); | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 60px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | /********************************************************************************************************************/ | ||
+ | /* Protocols */ | ||
+ | /********************************************************************************************************************/ | ||
+ | #contentpro1-topcenter { | ||
+ | width: 1000px; | ||
+ | float: center; | ||
+ | background-color:rgba(0, 0, 255, 0.5); | ||
+ | padding: 0px; | ||
+ | height: 600px; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | border: 10px solid rgba(192, 192, 192,0.8); | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 60px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
Latest revision as of 15:12, 8 September 2012