"
Team:Edinburgh/defaultcss
From 2009.igem.org
(Difference between revisions)
| (14 intermediate revisions not shown) | |||
| Line 7: | Line 7: | ||
| - | /*-------------------------------------------------/ | + | /*------------------------------------------------------------------------------------------------------/ |
* @section Base Drop-Down Styling | * @section Base Drop-Down Styling | ||
* @structure ul (unordered list) | * @structure ul (unordered list) | ||
* ul li (list item) | * ul li (list item) | ||
* ul li a (links) | * ul li a (links) | ||
| - | * | + | * *(.class|:hover) |
* @level sep ul | * @level sep ul | ||
*/ | */ | ||
| + | |||
| + | /* ----- ALL LEVELS (incl. first) */ | ||
ul.dropdown { | ul.dropdown { | ||
| - | font: | + | font: 12px Arial, Helvetica, sans-serif; |
} | } | ||
ul.dropdown li { | ul.dropdown li { | ||
padding: 7px 12px; | padding: 7px 12px; | ||
| - | background-color: # | + | background-color: #252833; |
color: #fff; | color: #fff; | ||
} | } | ||
| Line 29: | Line 31: | ||
ul.dropdown li.hover, | ul.dropdown li.hover, | ||
ul.dropdown li:hover { | ul.dropdown li:hover { | ||
| - | background-color: # | + | background-color: #252833; |
} | } | ||
| Line 47: | Line 49: | ||
width: 170px; | width: 170px; | ||
padding-bottom: 9px; | padding-bottom: 9px; | ||
| - | background: url( | + | background: url(https://static.igem.org/mediawiki/2009/d/d6/EdinburghDropdown_pane.png) 0 100% no-repeat; |
color: #000; | color: #000; | ||
font-size: 11px; | font-size: 11px; | ||
| Line 74: | Line 76: | ||
ul.dropdown ul ul { | ul.dropdown ul ul { | ||
| - | |||
} | } | ||
| Line 82: | Line 83: | ||
| - | |||
| - | + | /*------------------------------------------------------------------------------------------------------/ | |
| - | + | * @section Support Class 'dir' | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | /*-------------------------------------------------/ | + | |
| - | * @section | + | |
* @level sep ul, .class | * @level sep ul, .class | ||
*/ | */ | ||
| + | |||
| + | /* ----- ALL LEVELS (incl. first) */ | ||
ul.dropdown *.dir { | ul.dropdown *.dir { | ||
| - | padding-right: | + | padding-right: 12px; |
| - | background-image: | + | background-image: none; |
background-position: 100% 50%; | background-position: 100% 50%; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
} | } | ||
| + | |||
| + | /* ----- END LEVEL */ | ||
| + | |||
| + | |||
| - | /* | + | /* Components override */ |
ul.dropdown-horizontal ul *.dir { | ul.dropdown-horizontal ul *.dir { | ||
| Line 121: | Line 113: | ||
} | } | ||
| - | + | ul.dropdown-vertical *.dir { | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | ul.dropdown-vertical | + | |
| - | + | ||
background-image: url(images/nav-arrow-right.png); | background-image: url(images/nav-arrow-right.png); | ||
} | } | ||
ul.dropdown-vertical-rtl *.dir { | ul.dropdown-vertical-rtl *.dir { | ||
| - | padding-right | + | padding-right: 15px; |
| - | + | ||
background-image: url(images/nav-arrow-left.png); | background-image: url(images/nav-arrow-left.png); | ||
background-position: 0 50%; | background-position: 0 50%; | ||
} | } | ||
| - | |||
</style> | </style> | ||
</html> | </html> | ||
Latest revision as of 12:51, 16 July 2010
