|
|
| Line 19: |
Line 19: |
| | #slider | | #slider |
| | { | | { |
| - | | + | width:1000px; |
| | + | height:300px; |
| | margin:0 auto; | | margin:0 auto; |
| - | width:950px;
| |
| - | height:300px;
| |
| | overflow:hidden; | | 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);
| + | |
| | } | | } |
| | | | |
| Line 42: |
Line 39: |
| | float:left; | | float:left; |
| | width:100px; | | width:100px; |
| - | border-left: 1px solid white;
| + | |
| | | | |
| | transition: all 0.4s; | | transition: all 0.4s; |
| | } | | } |
| - |
| |
| - | /*#slider ul li {first-child} {border:none;}*/
| |
| | | | |
| | #slider ul:hover li | | #slider ul:hover li |
| Line 62: |
Line 57: |
| | { | | { |
| | display:block; | | display:block; |
| | + | |
| | } | | } |
| | | | |
| Line 75: |
Line 71: |
| | #title a | | #title a |
| | { | | { |
| | + | margin:0; |
| | display:block; | | display:block; |
| | color:white; | | color:white; |
| | text-decoration:none; | | text-decoration:none; |
| - | font-size:20px; | + | font-size:16px; |
| | padding:20px; | | padding:20px; |
| | } | | } |
| Line 121: |
Line 118: |
| | } | | } |
| | | | |
| - | <!------------------------------------------banner--------------------------------------------------------->
| |
| - | .Web_OnlineTools_Logo1{
| |
| | | | |
| - | background-color:#cccccc;
| |
| - | margin-top:80px;
| |
| - | 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> | | </style> |
| | </head> | | </head> |
| | <body> | | <body> |
| | | | |
| - | <!-- Banner2 --------------------------------------------------------->
| |
| - | <div class="Web_OnlineTools_Logo2" style="padding:20px;">
| |
| - | <h1 id="header1_logo">PROJECT</h1>
| |
| - | <h2 id="header2_logo">SYNTHETIC PALM OIL</h2>
| |
| - | </div>
| |
| | | | |
| | <div id="slider"> | | <div id="slider"> |
| | <ul> | | <ul> |
| | <li> | | <li> |
| - | <div id="title"> <a href="OurTeam.html">Our Team</a></div> | + | <div id="title"> <a href="OurTeam.html">Our Team</a></div> |
| - | <a href="OurTeam.html"> <img src="https://static.igem.org/mediawiki/2013/b/b5/1.gif"/> </a> | + | <a href="OurTeam.html"> <img src="https://static.igem.org/mediawiki/2013/b/b5/1.gif"/> </a> |
| | </li> | | </li> |
| | | | |
| Line 290: |
Line 176: |
| | </li> | | </li> |
| | </ul> | | </ul> |
| - | </div>
| |
| - |
| |
| - | <!-- Banner1 --------------------------------------------------------->
| |
| - | <div class="Web_OnlineTools_Logo1">
| |
| - | <h1 id="header1_logo">University of Manchester </h1>
| |
| - | <h2 id="header2_logo">iGEM Team 2013</h2>
| |
| | </div> | | </div> |
| | | | |
"
