Team:UCL-London/Test

From 2013.igem.org

(Difference between revisions)
Line 5: Line 5:
<style>
<style>
-
div.row{
+
/***********************/
-
width:(100% - 2px);
+
/*default header styles*/
-
padding:0px;
+
/***********************/
-
height:200px;
+
-
border:1px solid black;
+
-
margin:0px;
+
-
background:silver;
+
-
}
+
div.header
div.header
Line 56: Line 51:
}
}
-
div.row_small
+
/********************/
 +
/*default row styles*/
 +
/********************/
 +
 
 +
div.row_small,
 +
div.row_large,
 +
div.buffer
{
{
width:963px;
width:963px;
-
height:200px;
 
background:E8E8E8;
background:E8E8E8;
margin:0px;
margin:0px;
 +
padding:0px;
overflow:hidden;
overflow:hidden;
 +
}
 +
 +
div.row_small
 +
{
 +
height:200px;
}
}
div.row_large
div.row_large
{
{
-
width:963px;
 
height:300px;
height:300px;
-
background:E8E8E8;
 
-
margin:0px;
 
}
}
div.buffer
div.buffer
{
{
-
width:963px;
 
height:6px;
height:6px;
-
overflow:hidden;
 
-
background:#E8E8E8;
 
-
margin:0px;
 
-
padding:0px;
 
}
}
-
div.small_left
+
/**********************/
 +
/*default panel styles*/
 +
/**********************/
 +
 
 +
div.small_left,
 +
div.small_center,
 +
div.small_right,
 +
div.large_left,
 +
div.large_right
{
{
float:left;
float:left;
-
margin-right:6px;
 
-
margin-left:0px;
 
-
margin-top:0px;
 
-
margin-bottom:0px;
 
-
width:317px;
 
-
height: 100%;
 
background:#98c3cd;
background:#98c3cd;
 +
height:100%;
 +
margin:0px;
}
}
-
div.small_left:hover
+
div.small_left:hover,
 +
div.small_center:hover,
 +
div.small_right:hover,
 +
div.large_left:hover,
 +
div.large_right:hover
{
{
background:#196AF7;
background:#196AF7;
Line 101: Line 107:
}
}
-
div.small_center
+
/*******************************/
 +
/*default specific panel styles*/
 +
/*******************************/
 +
 
 +
div.small_left
{
{
-
float:left;
+
margin-right:6px;
-
margin:0px;
+
-
margin-top:0px;
+
-
margin-bottom:0px;
+
width:317px;
width:317px;
-
height: 100%;
 
-
background:#98c3cd;
 
}
}
-
div.small_center:hover
+
div.small_center
{
{
-
background:#196AF7;
+
width:317px;
-
color:white;
+
}
}
div.small_right
div.small_right
{
{
-
float:left;
 
-
margin-right:0px;
 
margin-left:6px;
margin-left:6px;
-
margin-top:0px;
 
-
margin-bottom:0px;
 
width:317px;
width:317px;
-
height: 100%;
 
-
background:#98c3cd;
 
-
}
 
-
 
-
div.small_right:hover
 
-
{
 
-
background:#196AF7;
 
-
color:white;
 
}
}
div.large_left
div.large_left
{
{
-
float:left;
 
-
margin-left:0px;
 
-
margin-right:0px;
 
-
margin-top:0px;
 
-
margin-bottom:0px;
 
width:640px;
width:640px;
-
height: 100%;
 
-
background:#98c3cd;
 
-
}
 
-
 
-
div.large_left:hover
 
-
{
 
-
background:#196AF7;
 
-
color:white;
 
}
}
div.large_right
div.large_right
{
{
-
float:left;
 
-
margin-left:0px;
 
-
margin-right:0px;
 
-
margin-top:0px;
 
-
margin-bottom:0px;
 
width:640px;
width:640px;
-
height: 100%;
+
}</style>
-
background:#98c3cd;
+
-
}
+
-
 
+
-
</style>
+
</head>
</head>

Revision as of 10:12, 18 June 2013

Header image here

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








twitter feed here

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.