|
|
Line 6: |
Line 6: |
| | | |
| /* Adapted from Edinburgh 2010 wiki */ | | /* Adapted from Edinburgh 2010 wiki */ |
- | /*------------------------------------------------------------------------------------------------------/
| |
- | * @section Base Drop-Down Styling
| |
- | * @structure ul (unordered list)
| |
- | * ul li (list item)
| |
- | * ul li a (links)
| |
- | * *(.class|:hover)
| |
- | * @level sep ul
| |
- | */
| |
- |
| |
- |
| |
- | /* ----- ALL LEVELS (incl. first) */
| |
- |
| |
- | ul.dropdown {
| |
- | font: 11px Tahoma, Arial, Helvetica, sans-serif;
| |
- | float:right;
| |
- | position:relative;
| |
- | right:50%;
| |
- | }
| |
- |
| |
- | ul.dropdown li {
| |
- | padding: 7px 12px;
| |
- | background-color: black;
| |
- | color: ivory;
| |
- | float:left;
| |
- | position:relative;
| |
- | left:50%;
| |
- | }
| |
- |
| |
- | ul.dropdown li.hover,
| |
- | ul.dropdown li:hover {
| |
- | background-color: black;
| |
- | }
| |
- |
| |
- | ul.dropdown a:link,
| |
- | ul.dropdown a:visited { color: ivory; text-decoration: none; }
| |
- | ul.dropdown a:hover { color: #CC3333; text-decoration: none; }
| |
- | ul.dropdown a:active { color: ivory; }
| |
- |
| |
- |
| |
- | /* ----- END LEVEL */
| |
- |
| |
- |
| |
- | /* ----- NON-FIRST LEVEL */
| |
- |
| |
- | ul.dropdown ul {
| |
- | margin-left: -6px;
| |
- | /*width: 150px;*/
| |
- | padding-bottom: 9px;
| |
- | background-color: black;
| |
- | color: ivory;
| |
- | font-size: 10px;
| |
- | font-weight: normal;
| |
- | right: auto;
| |
- | }
| |
- |
| |
- | ul.dropdown ul li {
| |
- | background-color: black;
| |
- | color: ivory;
| |
- | left: auto;
| |
- | }
| |
- |
| |
- | ul.dropdown ul li.hover,
| |
- | ul.dropdown ul li:hover {
| |
- | background-color: black;
| |
- | }
| |
- |
| |
- | ul.dropdown ul li.empty {
| |
- | padding: 12px 12px 7px !important;
| |
- | font-weight: bold;
| |
- | }
| |
- |
| |
- | ul.dropdown ul a:link,
| |
- | ul.dropdown ul a:visited { color: ivory; }
| |
- | ul.dropdown ul a:hover { color: #CC3333; text-decoration: none; }
| |
- | ul.dropdown ul a:active { color: ivory; }
| |
- |
| |
- | ul.dropdown ul ul {
| |
- | }
| |
- |
| |
- | ul.dropdown ul ul li {}
| |
- |
| |
- | /* ----- END LEVEL */
| |
- |
| |
- |
| |
- |
| |
- | /*------------------------------------------------------------------------------------------------------/
| |
- | * @section Support Class 'dir'
| |
- | * @level sep ul, .class
| |
- | */
| |
- |
| |
- |
| |
- | /* ----- ALL LEVELS (incl. first) */
| |
- |
| |
- | ul.dropdown *.dir {
| |
- | padding-right: 12px;
| |
- | background-image: none;
| |
- | background-position: 100% 50%;
| |
- | background-repeat: no-repeat;
| |
- | }
| |
- |
| |
- | /* ----- END LEVEL */
| |
- |
| |
- |
| |
- | /* Components override */
| |
- |
| |
- | ul.dropdown-horizontal ul *.dir {
| |
- | padding-right: 15px;
| |
- | background-image: url(images/nav-arrow-right.png);
| |
- | background-position: 100% 50%;
| |
- | background-repeat: no-repeat;
| |
- | }
| |
- |
| |
- | ul.dropdown-vertical *.dir {
| |
- | background-image: url(images/nav-arrow-right.png);
| |
- | }
| |
- |
| |
- | ul.dropdown-vertical-rtl *.dir {
| |
- | padding-right: 15px;
| |
- | background-image: url(images/nav-arrow-left.png);
| |
- | background-position: 0 50%;
| |
- | }
| |
- |
| |
| | | |
| /* Getting rid of IGEM elements */ | | /* Getting rid of IGEM elements */ |
Line 190: |
Line 68: |
| height:40px; | | height:40px; |
| padding-right:975px; | | padding-right:975px; |
- | background: grey; | + | background: #606060; |
| } | | } |
| | | |
Line 243: |
Line 121: |
| text-decoration: none; | | text-decoration: none; |
| font-weight: bold; | | font-weight: bold; |
- | color: #666666; | + | color: #555555; |
| } | | } |
| | | |
| </style> | | </style> |
- | | + | <br><br><br><br> |
| </html> | | </html> |