Team:Manchester/Hometest
From 2013.igem.org
(Difference between revisions)
Abramov denn (Talk | contribs) (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" /> ...") |
Abramov denn (Talk | contribs) |
||
Line 1: | Line 1: | ||
<html> | <html> | ||
- | <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | + | <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