From 2012.igem.org
(Difference between revisions)
|
|
Line 12: |
Line 12: |
| | | |
| <html> | | <html> |
- | <style type="text/css"> | + | <ul id="expand" class="expand-down"> |
- | <!--
| + | |
- | .expand-down {
| + | |
- | font-family:Arial, Helvetica, sans-serif;
| + | |
- | line-height:normal;
| + | |
- | margin-top:20px;
| + | |
- | background-image: url(https://2012.igem.org/File:Groningen2012_AD_20120802_SmallCog.png)
| + | |
- | height:150px;
| + | |
- | width:800px;
| + | |
- | margin-left:200px;
| + | |
- | no-repeat;
| + | |
- | margin-bottom:30px;
| + | |
- | }
| + | |
- | .expand-down * {
| + | |
- | margin: 10;
| + | |
- | padding: 0;
| + | |
- | }
| + | |
- | .expand-down ul {
| + | |
- | padding-top:60px;
| + | |
- | margin-left:10px;
| + | |
- | }
| + | |
- | .expand-down ul li {
| + | |
- | float:left;
| + | |
- | list-style-type:none;
| + | |
- | }
| + | |
- | .expand-down ul li a {
| + | |
- | text-decoration:none;
| + | |
- | }
| + | |
- | .expand-down ul li a img {
| + | |
- | width:82px;
| + | |
- | height:80px;
| + | |
- | border:none;
| + | |
- | }
| + | |
- | .expand-down ul li a span {
| + | |
- | display:none;
| + | |
- | }
| + | |
- | .expand-down ul li:hover a span {
| + | |
- | display:block;
| + | |
- | font-size:14px;
| + | |
- | text-align:center;
| + | |
- | color:#fff;
| + | |
- | }
| + | |
- | .expand-down ul li:hover a img {
| + | |
- | width:100px;
| + | |
- | height:100px;
| + | |
- | }
| + | |
- | .expand-down ul li:hover + li a img {
| + | |
- | width:60px;
| + | |
- | height:60px;
| + | |
- | }
| + | |
- | .expand-down ul li:hover + li + li a img {
| + | |
- | width:55px;
| + | |
- | height:55px;
| + | |
- | }
| + | |
- | | + | |
- | -->
| + | |
- | </style>
| + | |
| | | |
| </head> | | </head> |
Revision as of 22:00, 8 August 2012