VirginiaTemplate3
From 2013.igem.org
(Difference between revisions)
Line 89: | Line 89: | ||
border-top-style: solid; | border-top-style: solid; | ||
border-top-color: rgba(153,153,153,0.7); | border-top-color: rgba(153,153,153,0.7); | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
.footer { | .footer { | ||
Line 299: | Line 291: | ||
background: #C6E4F2; | background: #C6E4F2; | ||
} | } | ||
+ | /** WRAPPER */ | ||
+ | #featured-wrapper { | ||
+ | overflow: hidden; | ||
+ | width:1000px; | ||
+ | padding: 25px 50px; | ||
+ | background: #E54732; | ||
+ | color: #2D2D2D; | ||
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
+ | } | ||
+ | #featured-wrapper h2 | ||
+ | { | ||
+ | margin-bottom: 30px; | ||
+ | text-transform: uppercase; | ||
+ | font-weight: 300; | ||
+ | font-size: 1.8em; | ||
+ | color: #FFF; | ||
+ | } | ||
+ | #featured-wrapper span | ||
+ | { | ||
+ | font-size: 0.80em !important; | ||
+ | color: #323232; | ||
+ | } | ||
+ | #sponsors | ||
+ | { | ||
+ | float: left; | ||
+ | width: 330px; | ||
+ | margin-right: 24px; | ||
+ | } | ||
+ | #sponsors .style4 | ||
+ | { | ||
+ | padding-top: 1em; | ||
+ | } | ||
+ | #dates | ||
+ | { | ||
+ | float: left; | ||
+ | width: 370px; | ||
+ | padding: 0px 20px; | ||
+ | } | ||
+ | #updates | ||
+ | { | ||
+ | float: left; | ||
+ | width: 200px; | ||
+ | } | ||
+ | p, ol, ul { | ||
+ | margin-top: 0px; | ||
+ | } | ||
+ | p { | ||
+ | line-height: 180%; | ||
+ | } | ||
+ | a { | ||
+ | color: #0000FF; | ||
+ | } | ||
+ | a:hover { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | a img { | ||
+ | border: none; | ||
+ | } | ||
+ | ul.style3 | ||
+ | { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | overflow: hidden; | ||
+ | list-style: none; | ||
+ | color: #6c6c6c | ||
+ | } | ||
+ | ul.style3 li | ||
+ | { | ||
+ | padding: 1.6em 0em 0em 0em; | ||
+ | margin: 0 0 1em 0; | ||
+ | } | ||
+ | ul.style3 p | ||
+ | { | ||
+ | margin: 0; | ||
+ | } | ||
+ | ul.style3 a | ||
+ | { | ||
+ | display: block; | ||
+ | text-decoration: none; | ||
+ | color: #2D2D2D; | ||
+ | } | ||
+ | ul.style3 a:hover | ||
+ | { | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | ul.style3 h3 | ||
+ | { | ||
+ | padding: 1em 0em 5px 0em; | ||
+ | text-transform: uppercase; | ||
+ | font-size: 1.1em; | ||
+ | font-weight: 300; | ||
+ | color: #FFFFFF; | ||
+ | } | ||
+ | ul.style3 .first | ||
+ | { | ||
+ | padding-top: 0; | ||
+ | background: none; | ||
+ | } | ||
+ | ul.style3 .date | ||
+ | { | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | width: 66px; | ||
+ | height: 54px; | ||
+ | margin: 0.5em 1.5em 0em 0.5em; | ||
+ | padding: 8px 0em 0em 0em; | ||
+ | background: #262626; | ||
+ | border-radius: 5px; | ||
+ | box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.1); | ||
+ | line-height: normal; | ||
+ | text-align: center; | ||
+ | text-transform: uppercase; | ||
+ | text-shadow: 0px 1px 0px rgba(0,0,0,.2); | ||
+ | font-size: 1em; | ||
+ | font-weight: 400; | ||
+ | color: #FFF; | ||
+ | } | ||
+ | ul.style3 .date:after | ||
+ | { | ||
+ | content: ''; | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | left: 0; | ||
+ | top: 0; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | border-radius: 6px; | ||
+ | } | ||
+ | ul.style3 .date b | ||
+ | { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | display: block; | ||
+ | margin-top: -5px; | ||
+ | font-size: 1.8em; | ||
+ | font-weight: 700; | ||
+ | color: #FFFFFF; | ||
+ | } | ||
+ | ul.style3 .date a | ||
+ | { | ||
+ | color: #FFFFFF !important; | ||
+ | } | ||
+ | ul.style3 .date a:hover | ||
+ | { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | ul.style4 | ||
+ | { | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | list-style: none; | ||
+ | } | ||
+ | ul.style4 li | ||
+ | { | ||
+ | padding: 10px 0px 20px 0px; | ||
+ | border-top: 1px solid rgba(255,255,255,0.3); | ||
+ | } | ||
+ | ul.style4 a | ||
+ | { | ||
+ | color: #2D2D2D; | ||
+ | } | ||
+ | ul.style4 .first | ||
+ | { | ||
+ | padding-top: 0px; | ||
+ | border-top: none; | ||
+ | } | ||
+ | /* Button Style 1 */ | ||
+ | .button-style { | ||
+ | display: inline-block; | ||
+ | margin-top: 20px; | ||
+ | padding: 7px 20px; | ||
+ | background: #272727; | ||
+ | border-radius: 5px; | ||
+ | text-decoration: none; | ||
+ | text-transform: uppercase; | ||
+ | color: #FFFFFF; | ||
+ | } | ||
+ | .button-style-alt | ||
+ | { | ||
+ | background: #E94730; | ||
+ | padding: 15px 20px; | ||
+ | font-size: 1.3em; | ||
+ | font-weight: 600; | ||
+ | } | ||
</style> | </style> | ||
Line 389: | Line 566: | ||
</div> | </div> | ||
<div class="bottom"> | <div class="bottom"> | ||
- | <div id="sponsors">< | + | <div id="featured-wrapper"> |
- | + | <div id="sponsors"> | |
- | + | <h2>Sponsors<br /> | |
- | + | <span>Funding the Science</span></h2> | |
- | + | <p>Without our sponsors, this year's iGEM team would not be in existence. Thank you.</p> | |
- | + | <ul class="style4"> | |
- | + | <li class="first"><a href="#">Tom Skalak, Vice President of Research at UVA</a></li> | |
- | + | <li><a href="#">UVA Medical School</a></li> | |
- | + | <li><a href="#">UVA School of Engineering and Applie Science</a></li> | |
+ | <li><a href="#">UVA College of Arts and Sciences</a></li> | ||
+ | <li><a href="#">Alumni Lacy Fund</a></li> | ||
+ | </ul> | ||
+ | <a href="#" class="button-style">Official Sponsors Page</a> </div> | ||
+ | <div id="dates"> | ||
+ | <h2>Competition Events<br/> | ||
+ | <span>Next Stop: Canada!</span></h2> | ||
+ | <ul class="style3"> | ||
+ | <li class="first"> | ||
+ | <p class="date"><a href="#"><b>TBD</b></a></p> | ||
+ | <h3>Biobrick Part Due</h3> | ||
+ | <p><a href="#">All DNA due to the iGEM registry.</a></p> | ||
+ | </li> | ||
+ | <li> | ||
+ | <p class="date"><a href="#">October<b>4-6</b></a></p> | ||
+ | <h3>North America Regional Jamboree</h3> | ||
+ | <p><a href="#">University of Toronto, Ontario, CA</a></p> | ||
+ | </li> | ||
+ | <li> | ||
+ | <p class="date"><a href="#">November<b>1-4</b></a></p> | ||
+ | <h3>World Championship Jamboree</h3> | ||
+ | <p><a href="#">MIT, Cambridge, USA</a></p> | ||
+ | </li> | ||
+ | <li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div id="updates"> | ||
+ | <h2>Recent Updates<br /> | ||
+ | <span>Team Progress</span></h2> | ||
+ | <ul class="style4"> | ||
+ | <li class="first">Photo Shoot Complete</li> | ||
+ | <li>Toronto Hotel Booked</li> | ||
+ | <li>3/6 Parts Sequenced Correctly</li> | ||
+ | <li>Sucrose Gradient in Progress</li> | ||
+ | <li>Business Cards Ordered</li> | ||
+ | <li>Intrexon Tour Scheduled</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
<div class="footer"> | <div class="footer"> | ||
<h3> </h3> | <h3> </h3> |
Revision as of 15:22, 6 August 2013
Sponsors
Funding the Science
Without our sponsors, this year's iGEM team would not be in existence. Thank you.
- Tom Skalak, Vice President of Research at UVA
- UVA Medical School
- UVA School of Engineering and Applie Science
- UVA College of Arts and Sciences
- Alumni Lacy Fund
Competition Events
Next Stop: Canada!
-
Biobrick Part Due
-
North America Regional Jamboree
-
World Championship Jamboree
Recent Updates
Team Progress
- Photo Shoot Complete
- Toronto Hotel Booked
- 3/6 Parts Sequenced Correctly
- Sucrose Gradient in Progress
- Business Cards Ordered
- Intrexon Tour Scheduled