Team:Manchester/Hometest

From 2013.igem.org

(Difference between revisions)
(Created page with "<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <title> Home </title> <link rel="stylesheet" type="text/css" href="HomeStyle.css" /> ...")
Line 1: Line 1:
<html>
<html>
-
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head>
+
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
-
 
+
<title> Home </title>
<title> Home </title>
-
<link rel="stylesheet" type="text/css" href="HomeStyle.css" />
+
 
 +
<style type="text/css">
 +
<!------------------------------------------HomeStyle.css--------------------------------------------------------->
 +
*
 +
{
 +
margin:0;
 +
padding:0;
 +
}
 +
 
 +
body
 +
{
 +
background: #ccc;
 +
}
 +
 
 +
#slider
 +
{
 +
 
 +
margin:0 auto;
 +
width:950px;
 +
height:300px;
 +
overflow:hidden;
 +
 
 +
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 
 +
#slider ul
 +
{
 +
width:1000px;
 +
list-style:none;
 +
}
 +
 
 +
#slider ul li
 +
{
 +
position:relative;
 +
display:block;
 +
float:left;
 +
width:100px;
 +
border-left: 1px solid white;
 +
 
 +
transition: all 0.4s;
 +
}
 +
 
 +
/*#slider ul li {first-child} {border:none;}*/
 +
 
 +
#slider ul:hover li
 +
{
 +
width:40px;
 +
}
 +
 
 +
#slider ul li:hover
 +
{
 +
width:600px;
 +
}
 +
 
 +
#slider li img
 +
{
 +
display:block;
 +
}
 +
 
 +
#title
 +
{
 +
background: rgba(0,0,0,0.5);
 +
width:600px;
 +
position:absolute;
 +
left:0;
 +
bottom:0;
 +
}
 +
 
 +
#title a
 +
{
 +
display:block;
 +
color:white;
 +
text-decoration:none;
 +
font-size:20px;
 +
padding:20px;
 +
}
 +
 
 +
.footer
 +
{
 +
width:1000px;
 +
height:100px;
 +
margin:20px auto;
 +
padding:0;
 +
}
 +
 
 +
.mib
 +
{
 +
float:left;
 +
margin:0;
 +
 
 +
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 
 +
.igem
 +
{
 +
float:left;
 +
margin-left:170px;
 +
 
 +
 
 +
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 
 +
.uni
 +
{
 +
float:left;
 +
margin-left:135px;
 +
 
 +
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 
 +
<!------------------------------------------banner--------------------------------------------------------->
 +
.Web_OnlineTools_Logo1{
 +
 
 +
background-color:#cccccc;
 +
margin-top:20px;
 +
        margin-left:50px;
 +
 
 +
}.Web_OnlineTools_Logo1 h1{
 +
 
 +
border:0px;margin:0px;padding:0px;
 +
 
 +
text-align:center;
 +
 
 +
text-indent:0px;
 +
 
 +
font-size:42px;
 +
 
 +
line-height:49px;
 +
 
 +
font-family:Trebuchet MS;
 +
 
 +
color:#aaaaff;
 +
 
 +
font-weight:bold;
 +
 
 +
text-shadow:0px 0px 5px #000000;
 +
 
 +
 
 +
}
 +
 
 +
.Web_OnlineTools_Logo1 h2{
 +
 
 +
border:0px;margin:0px;padding:0px;
 +
 
 +
text-align:center;
 +
 
 +
text-indent:-40px;
 +
 
 +
font-size:17px;
 +
 
 +
line-height:22px;
 +
 
 +
font-family:Trebuchet MS;
 +
 
 +
color:#aaaaff;
 +
 
 +
font-weight:bold;
 +
 
 +
text-shadow:0px 0px 5px #000000;
 +
 
 +
 
 +
}
 +
 
 +
<!------------------------------------------banner--------------------------------------------------------->
 +
.Web_OnlineTools_Logo2{
 +
 
 +
background-color:#cccccc;
 +
        margin-top:100px;
 +
margin-bottom:20px;
 +
margin-left: 50px;
 +
}
 +
 +
.Web_OnlineTools_Logo2 h1{
 +
 
 +
border:0px;margin:0px;padding:0px;
 +
 
 +
text-align:center;
 +
 
 +
text-indent:8px;
 +
 
 +
font-size:20px;
 +
 
 +
line-height:32px;
 +
 
 +
font-family:Trebuchet MS;
 +
 
 +
color:#aaaaff;
 +
 
 +
font-weight:bold;
 +
 
 +
text-shadow:0px 0px 5px #000000;
 +
 
 +
 
 +
}
 +
 
 +
.Web_OnlineTools_Logo2 h2{
 +
 
 +
border:0px;margin:0px;padding:0px;
 +
 
 +
text-align:center;
 +
 
 +
text-indent:-18px;
 +
 
 +
font-size:60px;
 +
 
 +
line-height:22px;
 +
 
 +
font-family:Trebuchet MS;
 +
 
 +
color:#aaaaff;
 +
 
 +
font-weight:bold;
 +
 
 +
text-shadow:0px 0px 10px #000000;
 +
 
 +
 
 +
}
 +
</style>
 +
 
 +
<!--<link rel="stylesheet" type="text/css" href="HomeStyle.css" />
<link rel="stylesheet" type="text/css" href="BannerStyle2.css" />
<link rel="stylesheet" type="text/css" href="BannerStyle2.css" />
-
<link rel="stylesheet" type="text/css" href="BannerStyle3.css" />
+
<link rel="stylesheet" type="text/css" href="BannerStyle3.css" />-->
 +
 
 +
</head>
<body>
<body>

Revision as of 18:31, 10 July 2013

Home

PROJECT

University of Manchester