"
Team:UPIBI-Mexico/Templates/Main
From 2012.igem.org
(Difference between revisions)
| Line 222: | Line 222: | ||
/* Main Page */ | /* 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; | width: 1000px; | ||
float: center; | float: center; | ||
| - | background-color: | + | background-color:#EEEEEE; |
padding: 0px; | padding: 0px; | ||
height: 400px; | height: 400px; | ||
| Line 231: | Line 271: | ||
-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(255, 255, 255,0.4); |
background-clip: padding-box; | background-clip: padding-box; | ||
margin-top: 20px; | 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-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
Revision as of 17:46, 12 July 2012
