Team:UPIBI-Mexico/Templates/Main
From 2012.igem.org
(Difference between revisions)
Line 83: | Line 83: | ||
background-color: transparent; | background-color: transparent; | ||
} | } | ||
+ | |||
+ | /* Header */ | ||
+ | |||
+ | #wrapper | ||
+ | { | ||
+ | width: 1000px; | ||
+ | height: 100%; | ||
+ | float: center; | ||
+ | padding-left: 0%; | ||
+ | padding-right: 0%; | ||
+ | padding-top: 1%; | ||
+ | background-image:url('https://static.igem.org/mediawiki/2012/9/92/FONDO_IGEMV.png'); | ||
+ | background-attachment: fixed; | ||
+ | background-position: center; | ||
+ | } | ||
+ | |||
+ | #header | ||
+ | { | ||
+ | width: 750px; | ||
+ | float: center; | ||
+ | background-color: #FFE4C4; | ||
+ | height: 150px; | ||
+ | -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(255, 255, 255,0.4); | ||
+ | background-clip: padding-box; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | |||
+ | img | ||
+ | { | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | #headernavigation | ||
+ | { | ||
+ | width:1000px; | ||
+ | float:center; | ||
+ | background-color: transparent; | ||
+ | height:60px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | margin-top: 10px; | ||
+ | margin-bottom: 10px; | ||
+ | z-index: 2; | ||
+ | } | ||
+ | |||
+ | #headernavbar | ||
+ | { | ||
+ | list-style:none; | ||
+ | font-weight:bold; | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | z-index: 2; | ||
+ | } | ||
+ | |||
+ | #headernavbar li | ||
+ | { | ||
+ | float:left; | ||
+ | position:relative; | ||
+ | text-align:center; | ||
+ | z-index: 2; | ||
+ | } | ||
+ | |||
+ | #headernavbar a | ||
+ | { | ||
+ | margin-left:0px; | ||
+ | display:block; | ||
+ | padding-bottom:5px; | ||
+ | padding-top:5px; | ||
+ | width: 166.5px; | ||
+ | color:#ffffff; | ||
+ | background:rgba(0, 128, 0, 0.8); | ||
+ | font: bold 16px Times New Roman; | ||
+ | z-index: 2; | ||
+ | } | ||
+ | |||
+ | #headernavbar a:hover | ||
+ | { | ||
+ | color:#ffffff; | ||
+ | background:rgba(0, 0, 255, 0.2); | ||
+ | text-decoration:none; | ||
+ | z-index: 2; | ||
+ | } | ||
+ | |||
+ | #headernavbar ul | ||
+ | { | ||
+ | background:rgba(0, 0, 255, 0.2); | ||
+ | list-style:none; | ||
+ | position:absolute; | ||
+ | left:-9999px; | ||
+ | z-index: 2; | ||
+ | } | ||
+ | |||
+ | #headernavbar ul li | ||
+ | { | ||
+ | padding-top:0px; | ||
+ | float:none; | ||
+ | margin-top:-3px; | ||
+ | z-index: 2; | ||
+ | } | ||
+ | |||
+ | #headernavbar ul a | ||
+ | { | ||
+ | white-space:nowrap; | ||
+ | z-index: 2; | ||
+ | } | ||
+ | |||
+ | #headernavbar li:hover ul | ||
+ | { | ||
+ | left: -15px; | ||
+ | z-index: 2; | ||
+ | } | ||
+ | |||
+ | #headernavbar li:hover a | ||
+ | { | ||
+ | background:rgba(0, 0, 255, 0.5); | ||
+ | text-decoration:none; | ||
+ | z-index: 2; | ||
+ | } | ||
+ | |||
+ | #headernavbar li:hover ul a | ||
+ | { | ||
+ | text-decoration:none; | ||
+ | z-index: 2; | ||
+ | } | ||
+ | |||
+ | #headernavbar li:hover ul li a:hover | ||
+ | { | ||
+ | background:rgba(0, 0, 255, 0.2); | ||
+ | z-index: 2; | ||
+ | } | ||
+ | |||
+ | /* Main Page */ | ||
+ | |||
+ | #content-containertop { | ||
+ | width: 1000px; | ||
+ | height: 350px; | ||
+ | text-align: center; | ||
+ | padding-left: 0px; | ||
+ | padding-right:0px; | ||
+ | margin-left: auto; | ||
+ | margin-right:auto; | ||
+ | margin-top: 25px; | ||
+ | float: center; | ||
+ | } | ||
+ | |||
+ | #content-topleft { | ||
+ | background-color:#EEEEEE; | ||
+ | width: 430px; | ||
+ | height: 300px; | ||
+ | float: left; | ||
+ | padding: 25px; | ||
+ | text-align: left; | ||
+ | margin-left: -10px; | ||
+ | margin-top: -5px; | ||
+ | border: 10px solid rgba(255, 255, 255,0.4); | ||
+ | background-clip: padding-box; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | #content-topright { | ||
+ | background-color: #EEEEEE; | ||
+ | width: 430px; | ||
+ | height: 300px; | ||
+ | float: right; | ||
+ | padding: 25px; | ||
+ | text-align: left; | ||
+ | margin-right: -10px; | ||
+ | margin-top: -5px; | ||
+ | border: 10px solid rgba(255, 255, 255,0.4); | ||
+ | background-clip: padding-box; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | #content1-topcenter { | ||
+ | width: 1000px; | ||
+ | float: center; | ||
+ | background-color:#EEEEEE; | ||
+ | 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(255, 255, 255,0.4); | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 20px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | #selectioncontainermain{ | ||
+ | width: 1000px; | ||
+ | height: 40px; | ||
+ | text-align: center; | ||
+ | padding-left: 0px; | ||
+ | padding-right:0px; | ||
+ | margin-left: auto; | ||
+ | margin-right:auto; | ||
+ | margin-top: 25px; | ||
+ | margin-bottom:20px; | ||
+ | float: center; | ||
+ | } | ||
+ | |||
+ | #PUFselectionmain{ | ||
+ | list-style:none; | ||
+ | background-color:#EEEEEE; | ||
+ | width: 480px; | ||
+ | height: 39px; | ||
+ | float: left; | ||
+ | padding: 0px; | ||
+ | text-align: left; | ||
+ | margin-left: -10px; | ||
+ | border: 10px solid rgba(255, 255, 255,0.4); | ||
+ | background-clip: padding-box; | ||
+ | font-size:150%; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | } | ||
+ | |||
+ | |||
+ | #PUFselectionmain a{ | ||
+ | text-align:center; | ||
+ | margin-left:0px; | ||
+ | display:block; | ||
+ | padding-bottom:10px; | ||
+ | padding-top:10px; | ||
+ | width: 480px; | ||
+ | height:100%; | ||
+ | color:#ffffff; | ||
+ | background:#F47F24; | ||
+ | font: 16px ; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | #PUFselectionmain li:hover a{ | ||
+ | background:#003C7D; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | #PHATselectionmain{ | ||
+ | list-style:none; | ||
+ | background-color: #EEEEEE; | ||
+ | width: 480px; | ||
+ | height: 39px; | ||
+ | float: right; | ||
+ | padding: 0px; | ||
+ | text-align: left; | ||
+ | margin-right: -10px; | ||
+ | border: 10px solid rgba(255, 255, 255,0.4); | ||
+ | background-clip: padding-box; | ||
+ | font-size:150%; | ||
+ | -webkit-box-shadow: 0 8px 6px -6px black; | ||
+ | -moz-box-shadow: 0 8px 6px -6px black; | ||
+ | box-shadow: 0 8px 6px -6px black; | ||
+ | } | ||
+ | |||
+ | #PHATselectionmain a{ | ||
+ | text-align:center; | ||
+ | margin-left:0px; | ||
+ | display:block; | ||
+ | padding-bottom:10px; | ||
+ | padding-top:10px; | ||
+ | width: 480px; | ||
+ | height:100%; | ||
+ | color:#ffffff; | ||
+ | background:#F47F24; | ||
+ | font: 16px ; | ||
+ | text-decoration:none; | ||
+ | |||
+ | } | ||
+ | |||
+ | #PHATselectionmain li:hover a{ | ||
+ | background:#003C7D; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | #sponsorbox { | ||
+ | width: 950px; | ||
+ | float: center; | ||
+ | background-color:#FFFFFF; | ||
+ | padding: 25px; | ||
+ | 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(255, 255, 255,0.4); | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 25px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | |||
+ | #introduction { | ||
+ | width: 950px; | ||
+ | float: center; | ||
+ | background-color:#EEEEEE; | ||
+ | padding: 25px; | ||
+ | height: 150px; | ||
+ | -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(255, 255, 255,0.4); | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 10px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | /********************************************************************************************************************/ | ||
+ | /* Team */ | ||
+ | /********************************************************************************************************************/ | ||
+ | |||
+ | #contentt1-topcenter { | ||
+ | width: 1000px; | ||
+ | float: center; | ||
+ | background-color:rgba(255, 0, 0, 0.8); | ||
+ | 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: 20px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | font-size:300%; | ||
+ | } | ||
+ | |||
+ | #contentt2-topcenter { | ||
+ | width: 480px; | ||
+ | float: left; | ||
+ | background-color:rgba(255, 0, 0, 0.8); | ||
+ | padding: 0px; | ||
+ | height: 100px; | ||
+ | -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%; | ||
+ | } | ||
+ | |||
+ | #contentt3-topcenter { | ||
+ | width: 480px; | ||
+ | float: right; | ||
+ | background-color:rgba(255, 0, 0, 0.8); | ||
+ | padding: 0px; | ||
+ | height: 100px; | ||
+ | -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: auto; | ||
+ | margin-right: 172px; | ||
+ | font-size:200%; | ||
+ | } | ||
+ | |||
+ | #contentt4-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(255, 0, 0, 0.8); | ||
+ | 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: 20px; | ||
+ | margin-left: 172px; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | #contentt5-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(255, 0, 0, 0.8); | ||
+ | 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: 20px; | ||
+ | margin-left: 500; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | #contentt6-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(255, 0, 0, 0.8); | ||
+ | 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: 20px; | ||
+ | margin-left: 500; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | #contentt7-topcenter { | ||
+ | width: 231px; | ||
+ | float: left; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-color:rgba(255, 0, 0, 0.8); | ||
+ | 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: 20px; | ||
+ | margin-left: 500; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | #contentt8-topcenter { | ||
+ | width: 231px; | ||
+ | float: left; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-color:rgba(255, 0, 0, 0.8); | ||
+ | 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: 20px; | ||
+ | margin-left: 172px; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | #contentt9-topcenter { | ||
+ | width: 231px; | ||
+ | float: left; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-color:rgba(255, 0, 0, 0.8); | ||
+ | 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: 20px; | ||
+ | margin-left: 500; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | #contentt10-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(255, 0, 0, 0.8); | ||
+ | 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: 20px; | ||
+ | margin-left: 500; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | #contentt11-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(255, 0, 0, 0.8); | ||
+ | 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: 20px; | ||
+ | margin-left: 500; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | |||
+ | #contentt12-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(255, 0, 0, 0.8); | ||
+ | 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: 20px; | ||
+ | margin-left: 172px; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | #contentt13-topcenter { | ||
+ | width: 231px; | ||
+ | float: left; | ||
+ | background-color:rgba(255, 0, 0, 0.8); | ||
+ | padding: 0px; | ||
+ | height: 100px; | ||
+ | -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%; | ||
+ | } | ||
+ | |||
+ | #contentt14-topcenter { | ||
+ | width: 231px; | ||
+ | float: left; | ||
+ | background-color:rgba(255, 0, 0, 0.8); | ||
+ | padding: 0px; | ||
+ | height: 100px; | ||
+ | -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%; | ||
+ | } | ||
+ | |||
+ | #contentt15-topcenter { | ||
+ | width: 231px; | ||
+ | float: left; | ||
+ | background-color:rgba(255, 0, 0, 0.8); | ||
+ | padding: 0px; | ||
+ | height: 100px; | ||
+ | -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%; | ||
+ | } | ||
+ | |||
+ | |||
+ | #contentt16-topcenter { | ||
+ | width: 231px; | ||
+ | float: left; | ||
+ | background-color:rgba(255, 0, 0, 0.8); | ||
+ | padding: 0px; | ||
+ | height: 100px; | ||
+ | -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%; | ||
+ | } | ||
+ | |||
+ | #contentt17-topcenter { | ||
+ | width: 231px; | ||
+ | float: left; | ||
+ | background-color:rgba(255, 0, 0, 0.8); | ||
+ | padding: 0px; | ||
+ | height: 100px; | ||
+ | -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%; | ||
+ | } | ||
+ | |||
+ | #contentt18-topcenter { | ||
+ | width: 231px; | ||
+ | float: left; | ||
+ | background-color:rgba(255, 0, 0, 0.8); | ||
+ | padding: 0px; | ||
+ | height: 100px; | ||
+ | -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%; | ||
+ | } | ||
+ | |||
+ | #contentt19-topcenter { | ||
+ | width: 231px; | ||
+ | float: left; | ||
+ | background-color:rgba(255, 0, 0, 0.8); | ||
+ | padding: 0px; | ||
+ | height: 100px; | ||
+ | -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%; | ||
+ | } | ||
+ | |||
+ | #contentt20-topcenter { | ||
+ | width: 231px; | ||
+ | float: left; | ||
+ | background-color:rgba(255, 0, 0, 0.8); | ||
+ | padding: 0px; | ||
+ | height: 100px; | ||
+ | -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%; | ||
+ | } | ||
+ | |||
+ | #contentt21-topcenter { | ||
+ | width: 231px; | ||
+ | float: left; | ||
+ | background-color:rgba(255, 0, 0, 0.8); | ||
+ | padding: 0px; | ||
+ | height: 100px; | ||
+ | -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%; | ||
+ | } | ||
+ | |||
+ | #contentt22-topcenter { | ||
+ | width: 231px; | ||
+ | float: left; | ||
+ | background-color:rgba(255, 0, 0, 0.8); | ||
+ | padding: 0px; | ||
+ | height: 100px; | ||
+ | -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%; | ||
+ | } | ||
+ | |||
+ | #contentt23-topcenter { | ||
+ | width: 231px; | ||
+ | float: left; | ||
+ | background-color:rgba(255, 0, 0, 0.8); | ||
+ | padding: 0px; | ||
+ | height: 100px; | ||
+ | -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%; | ||
+ | } | ||
+ | |||
+ | |||
+ | /********************************************************************************************************************/ | ||
+ | /* Notebook */ | ||
+ | /********************************************************************************************************************/ | ||
+ | |||
+ | #contentn1-topcenter { | ||
+ | width: 300px; | ||
+ | float: left; | ||
+ | background-image:url('https://static.igem.org/mediawiki/2012/4/43/SEMANA1.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-color:rgba(255, 255, 255, 0); | ||
+ | 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(255, 255, 255,0); | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 20px; | ||
+ | margin-left: 300px; | ||
+ | margin-right: auto; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
+ | #contentn2-topcenter { | ||
+ | width: 300px; | ||
+ | float: right; | ||
+ | background-image:url('https://static.igem.org/mediawiki/2012/4/43/SEMANA1.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-color:rgba(255, 255, 255, 0); | ||
+ | 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(255, 255, 255,0); | ||
+ | background-clip: padding-box; | ||
+ | margin-top: 20px; | ||
+ | margin-left: auto; | ||
+ | margin-right: 300px; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | |||
</style> | </style> | ||
</html> | </html> | ||
{{:Team:UPIBI-Mexico/Templates/Navigationbar}} | {{:Team:UPIBI-Mexico/Templates/Navigationbar}} |
Revision as of 17:56, 12 July 2012