Stylesheets
Cascading Stylesheets, CSS, XSL, XSLT
Cascading Style Sheets (CSS)
Cascading Style Sheets (CSS) plays a central role in the relatively new and efficient Best Practice of separating Markup (XHTML) from Presentation (CSS) and Behaviours (Scripting). This approach to management of the presentation of content on the web makes it possible to adapt the presentation of content and objects to the capabilities and unique characteristics of the user's context. Quite simply, Cascading Style Sheets facilitate accessibility of web content for different abilities by providing different presentation stylesheets (Screen, PDA, Aural, Braille etc).
Theming Stylesheets User Interface [UI] Web Standards AccessibilityHow to define custom styles based on node content-type when theming Drupal
Part of the flexibility is Drupal is brought about by the fact that the CMS framework makes it possible to alter the presentation (layout and UI) based on various conditions derived from environmental, event, user, or data logic statements. In the case at hand, we are going to outline the process of implementing custom/separate layout templates for different content types in Drupal-6, and then further detecting implementing custom CSS styling for each content type by writing selectors based on specificity to the different types.
Theming Markup Stylesheets Drupal User Experience [UX] User Interface [UI] Server ScriptingImplementing drop-down/fly-out menus in Drupal without added modules
I have seen my share of modules, APIs, and other approaches to implementing drop-down or fly-out menus in the Drupal context. Actually before the advent of Drupal, the implementation of such Hier or Javascript overlay menus was relatively very convoluted, complex, and inaccessible. So what is currently available within Drupal is actually a great improvement from what we had before.
Theming Markup Stylesheets Drupal User Experience [UX] Client Scripting User Interface [UI] Web Standards AccessibilityUnderstanding Cascading Style Sheet (CSS) Selector specificity
CSS uses the concept of specificity to resolve conflicts that result from the existence of more than one selector targeting a given element. Specificity on CSS 2.1 is denoted and calculated using a four (4) digit notation written as x,y,z,q with each digit level standing for a different level and quantity of specificity.
Theming Stylesheets User Interface [UI] Web Standards

