"
Team:UCL-London/Test
From 2013.igem.org
| Line 5: | Line 5: | ||
<style> | <style> | ||
| + | /***********************/ | ||
| + | /*default header styles*/ | ||
| + | /***********************/ | ||
| + | |||
| + | div.header | ||
| + | { | ||
| + | width:963px; | ||
| + | height:150px; | ||
| + | background-image:url('images/header.jpg'); | ||
| + | margin:0px; | ||
| + | } | ||
| + | |||
| + | div.navbar | ||
| + | { | ||
| + | width:963px; | ||
| + | height:40px; | ||
| + | background:navy; | ||
| + | margin:0px; | ||
| + | overflow:hidden; | ||
| + | } | ||
| + | |||
| + | div.navlink | ||
| + | { | ||
| + | float:left; | ||
| + | width:106px; | ||
| + | padding-top:10px; | ||
| + | border:1px solid white; | ||
| + | border-left:0px; | ||
| + | border-top:0px; | ||
| + | border-bottom:0px; | ||
| + | height:40px; | ||
| + | background:navy; | ||
| + | margin:0px; | ||
| + | color:white; | ||
| + | text-align:center; | ||
| + | text-vertical-align:middle; | ||
| + | overflow:hidden; | ||
| + | font-weight:bold; | ||
| + | font-family:"Arial"; | ||
| + | } | ||
| + | |||
| + | div.navlink:hover | ||
| + | { | ||
| + | background:blue; | ||
| + | } | ||
| + | |||
| + | /********************/ | ||
| + | /*default row styles*/ | ||
| + | /********************/ | ||
| + | |||
| + | div.row_small, | ||
| + | div.row_large, | ||
| + | div.buffer | ||
| + | { | ||
| + | width:963px; | ||
| + | background:E8E8E8; | ||
| + | margin:0px; | ||
| + | padding:0px; | ||
| + | overflow:hidden; | ||
| + | } | ||
| + | |||
| + | div.row_small | ||
| + | { | ||
| + | height:200px; | ||
| + | } | ||
| + | |||
| + | div.row_large | ||
| + | { | ||
| + | height:300px; | ||
| + | } | ||
| + | |||
| + | div.buffer | ||
| + | { | ||
| + | height:6px; | ||
| + | } | ||
| + | |||
| + | /**********************/ | ||
| + | /*default panel styles*/ | ||
| + | /**********************/ | ||
| + | |||
| + | div.small_left, | ||
| + | div.small_center, | ||
| + | div.small_right, | ||
| + | div.large_left, | ||
| + | div.large_right | ||
| + | { | ||
| + | float:left; | ||
| + | background:#98c3cd; | ||
| + | height:100%; | ||
| + | margin:0px; | ||
| + | } | ||
| + | |||
| + | div.small_left:hover, | ||
| + | div.small_center:hover, | ||
| + | div.small_right:hover, | ||
| + | div.large_left:hover, | ||
| + | div.large_right:hover | ||
| + | { | ||
| + | background:#196AF7; | ||
| + | color:white; | ||
| + | } | ||
| + | |||
| + | /*******************************/ | ||
| + | /*default specific panel styles*/ | ||
| + | /*******************************/ | ||
| + | |||
| + | div.small_left | ||
| + | { | ||
| + | margin-right:6px; | ||
| + | width:317px; | ||
| + | } | ||
| + | |||
| + | div.small_center | ||
| + | { | ||
| + | width:317px; | ||
| + | } | ||
| + | |||
| + | div.small_right | ||
| + | { | ||
| + | margin-left:6px; | ||
| + | width:317px; | ||
| + | } | ||
| + | |||
| + | div.large_left | ||
| + | { | ||
| + | width:640px; | ||
| + | } | ||
| + | |||
| + | div.large_right | ||
| + | { | ||
| + | width:640px; | ||
| + | } | ||
| + | |||
</style> | </style> | ||
</head> | </head> | ||
Revision as of 10:15, 18 June 2013
Project Summary
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Pellentesque at augue placerat, fringilla lorem ac, condimentum tellus.
Nullam dui turpis, rhoncus vehicula hendrerit vitae, rhoncus at odio.
Nullam auctor nulla ac lorem dignissim, ut sodales diam pharetra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Pellentesque at augue placerat, fringilla lorem ac, condimentum tellus.
Nullam dui turpis, rhoncus vehicula hendrerit vitae, rhoncus at odio.
Nullam auctor nulla ac lorem dignissim, ut sodales diam pharetra
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Pellentesque at augue placerat, fringilla lorem ac, condimentum tellus.
Nullam dui turpis, rhoncus vehicula hendrerit vitae, rhoncus at odio.
Nullam auctor nulla ac lorem dignissim, ut sodales diam pharetra
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque at augue placerat, fringilla lorem ac, condimentum tellus. Nullam dui turpis, rhoncus vehicula hendrerit vitae, rhoncus at odio. Nullam auctor nulla ac lorem dignissim, ut sodales diam pharetra.
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque at augue placerat, fringilla lorem ac, condimentum tellus. Nullam dui turpis, rhoncus vehicula hendrerit vitae, rhoncus at odio. Nullam auctor nulla ac lorem dignissim, ut sodales diam pharetra.
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque at augue placerat, fringilla lorem ac, condimentum tellus. Nullam dui turpis, rhoncus vehicula hendrerit vitae, rhoncus at odio. Nullam auctor nulla ac lorem dignissim, ut sodales diam pharetra. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque at augue placerat, fringilla lorem ac, condimentum tellus.
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque at augue placerat, fringilla lorem ac, condimentum tellus. Nullam dui turpis, rhoncus vehicula hendrerit vitae, rhoncus at odio. Nullam auctor nulla ac lorem dignissim, ut sodales diam pharetra.
