Commit dff56880 authored by alexpott's avatar alexpott
Browse files

Issue #2396489 by herom, rachel_norfolk, WigglyKoala, emma.maria, vijaycs85,...

Issue #2396489 by herom, rachel_norfolk, WigglyKoala, emma.maria, vijaycs85, jjcarrion: Add missing RTL rules to Bartik theme CSS
parent d2ff08e0
......@@ -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;
......
......@@ -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;
......
......@@ -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;
}
......@@ -24,7 +24,7 @@
content: "— ";
}
.caption-blockquote > figcaption {
text-align: left;
text-align: left; /* LTR */
}
[dir="rtl"] .caption-blockquote > figcaption {
text-align: right;
......
......@@ -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 */
......
......@@ -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 {
......
......@@ -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;
......
......@@ -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;
......
......@@ -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;
......
......@@ -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;
}
/* --------------- 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;
}
......@@ -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 {
......
......@@ -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 {
......
......@@ -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;
}
......@@ -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;
}
/* 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;
}
......@@ -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;
}
......@@ -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,
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment