Team:UPIBI-Mexico/Templates/Main
From 2012.igem.org
(Difference between revisions)
(44 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 1,264: | Line 1,264: | ||
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,281: | Line 1,281: | ||
background-image:url(https://static.igem.org/mediawiki/2012/c/cf/PROJECT2-2.png); | 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,301: | Line 1,301: | ||
background-image:url(https://static.igem.org/mediawiki/2012/e/ec/PROJECT3-2.png); | 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,319: | 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,329: | 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,340: | 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,349: | 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,360: | 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,369: | 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,380: | 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,389: | 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,400: | 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,409: | 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,420: | 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,429: | 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,440: | 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,449: | 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,460: | 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,469: | 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,480: | 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