summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorAlex Pott2015-02-02 11:13:56 (GMT)
committerAlex Pott2015-02-02 11:13:56 (GMT)
commitdff56880632e576c3c68e70bd4e47e3ce739fc87 (patch)
treeb7ccb0aa725ed711c9ba26d545ab927f5c0b193b
parentd2ff08e0dcb8241800da7122d16c991cb98b0543 (diff)
Issue #2396489 by herom, rachel_norfolk, WigglyKoala, emma.maria, vijaycs85, jjcarrion: Add missing RTL rules to Bartik theme CSS
-rw-r--r--core/themes/bartik/color/preview.css43
-rw-r--r--core/themes/bartik/css/base/elements.css8
-rw-r--r--core/themes/bartik/css/components/admin.css10
-rw-r--r--core/themes/bartik/css/components/captions.css2
-rw-r--r--core/themes/bartik/css/components/comments.css2
-rw-r--r--core/themes/bartik/css/components/content.css4
-rw-r--r--core/themes/bartik/css/components/dropbutton.component.css4
-rw-r--r--core/themes/bartik/css/components/footer.css3
-rw-r--r--core/themes/bartik/css/components/form.css20
-rw-r--r--core/themes/bartik/css/components/pager.css14
-rw-r--r--core/themes/bartik/css/components/search-results.css10
-rw-r--r--core/themes/bartik/css/components/search.css2
-rw-r--r--core/themes/bartik/css/components/skip-link.css11
-rw-r--r--core/themes/bartik/css/components/table.css6
-rw-r--r--core/themes/bartik/css/components/triptych.css16
-rw-r--r--core/themes/bartik/css/components/vertical-tabs.component.css6
-rw-r--r--core/themes/bartik/css/components/views.css10
-rw-r--r--core/themes/bartik/css/maintenance-page.css11
18 files changed, 143 insertions, 39 deletions
diff --git a/core/themes/bartik/color/preview.css b/core/themes/bartik/color/preview.css
index c063c47..294277f 100644
--- a/core/themes/bartik/color/preview.css
+++ b/core/themes/bartik/color/preview.css
@@ -26,9 +26,13 @@
font-size: 1.821em;
line-height: 1;
margin-bottom: 30px;
- margin-left: 15px;
+ margin-left: 15px; /* LTR */
padding-top: 34px;
}
+[dir="rtl"] #preview-site-name {
+ margin-left: 0;
+ margin-right: 15px;
+}
#preview-main-menu {
clear: both;
padding: 0 15px 3px;
@@ -69,17 +73,29 @@
#preview-sidebar,
#preview-content {
display: inline;
- float: left;
+ float: left; /* LTR */
position: relative;
}
+[dir="rtl"] #preview-sidebar,
+[dir="rtl"] #preview-content {
+ float: right;
+}
#preview-sidebar {
- margin-left: 15px;
+ margin-left: 15px; /* LTR */
width: 210px;
}
+[dir="rtl"] #preview-sidebar {
+ margin-left: 0;
+ margin-right: 15px;
+}
#preview-content {
- margin-left: 30px;
+ margin-left: 30px; /* LTR */
width: 26.5em;
}
+[dir="rtl"] #preview-content {
+ margin-left: 0;
+ margin-right: 30px;
+}
#preview-sidebar .preview-block {
border: 1px solid;
margin: 20px 0;
@@ -130,11 +146,14 @@
}
#preview-footer-wrapper .preview-footer-column {
display: inline;
- float: left;
+ float: left; /* LTR */
padding: 0 10px;
position: relative;
width: 220px;
}
+[dir="rtl"] #preview-footer-wrapper .preview-footer-column {
+ float: right;
+}
#preview-footer-wrapper .preview-block {
border: 1px solid #444;
border-color: rgba(255, 255, 255, 0.1);
@@ -158,8 +177,12 @@
margin-top: 0;
}
#preview-footer-columns .preview-content ul {
- margin-left: 0;
- padding-left: 0;
+ margin-left: 0; /* LTR */
+ padding-left: 0; /* LTR */
+}
+[dir="rtl"] #preview-footer-columns .preview-content ul {
+ margin-right: 0;
+ padding-right: 0;
}
#preview-footer-columns .preview-content li {
list-style: none;
@@ -172,9 +195,13 @@
border-color: rgba(255, 255, 255, 0.15);
display: block;
line-height: 1.2;
- padding: 0.8em 2px 0.8em 20px;
+ padding: 0.8em 2px 0.8em 20px; /* LTR */
text-indent: -15px;
}
+[dir="rtl"] #preview-footer-columns .preview-content li a {
+ padding-left: 2px;
+ padding-right: 20px;
+}
#preview-footer-columns .preview-content li a:hover,
#preview-footer-columns .preview-content li a:focus {
background-color: #1f1f21;
diff --git a/core/themes/bartik/css/base/elements.css b/core/themes/bartik/css/base/elements.css
index ead25e9..907d52d 100644
--- a/core/themes/bartik/css/base/elements.css
+++ b/core/themes/bartik/css/base/elements.css
@@ -73,25 +73,27 @@ del {
blockquote {
background: #f7f7f7;
- border-left: 1px solid #bbb;
+ border-left: 1px solid #bbb; /* LTR */
font-style: italic;
margin: 1.5em 10px;
padding: 0.5em 10px;
}
[dir="rtl"] blockquote {
border-left: none;
- border-right: 4px solid #afafaf;
+ border-right: 1px solid #bbb;
}
blockquote:before {
color: #bbb;
content: "\201C";
font-size: 3em;
line-height: 0.1em;
- margin-right: 0.2em;
+ margin-right: 0.2em; /* LTR */
vertical-align: -.4em;
}
[dir="rtl"] blockquote:before {
content: "\201D";
+ margin-left: 0.2em;
+ margin-right: 0;
}
blockquote:after {
color: #bbb;
diff --git a/core/themes/bartik/css/components/admin.css b/core/themes/bartik/css/components/admin.css
index 1661946..c97c6a6 100644
--- a/core/themes/bartik/css/components/admin.css
+++ b/core/themes/bartik/css/components/admin.css
@@ -2,6 +2,10 @@
.path-admin #content img {
margin-right: 15px; /* LTR */
}
+[dir="rtl"] .path-admin #content img {
+ margin-left: 15px;
+ margin-right: 0;
+}
.path-admin #content .simpletest-image img {
margin: 0;
}
@@ -45,5 +49,9 @@ div.admin-panel dd {
margin: 0 0 10px;
}
div.admin-panel .description {
- margin: 0 0 14px 7px;
+ margin: 0 0 14px 7px; /* LTR */
+}
+[dir="rtl"] div.admin-panel .description {
+ margin-left: 0;
+ margin-right: 7px;
}
diff --git a/core/themes/bartik/css/components/captions.css b/core/themes/bartik/css/components/captions.css
index 4d68e11..cd24809 100644
--- a/core/themes/bartik/css/components/captions.css
+++ b/core/themes/bartik/css/components/captions.css
@@ -24,7 +24,7 @@
content: "— ";
}
.caption-blockquote > figcaption {
- text-align: left;
+ text-align: left; /* LTR */
}
[dir="rtl"] .caption-blockquote > figcaption {
text-align: right;
diff --git a/core/themes/bartik/css/components/comments.css b/core/themes/bartik/css/components/comments.css
index 6b543a1..9d3edcf 100644
--- a/core/themes/bartik/css/components/comments.css
+++ b/core/themes/bartik/css/components/comments.css
@@ -84,7 +84,7 @@
padding: 0 0.5em 0 0; /* LTR */
}
[dir="rtl"] .comment ul.links li {
- padding: 0 0 0.5em;
+ padding: 0 0 0 0.5em;
}
.comment.unpublished {
margin-right: 5px; /* LTR */
diff --git a/core/themes/bartik/css/components/content.css b/core/themes/bartik/css/components/content.css
index e236da7..1948af8 100644
--- a/core/themes/bartik/css/components/content.css
+++ b/core/themes/bartik/css/components/content.css
@@ -90,12 +90,10 @@ h1#page-title {
float: right;
}
.node__links {
- text-align: right;
+ text-align: right; /* LTR */
}
[dir="rtl"] .node__links {
text-align: left;
- margin-right: 236px;
- margin-left: 0;
}
@media all and (min-width: 560px) {
.node .field-type-image {
diff --git a/core/themes/bartik/css/components/dropbutton.component.css b/core/themes/bartik/css/components/dropbutton.component.css
index ac14aef..729815a 100644
--- a/core/themes/bartik/css/components/dropbutton.component.css
+++ b/core/themes/bartik/css/components/dropbutton.component.css
@@ -31,7 +31,7 @@
border-radius: 1em;
}
.js .dropbutton-widget .button:hover {
- border-radius: 1em 0 0 1em;
+ border-radius: 1em 0 0 1em; /* LTR */
}
[dir="rtl"].js .dropbutton-widget .button:hover {
border-radius: 0 1em 1em 0;
@@ -45,7 +45,7 @@
}
.js .dropbutton-multiple .dropbutton-widget .dropbutton-action a {
color: #3a3a3a;
- margin-right: 0;
+ margin-right: 0; /* LTR */
}
[dir="rtl"].js .dropbutton-multiple .dropbutton-widget .dropbutton-action a {
margin-left: 0;
diff --git a/core/themes/bartik/css/components/footer.css b/core/themes/bartik/css/components/footer.css
index 094181a..90de8af 100644
--- a/core/themes/bartik/css/components/footer.css
+++ b/core/themes/bartik/css/components/footer.css
@@ -60,10 +60,11 @@
#footer-columns .content ul {
list-style: none;
padding-left: 0; /* LTR */
- margin-left: 0;
+ margin-left: 0; /* LTR */
}
[dir="rtl"] #footer-columns .content ul {
padding-right: 0;
+ margin-right: 0;
}
#footer-columns .content li {
list-style: none;
diff --git a/core/themes/bartik/css/components/form.css b/core/themes/bartik/css/components/form.css
index 829be27..7eea1ec 100644
--- a/core/themes/bartik/css/components/form.css
+++ b/core/themes/bartik/css/components/form.css
@@ -26,7 +26,11 @@ fieldset,
font-size: 0.857em;
}
.filter-wrapper .form-item label {
- margin-right: 10px;
+ margin-right: 10px; /* LTR */
+}
+[dir="rtl"] .filter-wrapper .form-item label {
+ margin-left: 10px;
+ margin-right: 0;
}
summary {
background: #dbdbdb;
@@ -109,11 +113,21 @@ input.form-submit:focus {
}
.form-type-radio label,
.form-type-checkbox label {
- margin-left: 4px;
+ margin-left: 4px; /* LTR */
+}
+[dir="rtl"] .form-type-radio label,
+[dir="rtl"] .form-type-checkbox label {
+ margin-right: 4px;
+ margin-left: 0;
}
.form-type-radio .description,
.form-type-checkbox .description {
- margin-left: 2px;
+ margin-left: 2px; /* LTR */
+}
+[dir="rtl"] .form-type-radio .description,
+[dir="rtl"] .form-type-checkbox .description {
+ margin-right: 2px;
+ margin-left: 0;
}
.form-actions {
padding-top: 10px;
diff --git a/core/themes/bartik/css/components/pager.css b/core/themes/bartik/css/components/pager.css
index 6fb5a83..77eab8b 100644
--- a/core/themes/bartik/css/components/pager.css
+++ b/core/themes/bartik/css/components/pager.css
@@ -16,12 +16,22 @@
}
.pager__item--first,
.pager__item--previous {
- padding: 10px 10px 10px 0;
+ padding: 10px 10px 10px 0; /* LTR */
+}
+[dir="rtl"] .pager__item--first,
+[dir="rtl"] .pager__item--previous {
+ padding-left: 10px;
+ padding-right: 0;
}
.pager__item--ellipsis {
padding: 10px 0;
}
.pager__item--last,
.pager__item--next {
- padding: 10px 0 10px 10px;
+ padding: 10px 0 10px 10px; /* LTR */
+}
+[dir="rtl"] .pager__item--last,
+[dir="rtl"] .pager__item--next {
+ padding-left: 0;
+ padding-right: 10px;
}
diff --git a/core/themes/bartik/css/components/search-results.css b/core/themes/bartik/css/components/search-results.css
index d463bf3..25a076a 100644
--- a/core/themes/bartik/css/components/search-results.css
+++ b/core/themes/bartik/css/components/search-results.css
@@ -1,9 +1,12 @@
/* --------------- Search Results ---------------- */
ol.search-results {
- padding-left: 0;
+ padding-left: 0; /* LTR */
list-style-position: inside;
}
+[dir="rtl"] ol.search-results {
+ padding-right: 0;
+}
.search-results li {
border-bottom: 1px solid #d3d7d9;
padding-bottom: 0.4285em;
@@ -15,5 +18,8 @@ ol.search-results {
margin-bottom: 1em;
}
.search-results .search-snippet-info {
- padding-left: 0;
+ padding-left: 0; /* LTR */
+}
+[dir="rtl"] .search-results .search-snippet-info {
+ padding-right: 0;
}
diff --git a/core/themes/bartik/css/components/search.css b/core/themes/bartik/css/components/search.css
index 6de5d02..00f213b 100644
--- a/core/themes/bartik/css/components/search.css
+++ b/core/themes/bartik/css/components/search.css
@@ -20,7 +20,7 @@
#block-search-form .form-item-search-block-form input {
float: left; /* LTR */
font-size: 1em;
- margin-right: 5px;
+ margin-right: 5px; /* LTR */
}
[dir="rtl"] #search-form input#edit-keys,
[dir="rtl"] #block-search-form .form-item-search-block-form input {
diff --git a/core/themes/bartik/css/components/skip-link.css b/core/themes/bartik/css/components/skip-link.css
index f02a5c3..bea3631 100644
--- a/core/themes/bartik/css/components/skip-link.css
+++ b/core/themes/bartik/css/components/skip-link.css
@@ -2,13 +2,20 @@
.skip-link,
.skip-link.visually-hidden.focusable {
- left: 50%;
- margin-left: -5.25em;
+ left: 50%; /* LTR */
+ margin-left: -5.25em; /* LTR */
margin-top: 0;
position: absolute !important;
width: auto;
z-index: 50;
}
+[dir="rtl"] .skip-link,
+[dir="rtl"] .skip-link.visually-hidden.focusable {
+ left: auto;
+ right: 50%;
+ margin-left: 0;
+ margin-right: -5.25em;
+}
.skip-link,
.skip-link:link,
.skip-link:visited {
diff --git a/core/themes/bartik/css/components/table.css b/core/themes/bartik/css/components/table.css
index 161a555..313f915 100644
--- a/core/themes/bartik/css/components/table.css
+++ b/core/themes/bartik/css/components/table.css
@@ -79,5 +79,9 @@ table ul.links {
font-size: 1em;
}
table ul.links li {
- padding: 0 1em 0 0;
+ padding: 0 1em 0 0; /* LTR */
+}
+[dir="rtl"] table ul.links li {
+ padding-left: 1em;
+ padding-right: 0;
}
diff --git a/core/themes/bartik/css/components/triptych.css b/core/themes/bartik/css/components/triptych.css
index 04ec581..c7258d9 100644
--- a/core/themes/bartik/css/components/triptych.css
+++ b/core/themes/bartik/css/components/triptych.css
@@ -38,7 +38,11 @@
}
#triptych .block ul,
#triptych .block ol {
- padding-left: 0;
+ padding-left: 0; /* LTR */
+}
+[dir="rtl"] #triptych .block ul,
+[dir="rtl"] #triptych .block ol {
+ padding-right: 0;
}
#triptych #block-user-login .form-text {
width: 185px;
@@ -52,7 +56,10 @@
height: 0;
}
#triptych-last #block-node-syndicate {
- text-align: right;
+ text-align: right; /* LTR */
+}
+[dir="rtl"] #triptych-last #block-node-syndicate {
+ text-align: left;
}
#triptych #block-search-form .form-type-search input {
width: 185px;
@@ -61,5 +68,8 @@
text-align: center;
}
#triptych-last #block-system-powered-by {
- text-align: right;
+ text-align: right; /* LTR */
+}
+[dir="rtl"] #triptych-last #block-system-powered-by {
+ text-align: left;
}
diff --git a/core/themes/bartik/css/components/vertical-tabs.component.css b/core/themes/bartik/css/components/vertical-tabs.component.css
index 21231cf..56eb6b0 100644
--- a/core/themes/bartik/css/components/vertical-tabs.component.css
+++ b/core/themes/bartik/css/components/vertical-tabs.component.css
@@ -1,5 +1,9 @@
/* Vertical Tabs Reset */
ul.vertical-tabs-list {
- margin: -1px 0 -1px -15em;
+ margin: -1px 0 -1px -15em; /* LTR */
padding: 0;
}
+[dir="rtl"] ul.vertical-tabs-list {
+ margin-left: 0;
+ margin-right: -15em;
+}
diff --git a/core/themes/bartik/css/components/views.css b/core/themes/bartik/css/components/views.css
index e201311..0c0243a 100644
--- a/core/themes/bartik/css/components/views.css
+++ b/core/themes/bartik/css/components/views.css
@@ -21,7 +21,10 @@
.views-displays .region-content .secondary,
.views-displays .region-content .secondary {
padding-bottom: 0;
- padding-left: 0;
+ padding-left: 0; /* LTR */
+}
+[dir="rtl"] .views-displays .region-content .secondary {
+ padding-right: 0;
}
.views-displays .secondary a {
@@ -106,6 +109,9 @@
}
.views-ui-display-tab-actions .dropbutton input.form-submit {
- margin-right: 0;
+ margin-right: 0; /* LTR */
margin-top: 0;
}
+[dir="rtl"] .views-ui-display-tab-actions .dropbutton input.form-submit {
+ margin-left: 0;
+}
diff --git a/core/themes/bartik/css/maintenance-page.css b/core/themes/bartik/css/maintenance-page.css
index ce5c9f5..9a08d04 100644
--- a/core/themes/bartik/css/maintenance-page.css
+++ b/core/themes/bartik/css/maintenance-page.css
@@ -25,7 +25,11 @@ body.maintenance-page {
margin: 0;
}
.maintenance-page #content .section {
- padding: 0 0 0 10px;
+ padding: 0 0 0 10px; /* LTR */
+}
+[dir="rtl"] .maintenance-page #content .section {
+ padding-left: 0;
+ padding-right: 10px;
}
.maintenance-page #header {
background-color: #fff;
@@ -33,10 +37,13 @@ body.maintenance-page {
}
.maintenance-page #name-and-slogan {
margin-bottom: 50px;
- margin-left: 0;
+ margin-left: 0; /* LTR */
padding-top: 20px;
font-size: 90%;
}
+[dir="rtl"] .maintenance-page #name-and-slogan {
+ margin-right: 0;
+}
.maintenance-page #name-and-slogan,
.maintenance-page #name-and-slogan a,
.maintenance-page #name-and-slogan a:hover,