Team:UPIBI-Mexico/Templates/Main
From 2012.igem.org
(Difference between revisions)
(56 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 265: | Line 265: | ||
#contentm2-topleft { | #contentm2-topleft { | ||
- | width: | + | width: 450px; |
float: left; | 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); | background-color:rgba(0, 0, 255, 0.5); | ||
padding: 0px; | padding: 0px; | ||
Line 282: | Line 285: | ||
#contentm3-topright{ | #contentm3-topright{ | ||
- | width: | + | width: 450px; |
float: left; | 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); | background-color:rgba(0, 0, 255, 0.5); | ||
padding: 0px; | padding: 0px; | ||
Line 293: | Line 299: | ||
background-clip: padding-box; | background-clip: padding-box; | ||
margin-top: 60px; | margin-top: 60px; | ||
- | margin-left: | + | margin-left: 80px; |
margin-right: auto; | margin-right: auto; | ||
font-size:150%; | font-size:150%; | ||
Line 299: | Line 305: | ||
#contentm4-topcenter{ | #contentm4-topcenter{ | ||
- | width: | + | width: 450px; |
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; | ||
background-color:rgba(0, 0, 255, 0.5); | background-color:rgba(0, 0, 255, 0.5); | ||
padding: 0px; | padding: 0px; | ||
Line 309: | Line 318: | ||
border: 10px solid rgba(192, 192, 192,0.8); | border: 10px solid rgba(192, 192, 192,0.8); | ||
background-clip: padding-box; | background-clip: padding-box; | ||
- | margin-top: | + | margin-top: 500px; |
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
Line 1,252: | Line 1,261: | ||
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,270: | Line 1,279: | ||
width: 1000px; | width: 1000px; | ||
float: center; | float: center; | ||
- | background-image:url(https://static.igem.org/mediawiki/2012/ | + | background-image:url(https://static.igem.org/mediawiki/2012/c/cf/PROJECT2-2.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: 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,290: | Line 1,299: | ||
width: 1000px; | width: 1000px; | ||
float: center; | float: center; | ||
- | background-image:url(https://static.igem.org/mediawiki/2012/ | + | background-image:url(https://static.igem.org/mediawiki/2012/e/ec/PROJECT3-2.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: 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,310: | 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,320: | 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,331: | 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,340: | 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,351: | 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,360: | 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,371: | 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,380: | 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,391: | 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,400: | 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,411: | 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,420: | 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,431: | 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,440: | 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,451: | 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,460: | 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,471: | 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