Team:Edinburgh/defaultcss
From 2009.igem.org
(Difference between revisions)
(9 intermediate revisions not shown) | |||
Line 5: | Line 5: | ||
@charset "UTF-8"; | @charset "UTF-8"; | ||
@import "https://2009.igem.org/Team:Edinburgh/helpercss?action=raw"; | @import "https://2009.igem.org/Team:Edinburgh/helpercss?action=raw"; | ||
+ | |||
/*------------------------------------------------------------------------------------------------------/ | /*------------------------------------------------------------------------------------------------------/ | ||
- | + | * @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: 12px Arial, Helvetica, sans-serif; | ||
+ | } | ||
ul.dropdown li { | ul.dropdown li { | ||
- | padding: | + | padding: 7px 12px; |
+ | background-color: #252833; | ||
+ | color: #fff; | ||
} | } | ||
- | ul.dropdown | + | ul.dropdown li.hover, |
- | + | ul.dropdown li:hover { | |
- | background- | + | background-color: #252833; |
- | + | ||
- | + | ||
} | } | ||
- | + | ul.dropdown a:link, | |
- | + | ul.dropdown a:visited { color: #fff; text-decoration: none; } | |
- | + | ul.dropdown a:hover { color: #fff; text-decoration: underline; } | |
- | + | ul.dropdown a:active { color: #fff; } | |
- | + | ||
- | + | ||
- | + | ||
- | |||
- | |||
- | |||
+ | /* ----- END LEVEL */ | ||
- | |||
- | + | /* ----- NON-FIRST LEVEL */ | |
- | + | ||
- | + | ||
- | ul.dropdown- | + | ul.dropdown ul { |
- | padding- | + | margin-left: -6px; |
- | background | + | width: 170px; |
- | + | padding-bottom: 9px; | |
+ | background: url(https://static.igem.org/mediawiki/2009/d/d6/EdinburghDropdown_pane.png) 0 100% no-repeat; | ||
+ | color: #000; | ||
+ | font-size: 11px; | ||
+ | font-weight: normal; | ||
} | } | ||
- | + | ul.dropdown ul li { | |
- | + | background-color: transparent; | |
- | + | color: #000; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | background-color: | + | |
- | color: # | + | |
} | } | ||
- | ul.dropdown li.hover, | + | ul.dropdown ul li.hover, |
- | ul.dropdown li:hover { | + | ul.dropdown ul li:hover { |
+ | background-color: transparent; | ||
} | } | ||
- | + | ul.dropdown ul li.empty { | |
- | + | padding: 12px 12px 7px !important; | |
- | ul.dropdown | + | font-weight: bold; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | ul.dropdown a: | + | ul.dropdown ul a:link, |
- | + | ul.dropdown ul a:visited { color: #000; } | |
- | + | ul.dropdown ul a:hover { color: #000; text-decoration: none; } | |
- | } | + | ul.dropdown ul a:active { color: #000; } |
+ | 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 { | 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%; | ||
+ | } | ||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 12:51, 16 July 2010