Change record status: 
Project: 
Introduced in branch: 
7.x
Introduced in version: 
7.23
Description: 

In Drupal 7.23, the default ordering of right-to-left CSS files within the HTML document has changed, to match the expected and documented behavior. This change only affects sites which display pages using a right-to-left language.

Previously, right-to-left CSS files were output semi-randomly, often in groups rather than immediately after the standard CSS file they were intended to override. Now, each right-to-left CSS file should appear in the HTML document immediately after the file it overrides.

This change is generally expected to fix issues with overrides not working correctly, but because it changes the order in which the CSS is applied, it could have unexpected effects in rare cases. Sites using right-to-left languages should check that their site's styling works as expected after updating to Drupal 7.23.

In the examples below, files such as "system.base-rtl.css" contain the right-to-left overrides for the styling found in an original file such as "system.base.css".

Before:

<html>
<head>
...
<style type="text/css" media="all">
@import url("http://example.com/modules/system/system.base.css?mr3eid");
@import url("http://example.com/modules/system/system.menus.css?mr3eid");
@import url("http://example.com/modules/system/system.messages.css?mr3eid");
@import url("http://example.com/modules/system/system.theme.css?mr3eid");
@import url("http://example.com/modules/system/system.base-rtl.css?mr3eid");
@import url("http://example.com/modules/system/system.menus-rtl.css?mr3eid");
@import url("http://example.com/modules/system/system.messages-rtl.css?mr3eid");
@import url("http://example.com/modules/system/system.theme-rtl.css?mr3eid");
</style>
...
</head>

After:

<html>
<head>
...
<style type="text/css" media="all">
@import url("http://example.com/modules/system/system.base.css?mr3emd");
@import url("http://example.com/modules/system/system.base-rtl.css?mr3emd");
@import url("http://example.com/modules/system/system.menus.css?mr3emd");
@import url("http://example.com/modules/system/system.menus-rtl.css?mr3emd");
@import url("http://example.com/modules/system/system.messages.css?mr3emd");
@import url("http://example.com/modules/system/system.messages-rtl.css?mr3emd");
@import url("http://example.com/modules/system/system.theme.css?mr3emd");
@import url("http://example.com/modules/system/system.theme-rtl.css?mr3emd");
</style>
...
</head>
Impacts: 
Site builders, administrators, editors
Module developers
Themers
Updates Done (doc team, etc.)
Online documentation: 
Not done
Theming guide: 
Not done
Module developer documentation: 
Not done
Examples project: 
Not done
Coder Review: 
Not done
Coder Upgrade: 
Not done
Other: 
Other updates done