"
Team:NCTU Formosa/Test
From 2014.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
| - | |||
<!doctype html> | <!doctype html> | ||
| Line 15: | Line 14: | ||
a{ text-decoration:none; outline:0;} | a{ text-decoration:none; outline:0;} | ||
img{ border:0;} | img{ border:0;} | ||
| - | body{ letter-spacing:1px; font-family: "微軟正黑體", Arial, Helvetica, sans-serif; background:url(images/ | + | body{ letter-spacing:1px; font-family: "微軟正黑體", Arial, Helvetica, sans-serif; background:url(images/http://i.imgur.com/mWKftAX.jpg);} |
.wrapper{ width:960px; margin:auto;} | .wrapper{ width:960px; margin:auto;} | ||
header{ position:relative; height:160px;} | header{ position:relative; height:160px;} | ||
.logo a, nav{ position:absolute;} | .logo a, nav{ position:absolute;} | ||
| - | .logo a{ display:block; width:300px; height:130px; background:url(images/ | + | .logo a{ display:block; width:300px; height:130px; background:url(images/http://i.imgur.com/MkGxmuh.png); right:0; text-indent:-9999px;} |
footer{ color:#C30; text-align:center;} | footer{ color:#C30; text-align:center;} | ||
.menu{ overflow:hidden; list-style:none; margin:0; padding:0;} | .menu{ overflow:hidden; list-style:none; margin:0; padding:0;} | ||
| Line 43: | Line 42: | ||
.light{ | .light{ | ||
| - | display:block; position:absolute; background:#000; top:7px; left:7px; z-index:2; width:250px; height:156px; background:url(images/ | + | display:block; position:absolute; background:#000; top:7px; left:7px; z-index:2; width:250px; height:156px; background:url(images/http://i.imgur.com/Y4GeQ7H.png);} |
.icon{ | .icon{ | ||
| - | display:block; position:absolute; width:100px; height:100px; background:url(images/ | + | display:block; position:absolute; width:100px; height:100px; background:url(images/http://i.imgur.com/qyKteJV.png); top:100%; left:100%; z-index:2;} |
.adv2 a:hover .light{} | .adv2 a:hover .light{} | ||
| Line 60: | Line 59: | ||
<article class="adv2"> | <article class="adv2"> | ||
| - | + | <a href="javascript:;"><img src="http://i.imgur.com/l1hnSvm.jpg" width="250" height="156"><span class="borderAni"></span><span class="light"></span><span class="icon"></span></a> | |
| - | <a href="javascript:;"><img src=" | + | <a href="javascript:;"><img src="http://i.imgur.com/f05fPSt.jpg" width="250" height="156"><span class="borderAni"></span><span class="light"></span><span class="icon"></span></a> |
| - | <a href="javascript:;"><img src=" | + | <a href="javascript:;"><img src="http://i.imgur.com/jtTXkyv.jpg" width="250" height="156"><span class="borderAni"></span><span class="light"></span><span class="icon"></span></a> |
| - | <a href="javascript:;"><img src=" | + | <a href="javascript:;"><img src="http://i.imgur.com/sKinGkJ.jpg" width="250" height="156"><span class="borderAni"></span><span class="light"></span><span class="icon"></span></a> |
| - | <a href="javascript:;"><img src=" | + | <a href="javascript:;"><img src="http://i.imgur.com/VZxGX15.jpg" width="250" height="156"><span class="borderAni"></span><span class="light"></span><span class="icon"></span></a> |
| - | <a href="javascript:;"><img src=" | + | <a href="javascript:;"><img src="http://i.imgur.com/jpLRFTB.jpg" width="250" height="156"><span class="borderAni"></span><span class="light"></span><span class="icon"></span></a> |
</article> | </article> | ||
Revision as of 09:29, 3 September 2014
<!doctype html>
