diff --git a/CHANGELOG.txt b/CHANGELOG.txt index e230911d7f614026cde07048be74b5d8eec36e52..b5bb5e3b673945763cffba799a2ec048bf06e2c3 100644 --- a/CHANGELOG.txt +++ b/CHANGELOG.txt @@ -2,6 +2,7 @@ Zen 6.x-2.x-dev, xxxx-xx-xx (development release) ------------------------ +- #379902: Make all stylesheets RTL compatible - #472694: Drupal 6.11 broke Zen's OpenID overrides - #375976 by JohnAlbin and Amitaibu: Flip sidebar positioning on RTL - #375953 by Amitaibu and JohnAlbin: Change sidebar names to be RTL friendly diff --git a/zen/block-editing-rtl.css b/zen/block-editing-rtl.css new file mode 100644 index 0000000000000000000000000000000000000000..56d56066931554c3ac40a0d5efdc506a2e52b9e5 --- /dev/null +++ b/zen/block-editing-rtl.css @@ -0,0 +1,12 @@ +/* $Id$ */ + +/** + * @file + * RTL companion for the block-editing.css file. + */ + + +div.block.with-block-editing div.edit +{ + left: 0; +} diff --git a/zen/block-editing.css b/zen/block-editing.css index c1b489857d027ac9ee7c8ebb218311a056c5f789..9f7a485ef8ba567c81bf75b44b9556ecb91b7bfd 100644 --- a/zen/block-editing.css +++ b/zen/block-editing.css @@ -15,7 +15,7 @@ div.block.with-block-editing div.edit { display: none; position: absolute; - right: 0; + right: 0; /* LTR */ top: 0; z-index: 40; border: 1px solid #eee; diff --git a/zen/forms-rtl.css b/zen/forms-rtl.css new file mode 100644 index 0000000000000000000000000000000000000000..f66b71164718e9cac244ccec3bf85c8c44ca3dc3 --- /dev/null +++ b/zen/forms-rtl.css @@ -0,0 +1,52 @@ +/* $Id$ */ + +/** + * @file + * RTL companion for the forms.css file. + */ + + +/* + * Drupal's default login form block + */ +#user-login-form +{ + text-align: right; +} + + +/* + * OpenID + * + * The default styling for the OpenID login link seems to assume Garland's + * styling of list items. + */ + +#user-login-form li.openid-link /* The "Log in using OpenID" link. */ +{ + margin-left: 0; + margin-right: -20px; /* Un-do some of the padding on the ul list. */ +} + +#user-login li.openid-link, /* The OpenID links on the /user form. */ +#user-login li.user-link +{ + margin-left: 0; + margin-right: -2em; /* Un-do all of the padding on the ul list. */ +} + + +/* + * Drupal admin tables + * + * We overrode these styles in html-elements.css, but restore them for the admin + * section of the site. + */ + +form th, +form thead th +{ + text-align: right; + padding-left: 1em; + padding-right: 0; +} diff --git a/zen/forms.css b/zen/forms.css index 78b4431a9cdab7dc566f1b1f0b02bbace75148d1..4ef1a660cc64776a7d346041baf44e6c63956f77 100644 --- a/zen/forms.css +++ b/zen/forms.css @@ -93,7 +93,7 @@ */ #user-login-form { - text-align: left; + text-align: left; /* LTR */ } @@ -112,7 +112,7 @@ #user-login-form li.openid-link /* The "Log in using OpenID" link. */ { margin-top: 1em; - margin-left: -20px; /* Un-do some of the padding on the ul list. */ + margin-left: -20px; /* LTR */ /* Un-do some of the padding on the ul list. */ } #user-login-form li.user-link /* The "Cancel OpenID login" link. */ @@ -128,7 +128,7 @@ #user-login li.openid-link, /* The OpenID links on the /user form. */ #user-login li.user-link { - margin-left: -2em; /* Un-do all of the padding on the ul list. */ + margin-left: -2em; /* LTR */ /* Un-do all of the padding on the ul list. */ } @@ -147,8 +147,8 @@ form tbody form th, form thead th { - text-align: left; - padding-right: 1em; + text-align: left; /* LTR */ + padding-right: 1em; /* LTR */ border-bottom: 3px solid #ccc; } diff --git a/zen/html-elements.css b/zen/html-elements.css index 138c571dadc1356e2d5ccfcd6618ef050e06040a..318f66565e8714d159950964bd3747e8885f96bd 100644 --- a/zen/html-elements.css +++ b/zen/html-elements.css @@ -241,7 +241,7 @@ thead th, tbody th { text-align: left; /* LTR */ - padding-right: 0; + padding: 0; border-bottom: none; } diff --git a/zen/ie6-rtl.css b/zen/ie6-rtl.css new file mode 100644 index 0000000000000000000000000000000000000000..22c963491a01358423ea1ead2232f8b0e62a4373 --- /dev/null +++ b/zen/ie6-rtl.css @@ -0,0 +1,15 @@ +/* $Id$ */ + +/** + * @file + * RTL companion for the ie6.css file. + */ + + +/* + * Layout CSS + */ +#page +{ + text-align: right; /* 2nd part of IE5/IE6quirks centering hack */ +} diff --git a/zen/ie6.css b/zen/ie6.css index d6d0a073d7488be0619971ce202469b5d7ec412f..651793d3aae9c106446bcaedfc29dba21006cafd 100644 --- a/zen/ie6.css +++ b/zen/ie6.css @@ -19,7 +19,7 @@ body #page { - text-align: left; /* 2nd part of IE5/IE6quirks centering hack */ + text-align: left; /* LTR */ /* 2nd part of IE5/IE6quirks centering hack */ } #main diff --git a/zen/messages-rtl.css b/zen/messages-rtl.css new file mode 100644 index 0000000000000000000000000000000000000000..7d820b1bc2315f6d21bf2769142ffec332e70283 --- /dev/null +++ b/zen/messages-rtl.css @@ -0,0 +1,16 @@ +/* $Id$ */ + +/** + * @file + * RTL companion for the messages.css file. + */ + + +div.messages, /* Important messages (status, warning, and error) for the user */ +div.status, +div.warning, +div.error +{ + padding: 5px 35px 5px 5px; + background-position: 99.5% 5px; +} diff --git a/zen/messages.css b/zen/messages.css index a0ee54acaac6ceafac6ab06ea3db8da2312d583d..881e61ac8e337f2668175f973d09cd4f1e87a493 100644 --- a/zen/messages.css +++ b/zen/messages.css @@ -16,12 +16,12 @@ div.error min-height: 21px; margin: 0 1em 5px 1em; border: 2px solid #ff7; - padding: 5px 5px 5px 35px; + padding: 5px 5px 5px 35px; /* LTR */ color: #000; background-color: #ffc; background-image: url(images/messages-status.png); background-repeat: no-repeat; - background-position: 5px 5px; + background-position: 5px 5px; /* LTR */ } div.status /* Normal priority messages */ diff --git a/zen/pages-rtl.css b/zen/pages-rtl.css new file mode 100644 index 0000000000000000000000000000000000000000..faf0b7742a04927caee598f2e6693f109e0f85b5 --- /dev/null +++ b/zen/pages-rtl.css @@ -0,0 +1,23 @@ +/* $Id$ */ + +/** + * @file + * RTL companion for the pages.css file. + */ + + +/* + * Header + */ +#logo /* Wrapper for logo */ +{ + margin: 0 0 0 10px; +} + +/* + * Content + */ +.more-link /* Aggregator, blog, and forum more link */ +{ + text-align: left; +} diff --git a/zen/pages.css b/zen/pages.css index dad19d01a255f7853b21781db6b5349bdd796d0a..765506698d47f3a36703f01e73048c0cd7d9a022 100644 --- a/zen/pages.css +++ b/zen/pages.css @@ -44,7 +44,7 @@ body #logo /* Wrapper for logo */ { - margin: 0 10px 0 0; + margin: 0 10px 0 0; /* LTR */ padding: 0; } @@ -219,7 +219,7 @@ ul.links li .more-link /* Aggregator, blog, and forum more link */ { - text-align: right; + text-align: right; /* LTR */ } #content-bottom /* Wrapper for any blocks placed in the "content bottom" region */