|
|
Line 7: |
Line 7: |
| | | |
| | | |
- | /*------------------------------------------------------------------------------------------------------/ | + | ul.dropdown li a { /* Moved from 'custom' section */ |
- | * @section Base Style Extension
| + | display: block; |
- | */
| + | padding: 7px 12px; |
| + | } |
| | | |
- | ul.dropdown a,
| |
- | ul.dropdown span {
| |
- | display: block;
| |
- | padding: 5px 30px;
| |
- | }
| |
| | | |
| + | /* ------------- Override default */ |
| | | |
| + | ul.dropdown li { |
| + | padding: 0; |
| + | } |
| | | |
- | /*------------------------------------------------------------------------------------------------------/
| |
- | * @section Base Style Override
| |
- | */
| |
| | | |
| + | /* ------------- Reinitiate default: post-override activities */ |
| | | |
- | ul.dropdown li { | + | ul.dropdown li.dir { |
- | padding: 0;
| + | padding: 7px 20px 7px 12px; |
- | } | + | } |
| | | |
- | ul.dropdown ul a, | + | ul.dropdown ul li.dir { |
- | ul.dropdown ul span { /* POI, proposal: override abstract a, span */
| + | padding-right: 15px; |
- | padding: 8px;
| + | } |
- | } | + | |
| | | |
| | | |
| + | /* ------------- Custom */ |
| | | |
- | /*------------------------------------------------------------------------------------------------------/
| + | ul.dropdown li { |
- | * @section Base Style Reinitiate: post-override activities
| + | |
- | */
| + | |
| | | |
| + | } |
| | | |
- | ul.dropdown *.dir { /* POI */
| |
- | padding: 5px 30px;
| |
- | }
| |
| | | |
- | ul.dropdown ul *.dir {
| + | /* Especially for IE6 or lower */ |
- | padding: 8px 30px 8px 8px;
| + | |
- | }
| + | |
| | | |
| + | ul.dropdown ul a { |
| + | padding: 4px 5px 4px 12px; |
| + | /*width: 139px;*/ |
| + | } |
| | | |
| + | ul.dropdown ul a:hover { |
| + | padding: 3px 5px 3px 11px; |
| + | border: solid 1px #ddd; |
| + | background-color: #eee; |
| + | font-weight: bold; |
| + | } |
| | | |
- | /*------------------------------------------------------------------------------------------------------/
| + | ul.dropdown ul a.dir { |
- | * @section Custom Styles
| + | /*width: 129px;*/ |
- | */
| + | } |
- | | + | |
- | | + | |
- | ul.dropdown ul a {
| + | |
- | width: 133px;
| + | |
- | }
| + | |
- | | + | |
- | ul.dropdown ul a.dir {
| + | |
- | width: 111px;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | /*------------------------------------------------------------------------------------------------------/
| + | |
- | * @section Support Class `open` Usage
| + | |
- | * @source js, artificial
| + | |
- | *
| + | |
- | */
| + | |
- | | + | |
- | | + | |
- | ul.dropdown *.open { | + | |
- | background-color: #3d3d3d;
| + | |
- | }
| + | |
- | ul.dropdown ul *.open { | + | |
- | background-color: #4c4c4c;
| + | |
- | background-image: url(images/comnav-arrowover.png);
| + | |
- | color: #fff;
| + | |
- | }
| + | |
- | ul.dropdown ul ul *.open {
| + | |
- | background-color: #595959;
| + | |
- | background-image: url(images/comnav-arrowover2.png);
| + | |
- | color: #fff;
| + | |
- | }
| + | |
- | /* Override UPPER TWO definitions */
| + | |
- | ul.dropdown a.open:hover {
| + | |
- | background-color: #4698ca;
| + | |
- | color: #fff;
| + | |
- | }
| + | |
- | ul.dropdown ul a.open:hover {
| + | |
- | background-image: url(images/comnav-arrowon.png);
| + | |
- | color: #fff;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | /* Clone in CSS 2 */
| + | |
- | | + | |
- | ul.dropdown li:hover > *.dir {
| + | |
- | background-color: #3d3d3d;
| + | |
- | }
| + | |
- | ul.dropdown ul li:hover > *.dir {
| + | |
- | background-color: #4c4c4c;
| + | |
- | background-image: url(images/comnav-arrowover.png);
| + | |
- | }
| + | |
- | ul.dropdown ul ul li:hover > *.dir {
| + | |
- | background-color: #595959;
| + | |
- | background-image: url(images/comnav-arrowover2.png);
| + | |
- | color: #fff;
| + | |
- | }
| + | |
- | | + | |
- | /* Override UPPER TWO definitions */
| + | |
- | ul.dropdown li:hover > a.dir:hover {
| + | |
- | background-color: #4698ca;
| + | |
- | color: #fff;
| + | |
- | } | + | |
- | ul.dropdown ul li:hover > a.dir:hover {
| + | |
- | background-image: url(images/comnav-arrowon.png);
| + | |
- | color: #fff;
| + | |
- | }
| + | |
- | | + | |
| </style> | | </style> |
| | | |
| </html> | | </html> |