|
|
| Line 1: |
Line 1: |
| | <html> | | <html> |
| | <style> | | <style> |
| − | /* Wrapper for the menu */
| |
| − |
| |
| − | /*
| |
| − | * Drop-Down Menu
| |
| − | * Inspired by
| |
| − | * Vimeo.com CSS Drop-Down Menu Theme
| |
| − | * @link http://www.lwis.net/
| |
| − | * @copyright 2009 Live Web Institute. All Rights Reserved.
| |
| − | */
| |
| − |
| |
| − | ul.dropdown { background: transparent url(https://static.igem.org/mediawiki/2016/5/55/T--Bordeaux--File_box1-bottom.png) 0 100% no-repeat; font: normal 14px/normal Tahoma, Verdana, Arial, Helvetica, sans-serif;}
| |
| − | ul.dropdown li { padding: 5px 10px; background-color: #172322; color: #fff; line-height: 22px; white-space: nowrap; }
| |
| − | ul.dropdown li.first { padding-left: 15px; background: transparent url(https://static.igem.org/mediawiki/2016/e/e7/T--Bordeaux--box1-bottom2.png) 0 100% no-repeat;}
| |
| − | ul.dropdown li.last { padding-right: 15px; background: transparent url(https://static.igem.org/mediawiki/2016/e/e7/T--Bordeaux--box1-bottom2.png) 100% 100% no-repeat; }
| |
| − | ul.dropdown li.hover,ul.dropdown li:hover { color: #b0d730; }
| |
| − | ul.dropdown a:link,
| |
| − | ul.dropdown a:visited { color: #fff; text-decoration: none; }
| |
| − | ul.dropdown a:hover { color: #b0d730; }
| |
| − | ul.dropdown a:active { color: #0395cc; }
| |
| − | ul.dropdown ul { left: -21px; width: 150px; padding: 0 16px; background: url(https://static.igem.org/mediawiki/2016/5/5e/T--Bordeaux--box1-top.png) 50% 0 no-repeat;}
| |
| − | ul.dropdown li.last ul { left: auto; right: 16px;}
| |
| − | ul.dropdown ul li { height: auto; padding: 5px 15px; line-height: 1.3em; white-space: normal;}
| |
| − | ul.dropdown ul li.first { padding-left: 0; background: #172322; }
| |
| − | ul.dropdown ul li.last { padding-bottom: 10px;background: transparent url(https://static.igem.org/mediawiki/2016/e/e7/T--Bordeaux--box1-bottom2.png) 50% 100% no-repeat;}
| |
| − | ul.dropdown ul li.first ul {top: 0; padding: 0 16px 0 0; background-image: url(https://static.igem.org/mediawiki/2016/d/d1/T--Bordeaux--box1-outwards-top-right.png);}
| |
| − | ul.dropdown ul li.last { padding-bottom: 10px;background: transparent url(https://static.igem.org/mediawiki/2016/5/55/T--Bordeaux--File_box1-bottom.png) 50% 100% no-repeat;}
| |
| − | ul.dropdown ul li.first li.first { background-image: none;}
| |
| − | ul.dropdown ul li.last {padding-right: 0;}
| |
| − | ul.dropdown ul li.last ul { left: 100%; right: auto; top: -16px;}
| |
| − |
| |
| − | ul.dropdown ul ul { top: -12px; left: 100%; padding: 16px 0 0; background: transparent url(https://static.igem.org/mediawiki/2016/8/82/T--Bordeaux--box1-top-left.png) 0 0 no-repeat;}
| |
| − | ul.dropdown ul ul li.first { padding-top: 10px; background: #172322 url(https://static.igem.org/mediawiki/2016/5/51/T--Bordeaux--box1-top-right.png) 100% 0 no-repeat;}
| |
| − |
| |
| − | ul.dropdown *.dir { padding-right: 20px; background-image: url(https://static.igem.org/mediawiki/2016/8/86/T--Bordeaux--nav-arrow-down.png); background-position: 100% 50%; background-repeat: no-repeat;}
| |
| − | ul.dropdown-horizontal ul *.dir { padding-right: 15px; background-image: url(../images/nav-arrow-right.png); background-position: 95% 50%; background-repeat: no-repeat;}
| |
| − |
| |
| − | ul.dropdown li a { display: block; padding: 5px 10px;}
| |
| − | ul.dropdown li, ul.dropdown ul li { padding: 0;}
| |
| − | ul.dropdown li.dir { padding: 5px 20px 5px 10px;}
| |
| − | ul.dropdown ul li.dir { padding: 5px 15px;}
| |
| − | ul.dropdown ul a { padding-left: 15px;}
| |
| − | ul.dropdown li.hover *.open { color: #b0d730;}
| |
| − | ul.dropdown li:hover > *.dir { color: #b0d730;}
| |
| − |
| |
| − |
| |
| − |
| |
| | /********************************* CONTENT OF THE PAGE ********************************/ | | /********************************* CONTENT OF THE PAGE ********************************/ |
| | | | |
