From 2014.igem.org
(Difference between revisions)
|
|
| Line 5: |
Line 5: |
| | <body> | | <body> |
| | <style type="text/css"> | | <style type="text/css"> |
| - | #dropmenu{
| |
| - | position: relative;
| |
| - | list-style-type: none;
| |
| - | width: 800px;
| |
| - | height: 40px;
| |
| - | margin: 30px auto 300px;
| |
| - | padding: 0;
| |
| - | background: #8a9b0f;
| |
| - | border-bottom: 5px solid #535d09;
| |
| - | border-radius: 3px 3px 0 0;
| |
| - | }
| |
| - | #dropmenu li{
| |
| - | width: 20%;
| |
| - | float: left;
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | text-align: center;
| |
| - | }
| |
| - | #dropmenu li a{
| |
| - | display: block;
| |
| - | margin: 0;
| |
| - | padding: 15px 0 11px;
| |
| - | color: #fff;
| |
| - | font-size: 14px;
| |
| - | font-weight: bold;
| |
| - | line-height: 1;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - | #dropmenu li ul{
| |
| - | list-style: none;
| |
| - | position: absolute;
| |
| - | top: 100%;
| |
| - | left: 0;
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | border-radius: 0 0 3px 3px;
| |
| - | }
| |
| - | #dropmenu li ul li{
| |
| - | overflow: hidden;
| |
| - | width: 800px;
| |
| - | height: 0;
| |
| - | color: #fff;
| |
| - | -moz-transition: .2s;
| |
| - | -webkit-transition: .2s;
| |
| - | -o-transition: .2s;
| |
| - | -ms-transition: .2s;
| |
| - | transition: .2s;
| |
| - | }
| |
| - | #dropmenu li ul li a{
| |
| - | padding: 13px 15px;
| |
| - | background: #6e7c0c;
| |
| - | text-align: left;
| |
| - | font-size: 12px;
| |
| - | font-weight: normal;
| |
| - | }
| |
| - | #dropmenu li:hover > a{
| |
| - | background: #6e7c0c;
| |
| - | color: #eff7b1;
| |
| - | }
| |
| - | #dropmenu > li:hover > a{
| |
| - | border-radius: 3px 3px 0 0;
| |
| - | }
| |
| - | #dropmenu li:hover ul li{
| |
| - | overflow: visible;
| |
| - | height: 38px;
| |
| - | border-top: 1px solid #7c8c0e;
| |
| - | border-bottom: 1px solid #616d0b;
| |
| - | }
| |
| - | #dropmenu li:hover ul li:first-child{
| |
| - | border-top: 0;
| |
| - | }
| |
| - | #dropmenu li:hover ul li:last-child{
| |
| - | border-bottom: 0;
| |
| - | }
| |
| - | #dropmenu li:hover ul li:last-child a{
| |
| - | border-radius: 0 0 3px 3px;
| |
| - | }</style>
| |
| - | <div>
| |
| - | <ul id="dropmenu">
| |
| - | <li><a href="#">Home</a>
| |
| | | | |
| - | </li>
| |
| - | <li><a href="#">Team</a>
| |
| - | <ul>
| |
| - | <li><a href="#">Members&Attributions</a></li>
| |
| - | <li><a href="#">Official Team Profile</a></li>
| |
| - |
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li><a href="#">Project</a>
| |
| - |
| |
| - | </li>
| |
| - | <li><a href="#">Note</a>
| |
| - | <ul>
| |
| - | <li><a href="#">Protocol</a></li>
| |
| - | <li><a href="#">Calender</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li><a href="#">Result</a>
| |
| - | <ul>
| |
| - | <li><a href="#">Parts</a></li>
| |
| - | <li><a href="#">Modeling</a></li>
| |
| - | <li><a href="#">Achievements</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li><a href="#">More</a>
| |
| - | <ul>
| |
| - | <li><a href="#">Safety</a></li>
| |
| - | <li><a href="#">Judging form</a></li>
| |
| - | <li><a href="#">Human practice</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | </ul></div>
| |
| | </body> | | </body> |
| | </html> | | </html> |
Revision as of 02:45, 19 August 2014
"