You are here

Home » API reference » Conditional Stylesheets 6

README.txt in Conditional Stylesheets 6

Same filename and directory in other branches
  1. 8 README.txt
  2. 7.2 README.txt
ABOUT CONDITIONAL STYLESHEETS
-----------------------------

Internet Explorer implements a proprietary technology called Conditional
Comments. While web developers frown upon technologies that aren't cross-browser
supported, many CSS developers have found Conditional Comments very useful since
they can be used to fix the broken rendering of CSS in IE by placing IE-only CSS
inside conditional comments.

This module allows themes to easily add conditional stylesheets to the theme's
.info file.


THEME USERS
-----------

You only need to enable this module if a theme requires that you use it. Once it
is enabled, the module automatically performs all of its work for any theme
requiring it. You don't need to configure anything.


THEME DEVELOPERS
----------------

Before this module was available the only way to have IE conditional stylesheets
was to hard-code them into your page.tpl.php. This module allows you to add
"conditional-stylesheets" lines to your theme's .info file.

The syntax for that is:
  conditional-stylesheets[CONDITIONAL][MEDIA][] = stylesheet.css

  where
    CONDITION can be any of the conditions specified in:
      http://msdn.microsoft.com/en-us/library/ms537512.aspx
    MEDIA can be any of the normal CSS media keywords.

For example, to add a stylesheet that only targets IE 6 and below, use:
  conditional-stylesheets[if lt IE 7][all][] = ie6-and-below.css

And to add a print stylesheet for IE8 only, use:
  conditional-stylesheets[if IE 8][print][] = ie8.css


*** IMPORTANT ***

Drupal 6 also stores a cache of the data in .info files. If you modify any lines
in your theme's .info file, you MUST refresh Drupal 6's cache by simply visiting
the admin/build/themes page.

File

README.txt
View source 
  1. ABOUT CONDITIONAL STYLESHEETS

  2. -----------------------------

  3. 

  4. Internet Explorer implements a proprietary technology called Conditional

  5. Comments. While web developers frown upon technologies that aren't cross-browser

  6. supported, many CSS developers have found Conditional Comments very useful since

  7. they can be used to fix the broken rendering of CSS in IE by placing IE-only CSS

  8. inside conditional comments.

  9. 

  10. This module allows themes to easily add conditional stylesheets to the theme's

  11. .info file.

  12. 

  13. 

  14. THEME USERS

  15. -----------

  16. 

  17. You only need to enable this module if a theme requires that you use it. Once it

  18. is enabled, the module automatically performs all of its work for any theme

  19. requiring it. You don't need to configure anything.

  20. 

  21. 

  22. THEME DEVELOPERS

  23. ----------------

  24. 

  25. Before this module was available the only way to have IE conditional stylesheets

  26. was to hard-code them into your page.tpl.php. This module allows you to add

  27. "conditional-stylesheets" lines to your theme's .info file.

  28. 

  29. The syntax for that is:

  30.   conditional-stylesheets[CONDITIONAL][MEDIA][] = stylesheet.css

  31. 

  32.   where

  33.     CONDITION can be any of the conditions specified in:

  34.       http://msdn.microsoft.com/en-us/library/ms537512.aspx

  35.     MEDIA can be any of the normal CSS media keywords.

  36. 

  37. For example, to add a stylesheet that only targets IE 6 and below, use:

  38.   conditional-stylesheets[if lt IE 7][all][] = ie6-and-below.css

  39. 

  40. And to add a print stylesheet for IE8 only, use:

  41.   conditional-stylesheets[if IE 8][print][] = ie8.css

  42. 

  43. 

  44. *** IMPORTANT ***

  45. 

  46. Drupal 6 also stores a cache of the data in .info files. If you modify any lines

  47. in your theme's .info file, you MUST refresh Drupal 6's cache by simply visiting

  48. the admin/build/themes page.