Team:UPIBI-Mexico/Templates/Main
From 2012.igem.org
(Difference between revisions)
(72 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 247: | Line 247: | ||
/********************************************************************************************************************/ | /********************************************************************************************************************/ | ||
- | # | + | #contentm1-topcenter { |
width: 1000px; | width: 1000px; | ||
float: center; | float: center; | ||
Line 259: | 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 1,198: | Line 1,258: | ||
#project1 { | #project1 { | ||
width: 1000px; | width: 1000px; | ||
- | float: center; | + | float: center; |
background-image:url(https://static.igem.org/mediawiki/2012/8/8a/PROJECT1.png); | background-image:url(https://static.igem.org/mediawiki/2012/8/8a/PROJECT1.png); | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
- | background-position: center; | + | background-position: center bottom; |
background-color:rgba(0, 0, 255, 0.5); | background-color:rgba(0, 0, 255, 0.5); | ||
padding: 0px; | padding: 0px; | ||
- | height: | + | height: 520px; |
-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 1,219: | Line 1,279: | ||
width: 1000px; | width: 1000px; | ||
float: center; | 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); | background-color:rgba(0, 0, 255, 0.5); | ||
padding: 0px; | padding: 0px; | ||
- | height: | + | height: 510px; |
-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 1,236: | Line 1,299: | ||
width: 1000px; | width: 1000px; | ||
float: center; | 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); | background-color:rgba(0, 0, 255, 0.5); | ||
padding: 0px; | padding: 0px; | ||
- | height: | + | height: 490px; |
-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 1,253: | Line 1,319: | ||
/* Notebook */ | /* Notebook */ | ||
/********************************************************************************************************************/ | /********************************************************************************************************************/ | ||
- | + | #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 1,263: | 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 1,274: | Line 1,338: | ||
} | } | ||
- | # | + | #contentn6-topcenter { |
width: 300px; | width: 300px; | ||
float: right; | float: right; | ||
- | |||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: center; | background-position: center; | ||
Line 1,283: | 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 1,294: | Line 1,357: | ||
} | } | ||
- | # | + | #contentn7-topcenter { |
width: 300px; | width: 300px; | ||
float: left; | float: left; | ||
- | + | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: center; | background-position: center; | ||
Line 1,303: | 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 1,314: | Line 1,377: | ||
} | } | ||
- | # | + | #contentn8-topcenter { |
width: 300px; | width: 300px; | ||
float: right; | float: right; | ||
- | + | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: center; | background-position: center; | ||
Line 1,323: | 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,334: | Line 1,397: | ||
} | } | ||
- | # | + | #contentn9-topcenter { |
width: 300px; | width: 300px; | ||
float: left; | float: left; | ||
- | |||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: center; | background-position: center; | ||
Line 1,343: | 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,354: | Line 1,416: | ||
} | } | ||
- | # | + | #contentn10-topcenter { |
width: 300px; | width: 300px; | ||
float: right; | float: right; | ||
- | |||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: center; | background-position: center; | ||
Line 1,363: | 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,374: | Line 1,435: | ||
} | } | ||
- | # | + | #contentn11-topcenter { |
width: 300px; | width: 300px; | ||
float: left; | float: left; | ||
- | |||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: center; | background-position: center; | ||
Line 1,383: | 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,394: | Line 1,454: | ||
} | } | ||
- | # | + | #contentn12-topcenter { |
width: 300px; | width: 300px; | ||
float: right; | float: right; | ||
- | |||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: center; | background-position: center; | ||
Line 1,403: | 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,414: | Line 1,473: | ||
} | } | ||
- | # | + | /********************************************************************************************************************/ |
- | width: | + | /* week1 */ |
- | float | + | /********************************************************************************************************************/ |
- | + | #contentw1-topcenter { | |
- | + | width: 1000px; | |
- | + | float: center; | |
- | background-color:rgba( | + | background-color:rgba(0, 0, 255, 0.5); |
padding: 0px; | padding: 0px; | ||
- | height: | + | height: 250px; |
-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; | ||
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: | + | margin-top: 60px; |
- | margin-left: | + | margin-left: auto; |
margin-right: auto; | margin-right: auto; | ||
font-size:150%; | font-size:150%; | ||
} | } | ||
- | + | /********************************************************************************************************************/ | |
- | # | + | /* week5 */ |
- | width: | + | /********************************************************************************************************************/ |
- | float | + | #contentw5-topcenter { |
- | + | width: 1000px; | |
- | + | float: center; | |
- | + | background-color:rgba(0, 0, 255, 0.5); | |
- | background-color:rgba( | + | |
padding: 0px; | padding: 0px; | ||
- | height: | + | height: 350px; |
-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; | ||
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: | + | margin-top: 60px; |
margin-left: auto; | margin-left: auto; | ||
- | margin-right: | + | margin-right: auto; |
font-size:150%; | 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: | + | width: 1000px; |
- | float | + | float: center; |
- | + | background-color:rgba(0, 0, 255, 0.5); | |
- | + | ||
- | + | ||
- | background-color:rgba( | + | |
padding: 0px; | padding: 0px; | ||
- | height: | + | height: 600px; |
-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; | ||
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: | + | margin-top: 60px; |
- | margin-left: | + | margin-left: auto; |
margin-right: auto; | margin-right: auto; | ||
font-size:150%; | font-size:150%; | ||
} | } | ||
- | # | + | /********************************************************************************************************************/ |
- | width: | + | /* Modeling1 */ |
- | float | + | /********************************************************************************************************************/ |
- | + | #contentmod1-topcenter { | |
- | + | width: 1000px; | |
- | + | float: center; | |
- | background-color:rgba( | + | background-color:rgba(0, 0, 255, 0.5); |
padding: 0px; | padding: 0px; | ||
- | height: | + | height: 600px; |
-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; | ||
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: | + | margin-top: 60px; |
margin-left: auto; | margin-left: auto; | ||
- | margin-right: | + | 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%; | 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