Difference between revisions of "Template:Edinburgh practices"
Line 534: | Line 534: | ||
font-weight: 400; | font-weight: 400; | ||
} | } | ||
+ | |||
+ | /*menu*/ | ||
+ | |||
+ | |||
+ | /* Black and White drop Drown Menu for Blogger by labstrikes.blogspot.com */ | ||
+ | ul.dropdown li a { | ||
+ | display: block; | ||
+ | padding: 3px 13px; | ||
+ | } | ||
+ | ul.dropdown li { | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | ul.dropdown li.dir { | ||
+ | padding: 7px 20px 7px 12px; | ||
+ | } | ||
+ | ul.dropdown ul li.dir { | ||
+ | padding-right: 15px; | ||
+ | } | ||
+ | ul.dropdown ul a { | ||
+ | padding: 4px 5px 4px 12px; | ||
+ | } | ||
+ | ul.dropdown ul a:hover { | ||
+ | padding: 3px 5px 3px 11px; | ||
+ | border: solid 1px #ddd; | ||
+ | background-color: #eee; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | ul.dropdown, | ||
+ | ul.dropdown li, | ||
+ | ul.dropdown ul { | ||
+ | list-style: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | ul.dropdown { | ||
+ | position: relative; | ||
+ | z-index: 597; | ||
+ | float: left; | ||
+ | } | ||
+ | ul.dropdown li { | ||
+ | float: left; | ||
+ | min-height: 1px; | ||
+ | line-height: 1.3em; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | ul.dropdown li.hover, | ||
+ | ul.dropdown li:hover { | ||
+ | position: relative; | ||
+ | z-index: 599; | ||
+ | cursor: default; | ||
+ | } | ||
+ | ul.dropdown ul { | ||
+ | visibility: hidden; | ||
+ | position: absolute; | ||
+ | top: 100%; | ||
+ | left: 0; | ||
+ | z-index: 598; | ||
+ | width: 100%; | ||
+ | } | ||
+ | ul.dropdown ul li { | ||
+ | float: none; | ||
+ | } | ||
+ | ul.dropdown ul ul { | ||
+ | top: 1px; | ||
+ | left: 99%; | ||
+ | } | ||
+ | ul.dropdown li:hover > ul { | ||
+ | visibility: visible; | ||
+ | } | ||
+ | ul.dropdown { | ||
+ | font: bold 12px Arial, Helvetica, sans-serif; | ||
+ | } | ||
+ | ul.dropdown li { | ||
+ | padding: 3px 12px; | ||
+ | background-color: #000; | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | ul.dropdown li.hover, | ||
+ | ul.dropdown li:hover { | ||
+ | background-color: #222; | ||
+ | } | ||
+ | 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; } | ||
+ | |||
+ | /* -- level mark -- */ | ||
+ | |||
+ | ul.dropdown ul { | ||
+ | margin-left: -6px; | ||
+ | width: 170px; | ||
+ | padding-bottom: 9px; | ||
+ | background: url(http://4.bp.blogspot.com/-MwgiNzVwW8Q/UIixwkBTy5I/AAAAAAAAFdg/0UQSjWZV1zU/s1600/dropdown_pane.png) 0 100% no-repeat; | ||
+ | color: #000; | ||
+ | font-size: 11px; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | |||
+ | ul.dropdown ul li { | ||
+ | background-color: transparent; | ||
+ | color: #000; | ||
+ | } | ||
+ | |||
+ | ul.dropdown ul li.hover, | ||
+ | ul.dropdown ul li:hover { | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | ul.dropdown ul li.empty { | ||
+ | padding: 12px 12px 7px !important; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | 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; } | ||
+ | |||
+ | /* -- level mark -- */ | ||
+ | |||
+ | ul.dropdown ul ul { | ||
+ | display: none; | ||
+ | } | ||
+ | /* -- Supporting class `dir` -- */ | ||
+ | ul.dropdown *.dir { | ||
+ | padding-right: 12px; | ||
+ | background-image: none; | ||
+ | background-position: 100% 50%; | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | </html> | ||
+ | |||
</style> | </style> | ||
<!-- End of CSS --> | <!-- End of CSS --> |
Revision as of 12:46, 21 August 2015
</style>
</html>