Issue #2015789 by fubhy, echoz, rteijeiro, LewisNyman, penyaskito: Remove language_css_alter() (RTL stylesheets) in favor of HTML 'dir' attribute.

8.0.x
Alex Pott 2013-06-28 09:47:08 +01:00
parent f74d2981ef
commit bfba7b8de9
85 changed files with 1200 additions and 1987 deletions

View File

@ -2997,7 +2997,6 @@ function template_process_maintenance_page(&$variables) {
// selected should result in RTL stylesheets loaded properly already.
$variables['css'] = $css = drupal_add_css();
include_once DRUPAL_ROOT . '/core/modules/language/language.module';
language_css_alter($css);
$variables['styles'] = drupal_get_css($css);
$variables['scripts'] = drupal_get_js();

View File

@ -1,21 +0,0 @@
/**
* @file
* Base RTL styles for dropbuttons.
*/
/**
* The dropbutton arrow.
*/
.dropbutton-toggle {
left: 0;
right: auto;
}
.dropbutton-arrow {
left: 0.6667em;
right: auto;
}
.js .dropbutton-multiple .dropbutton-widget {
padding-left: 2em;
padding-right: 0;
}

View File

@ -66,6 +66,10 @@
.js .dropbutton-multiple .dropbutton-widget {
padding-right: 2em; /* LTR */
}
.js[dir=rtl] .dropbutton-multiple .dropbutton-widget {
padding-left: 2em;
padding-right: 0;
}
.dropbutton-multiple.open,
.dropbutton-multiple.open .dropbutton-widget {
max-width: none;
@ -89,6 +93,10 @@
white-space: nowrap;
width: 2em;
}
[dir=rtl] .dropbutton-toggle {
left: 0;
right: auto;
}
.dropbutton-toggle button {
background: none;
border: 0;
@ -115,6 +123,10 @@
width: 0;
overflow: hidden;
}
[dir=rtl] .dropbutton-arrow {
left: 0.6667em;
right: auto;
}
.dropbutton-multiple.open .dropbutton-arrow {
border-bottom: 0.3333em solid;
border-top-color: transparent;

View File

@ -1,14 +0,0 @@
/**
* @file
* General RTL styles for dropbuttons.
*/
.dropbutton-multiple .dropbutton {
border-left: 1px solid #e8e8e8;
border-right: 0 none;
}
.dropbutton-multiple .dropbutton li > * {
margin-left: 0.25em;
margin-right: 0;
}

View File

@ -21,6 +21,14 @@
.dropbutton-multiple .dropbutton {
border-right: 1px solid #e8e8e8; /* LTR */
}
[dir=rtl] .dropbutton-multiple .dropbutton {
border-left: 1px solid #e8e8e8;
border-right: 0 none;
}
.dropbutton-multiple .dropbutton .dropbutton-action > * {
margin-right: 0.25em; /* LTR */
}
[dir=rtl] .dropbutton-multiple .dropbutton .dropbutton-action > * {
margin-left: 0.25em;
margin-right: 0;
}

View File

@ -1,7 +0,0 @@
body {
direction: rtl;
}
th {
text-align: right;
}

View File

@ -3,11 +3,17 @@ body {
margin: 1em;
background-color: #fff;
}
[dir=rtl] body {
direction: rtl;
}
th {
text-align: left; /* LTR */
color: #006;
border-bottom: 1px solid #ccc;
}
[dir=rtl] th {
text-align: right;
}
tr.odd {
background-color: #ddd;
}

View File

@ -1,14 +0,0 @@
.vertical-tabs {
margin-left: 0;
margin-right: 15em;
}
.vertical-tabs-list {
float: right;
margin-left: 0;
margin-right: -15em;
}
.vertical-tab-button.selected {
border-left-width: 0;
border-right-width: 1px;
}

View File

@ -3,6 +3,10 @@
margin: 1em 0 1em 15em; /* LTR */
border: 1px solid #ccc;
}
[dir=rtl] .vertical-tabs {
margin-left: 0;
margin-right: 15em;
}
.vertical-tabs-list {
float: left; /* LTR */
width: 15em;
@ -11,6 +15,11 @@
border-top: 1px solid #ccc;
list-style: none;
}
[dir=rtl] .vertical-tabs-list {
float: right;
margin-left: 0;
margin-right: -15em;
}
.vertical-tabs-pane {
margin: 0;
border: 0;
@ -44,6 +53,10 @@
border-right-width: 0; /* LTR */
background-color: #fff;
}
[dir=rtl] .vertical-tab-button.selected {
border-left-width: 0;
border-right-width: 1px;
}
.vertical-tab-button.selected strong {
color: #000;
}

View File

@ -1,16 +0,0 @@
/**
* @file
* Right-to-Left styling for the Book module.
*/
/**
* Book navigation.
*/
.book-pager .previous {
float: right;
text-align: right;
}
.book-pager .next {
float: left;
text-align: left;
}

View File

@ -24,6 +24,10 @@
text-align: left; /* LTR */
width: 45%;
}
[dir=rtl] .book-pager .previous {
float: right;
text-align: right;
}
.book-pager .up {
text-align: center;
width: 8%;
@ -33,3 +37,7 @@
text-align: right; /* LTR */
width: 45%;
}
[dir=rtl] .book-pager .next {
float: left;
text-align: left;
}

View File

@ -1,33 +0,0 @@
/**
* @file
* Styles for configuration of CKEditor module for right-to-left languages.
*/
.ckeditor-toolbar-active > ul {
clear: right;
float: right;
}
ul.ckeditor-buttons li {
float: right;
}
ul.ckeditor-buttons li:first-child a {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
ul.ckeditor-buttons li:last-child a {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
ul.ckeditor-multiple-buttons {
float: right;
}
ul.ckeditor-multiple-buttons li {
float: right;
}
.ckeditor-row-controls {
float: left;
text-align: left;
}

View File

@ -24,6 +24,10 @@
clear: left; /* LTR */
float: left; /* LTR */
}
[dir=rtl] .ckeditor-toolbar-active > ul {
clear: right;
float: right;
}
#ckeditor-button-description {
margin-bottom: 1em;
}
@ -61,6 +65,9 @@ ul.ckeditor-buttons li {
margin: 0;
float: left; /* LTR */
}
[dir=rtl] ul.ckeditor-buttons li {
float: right;
}
ul.ckeditor-buttons li a {
position: relative;
display: block;
@ -92,10 +99,18 @@ ul.ckeditor-buttons li:first-child a {
border-top-left-radius: 2px; /* LTR */
border-bottom-left-radius: 2px; /* LTR */
}
[dir=rtl] ul.ckeditor-buttons li:first-child a {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
ul.ckeditor-buttons li:last-child a {
border-top-right-radius: 2px; /* LTR */
border-bottom-right-radius: 2px; /* LTR */
}
[dir=rtl] ul.ckeditor-buttons li:last-child a {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
ul.ckeditor-buttons li.ckeditor-button-placeholder a {
background: #333;
opacity: 0.3;
@ -106,12 +121,18 @@ ul.ckeditor-multiple-buttons {
list-style: none;
float: left; /* LTR */
}
[dir=rtl] ul.ckeditor-multiple-buttons {
float: right;
}
ul.ckeditor-multiple-buttons li {
display: inline-block;
float: left; /* LTR */
margin: 0;
padding: 0;
}
[dir=rtl] ul.ckeditor-multiple-buttons li {
float: right;
}
ul.ckeditor-multiple-buttons li a {
cursor: move;
display: inline-block;
@ -174,6 +195,10 @@ ul.ckeditor-multiple-buttons li.ckeditor-button-separator a {
width: 40px;
text-align: right; /* LTR */
}
[dir=rtl] .ckeditor-row-controls {
float: left;
text-align: left;
}
.ckeditor-row-controls a {
display: inline-block;
padding: 6px 2px;

View File

@ -1,48 +0,0 @@
/**
* @file
* Right-to-left specific stylesheet for the Color module.
*/
#placeholder {
left: 0;
right: auto;
}
/* Palette */
.color-form .form-item {
padding-left: 0;
padding-right: 1em;
}
.color-form label {
float: right;
clear: right;
}
.color-form .form-text,
.color-form .form-select {
float: right;
}
.color-form .form-text {
margin-right: 0;
margin-left: 5px;
}
#palette .hook {
float: right;
}
#palette .down,
#palette .up,
#palette .both {
background: url(../images/hook-rtl.png) no-repeat 0 0;
}
#palette .up {
background-position: 0 -27px;
}
#palette .both {
background-position: 0 -54px;
}
#palette .lock {
float: right;
right: -10px;
}
.js #preview {
float: right;
}

View File

@ -13,6 +13,10 @@
top: 0;
right: 0; /* LTR */
}
[dir=rtl] #placeholder {
left: 0;
right: auto;
}
/* Palette */
.color-form .form-item {
@ -21,39 +25,67 @@
padding-left: 1em; /* LTR */
margin: 0.5em 0;
}
[dir=rtl] .color-form .form-item {
padding-left: 0;
padding-right: 1em;
}
.color-form label {
float: left; /* LTR */
clear: left; /* LTR */
width: 10em;
}
[dir=rtl] .color-form label {
float: right;
clear: right;
}
.color-form .form-text,
.color-form .form-select {
float: left; /* LTR */
}
[dir=rtl] .color-form .form-text,
[dir=rtl] .color-form .form-select {
float: right;
}
.color-form .form-text {
text-align: center;
margin-right: 5px; /* LTR */
cursor: pointer;
}
[dir=rtl] .color-form .form-text {
margin-right: 0;
margin-left: 5px;
}
#palette .hook {
float: left; /* LTR */
margin-top: 3px;
width: 16px;
height: 16px;
}
[dir=rtl] #palette .hook {
float: right;
}
#palette .down,
#palette .up,
#palette .both {
background: url(../images/hook.png) no-repeat 100% 0; /* LTR */
}
[dir=rtl] #palette .down,
[dir=rtl] #palette .up,
[dir=rtl] #palette .both {
background: url(images/hook-rtl.png) no-repeat 0 0;
}
#palette .up {
background-position: 100% -27px; /* LTR */
}
[dir=rtl] #palette .up {
background-position: 0 -27px;
}
#palette .both {
background-position: 100% -54px; /* LTR */
}
[dir=rtl] #palette .both {
background-position: 0 -54px;
}
#palette .lock {
float: left; /* LTR */
position: relative;
@ -64,6 +96,10 @@
background: url(../images/lock.png) no-repeat 50% 2px;
cursor: pointer;
}
[dir=rtl] #palette .lock {
float: right;
right: -10px;
}
#palette .unlocked {
background-position: 50% -22px;
}
@ -83,3 +119,6 @@
position: relative;
float: left; /* LTR */
}
.js[dir=rtl] #preview {
float: right;
}

View File

@ -1,13 +0,0 @@
/**
* @file
* RTL styles for comment module.
*/
/**
* Indent threaded comments.
*/
.indented {
margin-left: 0;
margin-right: 25px;
}

View File

@ -10,3 +10,7 @@
.indented {
margin-left: 25px; /* LTR */
}
[dir=rtl] .indented {
margin-left: 0;
margin-right: 25px;
}

View File

@ -1,32 +0,0 @@
/**
* @file
* RTL styling for contextual module.
*/
/**
* Contextual links wrappers.
*/
.contextual {
left: 0;
right: auto;
}
/**
* Contextual trigger.
*/
.contextual .trigger {
float: left;
right: auto;
left: 2px;
}
/**
* Contextual links.
*/
.contextual-region .contextual .contextual-links {
border-radius: 0 4px 4px 4px;
float: left;
left: 2px;
right: auto;
text-align: right;
}

View File

@ -12,6 +12,10 @@
top: 2px;
z-index: 500;
}
[dir=rtl] .contextual {
left: 0;
right: auto;
}
/**
* Contextual region.
@ -47,6 +51,11 @@
text-indent: -9999px;
cursor: pointer;
}
[dir=rtl] .contextual .trigger {
float: left;
right: auto;
left: 2px;
}
.contextual.open .trigger {
border-bottom-color: transparent;
border-radius: 13px 13px 0 0;
@ -73,6 +82,13 @@
top: -1px;
white-space: nowrap;
}
[dir=rtl] .contextual-region .contextual .contextual-links {
border-radius: 0 4px 4px 4px;
float: left;
left: 2px;
right: auto;
text-align: right;
}
.contextual-region .contextual .contextual-links li {
background-color: #fff;
border: none;

View File

@ -1,11 +0,0 @@
/**
* @file
* RTL styling for contextual module's toolbar tab.
*/
.js .toolbar .bar .contextual-toolbar-tab.tab {
float: left;
}
.js .toolbar .bar .contextual-toolbar-tab button {
padding-right: 1.3333em;
}

View File

@ -16,6 +16,9 @@
.js .toolbar .bar .contextual-toolbar-tab.tab {
float: right; /* LTR */
}
.js[dir=rtl] .toolbar .bar .contextual-toolbar-tab.tab {
float: left;
}
.js .toolbar .bar .contextual-toolbar-tab button {
padding-bottom: 1em;
padding-top: 1em;
@ -24,6 +27,9 @@
text-indent: -9999px;
line-height: 1em;
}
.js[dir=rtl] .toolbar .bar .contextual-toolbar-tab button {
padding-right: 1.3333em;
}
.js .toolbar .bar .contextual-toolbar-tab button.active {
background-image:-moz-linear-gradient(rgb(78,159,234) 0%,rgb(69,132,221) 100%);
background-image:-webkit-gradient(linear,color-stop(0, rgb(78,159,234)),color-stop(1, rgb(69,132,221)));

View File

@ -1,9 +0,0 @@
/**
* @file
* Right-to-Left styling for the Database Logging module.
*/
.dblog-filter-form .form-item-type,
.dblog-filter-form .form-item-severity {
margin: .1em .1em .1em .9em;
}

View File

@ -2,13 +2,16 @@
* @file
* Admin styles for the Database Logging module.
*/
.dblog-filter-form .form-item-type,
.dblog-filter-form .form-item-severity {
display: inline-block;
margin: .1em .9em .1em .1em; /* LTR */
max-width: 30%;
}
[dir=rtl] .dblog-filter-form .form-item-type,
[dir=rtl] .dblog-filter-form .form-item-severity {
margin: .1em .1em .1em .9em;
}
.dblog-filter-form .form-actions {
display: inline-block;
padding: 3ex 0 0;

View File

@ -1,4 +0,0 @@
.entity_reference-settings {
margin-right: 1.5em;
}

View File

@ -2,3 +2,6 @@
.entity_reference-settings {
margin-left: 1.5em; /* LTR */
}
[dir=rtl] .entity_reference-settings {
margin-right: 1.5em;
}

View File

@ -1,10 +0,0 @@
form .field-multiple-table .field-multiple-drag {
padding-left: 0;
}
form .field-multiple-table .field-multiple-drag .tabledrag-handle{
padding-left: .5em;
}
.field-label-inline .field-label,
.field-label-inline .field-items {
float: right;
}

View File

@ -7,6 +7,10 @@
.field-label-inline .field-items {
float:left; /*LTR*/
}
[dir=rtl] .field-label-inline .field-label,
[dir=rtl] .field-label-inline .field-items {
float: right;
}
/* Form display */
form .field-edit-link {
@ -19,10 +23,15 @@ form .field-multiple-table .field-multiple-drag {
width: 30px;
padding-right: 0; /*LTR*/
}
[dir=rtl] form .field-multiple-table .field-multiple-drag {
padding-left: 0;
}
form .field-multiple-table .field-multiple-drag .tabledrag-handle {
padding-right: .5em; /*LTR*/
}
[dir=rtl] form .field-multiple-table .field-multiple-drag .tabledrag-handle {
padding-left: .5em;
}
form .field-add-more-submit {
margin: .5em 0 0;
}

View File

@ -1,9 +0,0 @@
/**
* @file
* Right-to-left specific stylesheet for the Field UI module.
*/
/* 'Manage fields' overview */
.field-ui-overview .add-new .label-input {
float: right;
}

View File

@ -7,6 +7,9 @@
.field-ui-overview .add-new .label-input {
float: left; /* LTR */
}
[dir=rtl] .field-ui-overview .add-new .label-input {
float: right;
}
.field-ui-overview .add-new .tabledrag-changed {
display: none;
}

View File

@ -1,23 +0,0 @@
/**
* @file
* Right-to-Left administrative styling for the Filter module.
*/
/**
* Filter information under field.
*/
.filter-help {
float: left;
}
.filter-help a {
background-position: left center;
padding: 0 0 0 20px;
}
/**
* Improve filter tips position.
*/
.tips {
padding-right: 0;
}

View File

@ -27,6 +27,9 @@
.filter-help {
float: right; /* LTR */
}
[dir=rtl] .filter-help {
float: left;
}
.filter-help p {
margin: 0;
}
@ -34,6 +37,10 @@
background: transparent url(../../../misc/help.png) right center no-repeat; /* LTR */
padding: 0 20px 0 0; /* LTR */
}
[dir=rtl] .filter-help a {
background-position: left center;
padding: 0 0 0 20px;
}
.text-format-wrapper .description {
margin-top: 0.5em;
@ -52,3 +59,6 @@
.tips {
padding-left: 0; /* LTR */
}
[dir=rtl] .tips {
padding-right: 0;
}

View File

@ -1,24 +0,0 @@
/**
* @file
* Right-to-left styling for the Forum module.
*/
#forum .icon {
float: right;
margin: 0 0 0 9px;
}
#forum div.indent {
margin-left: 0;
margin-right: 20px;
}
.forum-topic-navigation {
padding: 1em 3em 0 0;
}
.forum-topic-navigation .topic-previous {
text-align: left;
float: right;
}
.forum-topic-navigation .topic-next {
text-align: right;
float: left;
}

View File

@ -23,12 +23,20 @@
margin: 0 9px 0 0; /* LTR */
width: 24px;
}
[dir=rtl] #forum .icon {
float: right;
margin: 0 0 0 9px;
}
#forum .title {
overflow: hidden;
}
#forum div.indent {
margin-left: 20px; /* LTR */
}
[dir=rtl] #forum div.indent {
margin-left: 0;
margin-right: 20px;
}
#forum .topic-status-new {
background-position: -24px 0;
@ -45,3 +53,15 @@
#forum .topic-status-closed {
background-position: -120px 0;
}
[dir=rtl] .forum-topic-navigation {
padding: 1em 3em 0 0;
}
[dir=rtl] .forum-topic-navigation .topic-previous {
text-align: left;
float: right;
}
[dir=rtl] .forum-topic-navigation .topic-next {
text-align: right;
float: left;
}

View File

@ -1,10 +0,0 @@
.help-items {
float: right;
margin-right: 0;
margin-left: 3%;
}
.help-items-last {
margin-right: 0;
margin-left: 0;
}

View File

@ -4,9 +4,19 @@
width: 22%;
margin-right: 3%; /* LTR */
}
[dir=rtl] .help-items {
float: right;
margin-right: 0;
margin-left: 3%;
}
.help-items-last {
margin-right: 0; /* LTR */
}
[dir=rtl] .help-items-last {
margin-right: 0;
margin-left: 0;
}
/**
* Avoid text overlapping on a narrow viewport.

View File

@ -1,11 +0,0 @@
/**
* Image upload widget.
*/
.image-preview {
float: right;
padding: 0 0 10px 10px;
}
.image-widget-data {
float: right;
}

View File

@ -6,9 +6,16 @@
float: left; /* LTR */
padding: 0 10px 10px 0; /* LTR */
}
[dir=rtl] .image-preview {
float: right;
padding: 0 0 10px 10px;
}
.image-widget-data {
float: left; /* LTR */
}
[dir=rtl] .image-widget-data {
float: right;
}
.image-widget-data .text-field {
width: auto;
}

View File

@ -574,33 +574,6 @@ function language_delete($langcode) {
return FALSE;
}
/**
* Implements hook_css_alter().
*
* This function checks all CSS files currently added via drupal_add_css() and
* and checks to see if a related right to left CSS file should be included.
*/
function language_css_alter(&$css) {
$language_interface = language(Language::TYPE_INTERFACE);
// If the current language is RTL, add the CSS file with the RTL overrides.
if ($language_interface->direction == Language::DIRECTION_RTL) {
foreach ($css as $data => $item) {
// Only provide RTL overrides for files.
if ($item['type'] == 'file') {
$rtl_path = str_replace('.css', '-rtl.css', $item['data']);
if (file_exists($rtl_path) && !isset($css[$rtl_path])) {
// Replicate the same item, but with the RTL path and a little larger
// weight so that it appears directly after the original CSS file.
$item['data'] = $rtl_path;
$item['weight'] += 0.01;
$css[$rtl_path] = $item;
}
}
}
}
}
/**
* Implements hook_language_types_info().
*

View File

@ -1,6 +0,0 @@
/* Large resolutions (desktop, tablets in landscape, ...) */
@media only screen and (min-width: 59em) {
.layout-two-col .layout-region {
float: right;
}
}

View File

@ -4,4 +4,7 @@
float: left; /* LTR */
width: 50%;
}
[dir=rtl] .layout-two-col .layout-region {
float: right;
}
}

View File

@ -1,16 +0,0 @@
/**
* @file
* CSS for the Locale module for right-to-left languages.
*/
.locale-translate-filter-form .form-item-langcode,
.locale-translate-filter-form .form-item-translation,
.locale-translate-filter-form .form-item-customized {
float: right;
margin-left: 1em;
margin-right: 0;
}
.locale-translate-filter-form .form-actions {
float: right;
padding: 3.5ex 0 0 0;
}

View File

@ -14,6 +14,13 @@
*/
width: 15em;
}
[dir=rtl] .locale-translate-filter-form .form-item-langcode,
[dir=rtl] .locale-translate-filter-form .form-item-translation,
[dir=rtl] .locale-translate-filter-form .form-item-customized {
float: right;
margin-left: 1em;
margin-right: 0;
}
.locale-translate-filter-form .form-type-select select {
width: 100%;
}
@ -21,6 +28,10 @@
float: left; /* LTR */
padding: 3.8ex 0 0 0; /* LTR */
}
[dir=rtl] .locale-translate-filter-form .form-actions {
float: right;
padding: 3.5ex 0 0 0;
}
.locale-translate-edit-form th {
width: 50%;
table-layout: fixed;

View File

@ -1,29 +0,0 @@
/**
* @file
* RTL styling for Overlay child pages.
*/
html {
direction: rtl;
}
#overlay-title {
float: right;
left: auto;
}
#overlay-close-wrapper {
left: 0;
right: auto;
}
#overlay-close,
#overlay-close:hover {
border-radius: 12px 0 0 12px;
}
/**
* Tabs on the overlay.
*/
#overlay-tabs {
left: 20px;
right: auto;
}

View File

@ -3,6 +3,10 @@
* Basic styling for the Overlay child pages.
*/
html[dir=rtl] {
direction: rtl;
}
.js {
background: transparent !important;
overflow-y: scroll;
@ -49,6 +53,10 @@
margin: 0;
padding: 0.3em 0;
}
[dir=rtl] #overlay-title {
float: right;
left: auto;
}
#overlay-title:active,
#overlay-title:focus {
outline: 0;
@ -61,6 +69,10 @@
position: absolute;
right: 0; /* LTR */
}
[dir=rtl] #overlay-close-wrapper {
left: 0;
right: auto;
}
#overlay-close,
#overlay-close:hover {
background: #ffffff url(../images/close.png) no-repeat;
@ -73,6 +85,10 @@
position: absolute;
width: 26px;
}
[dir=rtl] #overlay-close,
[dir=rtl] #overlay-close:hover {
border-radius: 12px 0 0 12px;
}
/**
* Tabs on the overlay.
@ -84,6 +100,10 @@
right: 20px; /* LTR */
text-transform: uppercase;
}
[dir=rtl] #overlay-tabs {
left: 20px;
right: auto;
}
#overlay-tabs li {
display: inline-block;
list-style: none;

View File

@ -1,13 +0,0 @@
/**
* @file
* Generic RTL base styles for shortcut module.
*/
/**
* Add/remove links.
*/
.add-or-remove-shortcuts .icon,
.add-or-remove-shortcuts .text {
float: right;
}

View File

@ -16,6 +16,10 @@
float: left; /* LTR */
padding-top: 2px;
}
[dir=rtl] .add-or-remove-shortcuts .icon,
[dir=rtl] .add-or-remove-shortcuts .text {
float: right;
}
.add-or-remove-shortcuts a:focus .text,
.add-or-remove-shortcuts a:hover .text {
display: block;

View File

@ -1,41 +0,0 @@
/**
* @file
* RTL styling for the shortcut module.
*/
/**
* Add/remove links.
*/
.add-or-remove-shortcuts .icon {
margin-left: 0;
margin-right: 8px;
}
.add-shortcut a:focus .icon,
.add-shortcut a:hover .icon {
background-position: 0 -24px;
}
.remove-shortcut a:focus .icon,
.remove-shortcut a:hover .icon {
background-position: -12px -24px;
}
.add-or-remove-shortcuts .text {
padding: 0 10px 0 6px;
}
.add-or-remove-shortcuts a:focus .text,
.add-or-remove-shortcuts a:hover .text {
border-radius: 5px 0 0 5px;
}
/**
* Toolbar.
*/
.toolbar-js .horizontal #edit-shortcuts {
border-left: 0 none;
border-right: 1px solid #d9d9d9;
float: right;
margin-left: 0;
margin-right: 0.3333em;
padding-left: 0.3333em;
padding-right: 0.6667em;
}

View File

@ -26,6 +26,15 @@
.toolbar .horizontal .edit-shortcuts {
float: left; /* LTR */
}
[dir=rtl] .toolbar .horizontal .edit-shortcuts {
border-left: 0 none;
border-right: 1px solid #d9d9d9;
float: right;
margin-left: 0;
margin-right: 0.3333em;
padding-left: 0.3333em;
padding-right: 0.6667em;
}
/**
* Add/remove links.
@ -38,10 +47,25 @@
text-indent: 12px;
width: 12px;
}
[dir=rtl] .add-or-remove-shortcuts .icon {
margin-left: 0;
margin-right: 8px;
}
[dir=rtl] .add-or-remove-shortcuts .text {
padding: 0 10px 0 6px;
}
[dir=rtl] .add-or-remove-shortcuts a:focus .text,
[dir=rtl] .add-or-remove-shortcuts a:hover .text {
border-radius: 5px 0 0 5px;
}
.add-shortcut a:focus .icon,
.add-shortcut a:hover .icon {
background-position: 0 -12px; /* LTR */
}
[dir=rtl] .add-shortcut a:focus .icon,
[dir=rtl] .add-shortcut a:hover .icon {
background-position: 0 -24px;
}
.remove-shortcut .icon {
margin-top: 4px;
background-position: -12px 0;
@ -50,3 +74,7 @@
.remove-shortcut a:hover .icon {
background-position: -12px -12px; /* LTR */
}
[dir=rtl] .remove-shortcut a:focus .icon,
[dir=rtl] .remove-shortcut a:hover .icon {
background-position: -12px -24px;
}

View File

@ -1,101 +0,0 @@
/**
* @file
* RTL styles for administration pages.
*/
/**
* Administration blocks.
*/
div.admin-panel .body {
padding: 0 8px 2px 4px;
}
@media screen and (min-width: 40em) {
div.admin .left {
float: right;
margin-left: 0;
margin-right: 1em;
}
div.admin .right {
float: left;
margin-left: 1em;
margin-right: 0;
}
}
div.admin .expert-link {
margin-right: 0;
margin-left: 1em;
padding-right: 0;
padding-left: 4px;
text-align: left;
}
/**
* Status report.
*/
table.system-status-report td.status-icon {
padding-left: 0;
padding-right: 6px;
}
/**
* Appearance page.
*/
/**
* Theme display without vertical toolbar.
*/
@media screen and (min-width: 45em) {
body:not(.toolbar-vertical) .system-themes-list-enabled .screenshot,
body:not(.toolbar-vertical) .system-themes-list-enabled .no-screenshot {
float: right;
margin: 0 0 0 20px;
}
body:not(.toolbar-vertical) .system-themes-list-disabled .theme-selector {
float: right;
padding: 20px 0 20px 20px;
}
}
/**
* Theme display with vertical toolbar.
*/
@media screen and (min-width: 60em) {
.toolbar-vertical .system-themes-list-enabled .screenshot,
.toolbar-vertical .system-themes-list-enabled .no-screenshot {
float: right;
margin: 0 0 0 20px;
}
.toolbar-vertical .system-themes-list-disabled .theme-selector {
float: right;
padding: 20px 0 20px 20px;
}
}
.theme-selector .operations li {
float: right;
border-left: 1px solid #cdcdcd;
border-right: none;
}
.theme-selector .operations li.last {
padding: 0 0.7em 0 0;
border-left: none;
}
.theme-selector .operations li.first {
padding: 0 0 0 0.7em;
}
/**
* Exposed filters.
*/
.exposed-filters .filters {
float: right;
margin-left: 1em;
margin-right: 0;
}
.exposed-filters .form-item label {
float: right;
}
/* Current filters */
.exposed-filters .additional-filters {
float: right;
margin-left: 1em;
margin-right: 0;
}

View File

@ -17,6 +17,9 @@ div.admin-panel .description {
div.admin-panel .body {
padding: 0 4px 2px 8px; /* LTR */
}
[dir=rtl] div.admin-panel .body {
padding: 0 8px 2px 4px;
}
div.admin {
padding-top: 15px;
}
@ -26,17 +29,34 @@ div.admin {
width: 47%;
margin-left: 1em; /* LTR */
}
[dir=rtl] div.admin .left {
float: right;
margin-left: 0;
margin-right: 1em;
}
div.admin .right {
float: right; /* LTR */
width: 47%;
margin-right: 1em; /* LTR */
}
[dir=rtl] div.admin .right {
float: left;
margin-left: 1em;
margin-right: 0;
}
}
div.admin .expert-link {
text-align: right; /* LTR */
margin-right: 1em; /* LTR */
padding-right: 4px; /* LTR */
}
[dir=rtl] div.admin .expert-link {
margin-right: 0;
margin-left: 1em;
padding-right: 0;
padding-left: 4px;
text-align: left;
}
/**
* Markup generated by theme_system_compact_link().
@ -177,6 +197,10 @@ table.system-status-report td.status-icon {
width: 16px;
padding-right: 0; /* LTR */
}
[dir=rtl] table.system-status-report td.status-icon {
padding-left: 0;
padding-right: 6px;
}
table.system-status-report td.status-icon div {
background-repeat: no-repeat;
height: 16px;
@ -266,6 +290,11 @@ table.system-status-report .status-title {
margin: 0 20px 0 0; /* LTR */
width: 294px;
}
[dir=rtl] body:not(.toolbar-vertical) .system-themes-list-enabled .screenshot,
[dir=rtl] body:not(.toolbar-vertical) .system-themes-list-enabled .no-screenshot {
float: right;
margin: 0 0 0 20px;
}
body:not(.toolbar-vertical) .system-themes-list-enabled h3 {
margin-top: 0;
}
@ -277,6 +306,10 @@ table.system-status-report .status-title {
float: left; /* LTR */
padding: 20px 20px 20px 0; /* LTR */
}
[dir=rtl] body:not(.toolbar-vertical) .system-themes-list-disabled .theme-selector {
float: right;
padding: 20px 0 20px 20px;
}
body:not(.toolbar-vertical) .system-themes-list-disabled .theme-info {
min-height: 170px;
}
@ -303,6 +336,11 @@ table.system-status-report .status-title {
margin: 0 20px 0 0; /* LTR */
width: 294px;
}
[dir=rtl] .toolbar-vertical .system-themes-list-enabled .screenshot,
[dir=rtl] .toolbar-vertical .system-themes-list-enabled .no-screenshot {
float: right;
margin: 0 0 0 20px;
}
.toolbar-vertical .system-themes-list-enabled h3 {
margin-top: 0;
}
@ -314,6 +352,10 @@ table.system-status-report .status-title {
float: left; /* LTR */
padding: 20px 20px 20px 0; /* LTR */
}
[dir=rtl] .toolbar-vertical .system-themes-list-disabled .theme-selector {
float: right;
padding: 20px 0 20px 20px;
}
.toolbar-vertical .system-themes-list-disabled .theme-info {
min-height: 170px;
}
@ -348,13 +390,25 @@ table.system-status-report .status-title {
list-style-type: none;
border-right: 1px solid #cdcdcd; /* LTR */
}
[dir=rtl] .theme-selector .operations li {
float: right;
border-left: 1px solid #cdcdcd;
border-right: none;
}
.theme-selector .operations li.last {
padding: 0 0 0 0.7em; /* LTR */
border-right: none; /* LTR */
}
[dir=rtl] .theme-selector .operations li.last {
padding: 0 0.7em 0 0;
border-left: none;
}
.theme-selector .operations li.first {
padding: 0 0.7em 0 0; /* LTR */
}
[dir=rtl] .theme-selector .operations li.first {
padding: 0 0 0 0.7em;
}
#system-themes-admin-form {
clear: left;
}
@ -366,6 +420,11 @@ table.system-status-report .status-title {
float: left; /* LTR */
margin-right: 1em; /* LTR */
}
[dir=rtl] .exposed-filters .filters {
float: right;
margin-left: 1em;
margin-right: 0;
}
.exposed-filters .form-item {
margin: 0 0 0.1em 0;
padding: 0;
@ -375,6 +434,9 @@ table.system-status-report .status-title {
font-weight: normal;
width: 10em;
}
[dir=rtl] .exposed-filters .form-item label {
float: right;
}
.exposed-filters .form-select {
width: 14em;
}
@ -390,3 +452,8 @@ table.system-status-report .status-title {
float: left; /* LTR */
margin-right: 1em; /* LTR */
}
[dir=rtl] .exposed-filters .additional-filters {
float: right;
margin-left: 1em;
margin-right: 0;
}

View File

@ -1,55 +0,0 @@
/**
* @file
* Generic theme-independent base styles.
*/
/**
* Autocomplete.
*/
/* Animated throbber */
.js input.form-autocomplete {
background-position: 0% 2px;
}
.js input.throbbing {
background-position: 0% -18px;
}
/**
* Progress bar.
*/
.progress .percentage {
float: left;
}
.progress-disabled {
float: right;
}
.ajax-progress {
float: right;
}
/**
* TableDrag behavior.
*/
.draggable a.tabledrag-handle {
float: right;
margin-right: -1em;
margin-left: 0;
}
a.tabledrag-handle .handle {
margin: -0.4em 0.5em;
padding: 0.42em 0.5em;
}
div.indentation {
float: right;
margin: -0.4em -0.4em -0.4em 0.2em;
padding: 0.42em 0.6em 0.42em 0;
}
div.tree-child,
div.tree-child-last {
background-position: -65px center;
}
.tabledrag-toggle-weight-wrapper {
text-align: left;
}

View File

@ -34,9 +34,15 @@
background-position: 100% 2px; /* LTR */
background-repeat: no-repeat;
}
.js[dir=rtl] input.form-autocomplete {
background-position: 0% 2px;
}
.js input.throbbing {
background-position: 100% -18px; /* LTR */
}
.js[dir=rtl] input.throbbing {
background-position: 0% -18px;
}
/**
* Collapsible details.
@ -91,6 +97,11 @@ body.drag {
overflow: hidden;
text-decoration: none;
}
[dir=rtl] .draggable a.tabledrag-handle {
float: right;
margin-right: -1em;
margin-left: 0;
}
a.tabledrag-handle:hover {
text-decoration: none;
}
@ -101,6 +112,10 @@ a.tabledrag-handle .handle {
padding: 0.42em 0.5em; /* LTR */
width: 13px;
}
[dir=rtl] a.tabledrag-handle .handle {
margin: -0.4em 0.5em;
padding: 0.42em 0.5em;
}
.touch .draggable td {
padding: 0 10px;
}
@ -130,18 +145,30 @@ div.indentation {
padding: 0.42em 0 0.42em 0.6em; /* LTR */
width: 20px;
}
[dir=rtl] div.indentation {
float: right;
margin: -0.4em -0.4em -0.4em 0.2em;
padding: 0.42em 0.6em 0.42em 0;
}
div.tree-child {
background: url(../../../misc/tree.png) no-repeat 11px center; /* LTR */
}
div.tree-child-last {
background: url(../../../misc/tree-bottom.png) no-repeat 11px center; /* LTR */
}
[dir=rtl] div.tree-child,
[dir=rtl] div.tree-child-last {
background-position: -65px center;
}
div.tree-child-horizontal {
background: url(../../../misc/tree.png) no-repeat -11px center;
}
.tabledrag-toggle-weight-wrapper {
text-align: right; /* LTR */
}
[dir=rtl] .tabledrag-toggle-weight-wrapper {
text-align: left;
}
/**
* TableHeader behavior.
@ -172,11 +199,20 @@ table.sticky-header {
.progress .percentage {
float: right; /* LTR */
}
[dir=rtl] .progress .percentage {
float: left;
}
[dir=rtl] .progress-disabled {
float: right;
}
/* Throbber */
.ajax-progress {
display: inline-block;
padding: 1px 5px 2px 5px;
}
[dir=rtl] .ajax-progress {
float: right;
}
.ajax-progress-throbber .throbber {
background: transparent url(../../../misc/throbber.gif) no-repeat 0px -18px;
display: inline;

View File

@ -1,115 +0,0 @@
/**
* @file
* RTL styles for common markup.
*/
/**
* HTML elements.
*/
th {
text-align: right;
padding-left: 1em;
padding-right: 0;
}
caption {
text-align: right;
}
/**
* Markup generated by theme_item_list().
*/
.item-list ul li {
margin: 0 1.5em 0.25em 0;
}
/**
* Markup generated by theme_more_link().
*/
.more-link {
text-align: left;
}
/**
* Markup generated by theme_more_help_link().
*/
.more-help-link {
text-align: left;
}
.more-help-link a {
background-position: 100% 50%;
padding: 1px 20px 1px 0;
}
/**
* Collapsible details.
*/
.collapse-processed > summary:before {
background-position: 100% 100%;
float: right;
}
.collapse-processed:not([open]) > summary:before {
background-position: 75% 35%;
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
/**
* RTL styles for menus and navigation markup.
*/
ul.menu {
margin-left: 0;
margin-right: 1em;
text-align: right;
}
.menu .collapsed {
list-style-image: url(../../../misc/menu-collapsed-rtl.png);
}
/**
* Markup generated by theme_menu_local_tasks().
*/
.tabs > li {
margin-left: 0.3em;
margin-right: 0;
}
/**
* RTL Styles for link buttons and action links.
*/
.action-links li:first-child {
margin-left: 0.3em;
margin-right: 0;
}
.button-action:before {
margin-left: 0;
margin-right: -0.1em;
padding-left: 0.2em;
padding-right: 0;
}
/**
* RTL Styles for system messages.
*/
.messages {
border-width: 1px 8px 1px 1px;
background-position-x: 99%;
padding-left: 20px;
padding-right: 35px;
text-align: right;
}
.messages--status {
background-position: 99.3% 19px;
border-color: #c9e1bd #77b259 #c9e1bd #c9e1bd;
}
.messages--warning {
border-color: #f4daa6 #e09600 #f4daa6 #f4daa6;
}
.messages--error {
border-color: #f9c9bf #e62600 #f9c9bf #f9c9bf;
}

View File

@ -33,6 +33,11 @@ th {
padding-right: 1em; /* LTR */
text-align: left; /* LTR */
}
[dir=rtl] th {
text-align: right;
padding-left: 1em;
padding-right: 0;
}
thead > tr {
border-bottom: 1px solid #000;
}
@ -43,6 +48,9 @@ tr {
caption {
text-align: left; /* LTR */
}
[dir=rtl] caption {
text-align: right;
}
/**
* Publishing status.
@ -78,6 +86,9 @@ td.active {
margin: 0 0 0.25em 1.5em; /* LTR */
padding: 0;
}
[dir=rtl] .item-list ul li {
margin: 0 1.5em 0.25em 0;
}
/**
* Markup generated by Form API.
@ -164,6 +175,9 @@ abbr.form-required, abbr.tabledrag-changed, abbr.ajax-changed {
.more-link {
text-align: right; /* LTR */
}
[dir=rtl] .more-link {
text-align: left;
}
/**
* Markup generated by theme_more_help_link().
@ -171,10 +185,17 @@ abbr.form-required, abbr.tabledrag-changed, abbr.ajax-changed {
.more-help-link {
text-align: right; /* LTR */
}
[dir=rtl] .more-help-link {
text-align: left;
}
.more-help-link a {
background: url(../../../misc/help.png) 0 50% no-repeat; /* LTR */
padding: 1px 0 1px 20px; /* LTR */
}
[dir=rtl] .more-help-link a {
background-position: 100% 50%;
padding: 1px 20px 1px 0;
}
/**
* Markup generated by theme_pager().
@ -251,6 +272,10 @@ summary {
height: 1em;
width: 1em;
}
[dir=rtl] .collapse-processed > summary:before {
background-position: 100% 100%;
float: right;
}
.collapse-processed:not([open]) > summary:before {
background-position: 25% 35%; /* LTR */
-moz-transform: rotate(-90deg);
@ -259,6 +284,14 @@ summary {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
[dir=rtl] .collapse-processed:not([open]) > summary:before {
background-position: 75% 35%;
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
/**
* TableDrag behavior.
@ -315,6 +348,11 @@ ul.menu {
padding: 0;
text-align: left; /* LTR */
}
[dir=rtl] ul.menu {
margin-left: 0;
margin-right: 1em;
text-align: right;
}
.menu .expanded {
list-style-image: url(../../../misc/menu-expanded.png);
list-style-type: circle;
@ -323,6 +361,9 @@ ul.menu {
list-style-image: url(../../../misc/menu-collapsed.png); /* LTR */
list-style-type: disc;
}
[dir=rtl] .menu .collapsed {
list-style-image: url(../../misc/menu-collapsed-rtl.png);
}
ul.menu li {
padding-top: 0.2em;
margin: 0;
@ -384,6 +425,10 @@ ul.tabs {
display: inline-block;
margin-right: 0.3em; /* LTR */
}
[dir=rtl] .tabs > li {
margin-left: 0.3em;
margin-right: 0;
}
.tabs a {
display: block;
padding: 0.2em 1em;
@ -412,6 +457,10 @@ ul.tabs {
.action-links li:first-child {
margin-left: 0; /* LTR */
}
[dir=rtl] .action-links li:first-child {
margin-left: 0.3em;
margin-right: 0;
}
.button-action {
display: inline-block;
line-height: 160%;
@ -424,6 +473,12 @@ ul.tabs {
margin-left: -0.1em; /* LTR */
padding-right: 0.2em; /* LTR */
}
[dir=rtl] .button-action:before {
margin-left: 0;
margin-right: -0.1em;
padding-left: 0.2em;
padding-right: 0;
}
/**
* Styles for system messages.
@ -437,6 +492,13 @@ ul.tabs {
word-wrap: break-word;
overflow-wrap: break-word;
}
[dir=rtl] .messages {
border-width: 1px 8px 1px 1px;
background-position-x: 99%;
padding-left: 20px;
padding-right: 35px;
text-align: right;
}
.messages + .messages {
margin-top: 1.538em;
}
@ -455,6 +517,10 @@ ul.tabs {
background-image: url(../../../misc/message-16-ok.png);
background-position: 12px 19px; /* LTR */
}
[dir=rtl] .messages--status {
background-position: 99.3% 19px;
border-color: #c9e1bd #77b259 #c9e1bd #c9e1bd;
}
.messages--status,
.ok {
color: #325e1c;
@ -468,6 +534,9 @@ table tr.ok {
background-image: url(../../../misc/message-16-warning.png);
border-color: #f4daa6 #f4daa6 #f4daa6 #e09600; /* LTR */
}
[dir=rtl] .messages--warning {
border-color: #f4daa6 #e09600 #f4daa6 #f4daa6;
}
.messages--warning,
.warning {
color: #734c00;
@ -481,6 +550,9 @@ table tr.warning {
background-image: url(../../../misc/message-16-error.png);
border-color: #f9c9bf #f9c9bf #f9c9bf #e62600; /* LTR */
}
[dir=rtl] .messages--error {
border-color: #f9c9bf #e62600 #f9c9bf #f9c9bf;
}
.messages--error,
.error {
color: #a51b00;

View File

@ -170,24 +170,6 @@ class CascadingStylesheetsTest extends DrupalUnitTestBase {
$this->assert(strpos($styles, $system . '/tests/css/system.module.css') === FALSE, 'The overridden CSS file is not output.');
}
/**
* Tests Locale module's CSS Alter to include RTL overrides.
*/
function testAlter() {
// Switch the language to a right to left language and add system.module.css.
$language_interface = language(Language::TYPE_INTERFACE);
$language_interface->direction = Language::DIRECTION_RTL;
$path = drupal_get_path('module', 'system');
drupal_add_css($path . '/css/system.module.css');
// Check to see if system.module-rtl.css was also added.
$styles = drupal_get_css();
$this->assert(strpos($styles, $path . '/css/system.module-rtl.css') !== FALSE, 'CSS is alterable as right to left overrides are added.');
// Change the language back to left to right.
$language_interface->direction = Language::DIRECTION_LTR;
}
/**
* Tests that CSS query string remains intact when added to file.
*/

View File

@ -1,43 +0,0 @@
/**
* @file toolbar.icons-rtl.css
*/
.toolbar .icon {
padding-left: 1.3333em;
padding-right: 2.75em;
}
.toolbar .icon:before {
left: auto;
right: 0.6667em;
}
.toolbar .menu ul .icon {
padding-left: 0;
padding-right: 1.3333em;
}
.toolbar .vertical .menu ul {
margin-left: 0;
margin-right: 1.5em;
}
.toolbar .vertical .menu ul ul {
margin-left: 0;
margin-right: 0.75em;
}
@media only screen and (min-width: 16.5em) {
.toolbar .bar .icon:before {
background-size: auto auto;
left: auto;
right: 0;
}
}
@media only screen and (min-width: 36em) {
.toolbar .bar .icon {
background-position: right center;
padding-left: 1.3333em;
padding-right: 2.75em;
}
.toolbar .bar .icon:before {
left: 0;
right: 0.6667em;
}
}

View File

@ -5,6 +5,10 @@
padding-left: 2.75em; /* LTR */
position: relative;
}
[dir=rtl] .toolbar .icon {
padding-left: 1.3333em;
padding-right: 2.75em;
}
.toolbar .icon:before {
background-attachment: scroll;
background-color: transparent;
@ -18,6 +22,10 @@
top: 0;
width: 20px;
}
[dir=rtl] .toolbar .icon:before {
left: auto;
right: 0.6667em;
}
.toolbar button.icon {
background-color: transparent;
border: 0;
@ -26,15 +34,27 @@
.toolbar .menu ul .icon {
padding-left: 1.3333em; /* LTR */
}
[dir=rtl] .toolbar .menu ul .icon {
padding-left: 0;
padding-right: 1.3333em;
}
.toolbar .menu ul a.icon:before {
display: none;
}
.toolbar .vertical .menu ul {
margin-left: 1.5em; /* LTR */
}
[dir=rtl] .toolbar .vertical .menu ul {
margin-left: 0;
margin-right: 1.5em;
}
.toolbar .vertical .menu ul ul {
margin-left: 0.75em; /* LTR */
}
[dir=rtl] .toolbar .vertical .menu ul ul {
margin-left: 0;
margin-right: 0.75em;
}
/**
* Top level icons
@ -127,6 +147,11 @@
left: 0; /* LTR */
width: 100%;
}
[dir=rtl] .toolbar .bar .icon:before {
background-size: auto auto;
left: auto;
right: 0;
}
}
@media only screen and (min-width: 36em) {
@ -137,8 +162,17 @@
text-indent: 0;
width: auto;
}
[dir=rtl] .toolbar .bar .icon {
background-position: right center;
padding-left: 1.3333em;
padding-right: 2.75em;
}
.toolbar .bar .icon:before {
left: 0.6667em; /* LTR */
width: 20px;
}
[dir=rtl] .toolbar .bar .icon:before {
left: 0;
right: 0.6667em;
}
}

View File

@ -1,19 +0,0 @@
/**
* @file toolbar.menu-rtl.css
*/
.toolbar .vertical .handle + a {
margin-left: 3em;
margin-right: 0;
}
/**
* Handle.
*/
.toolbar .icon.handle {
left: 0;
right: auto;
}
.toolbar .icon.handle:before {
left: auto;
right: 0;
}

View File

@ -23,6 +23,10 @@
.toolbar .vertical .handle + a {
margin-right: 3em; /* LTR */
}
[dir=rtl] .toolbar .vertical .handle + a {
margin-left: 3em;
margin-right: 0;
}
.toolbar .tray .active-trail > .box a,
.toolbar .tray a.active {
color: #000;
@ -86,10 +90,18 @@
width: 3em;
z-index: 1;
}
[dir=rtl] .toolbar .icon.handle {
left: 0;
right: auto;
}
.toolbar .icon.handle:before {
background-image: url("../images/icon-open.png");
left: 0; /* LTR */
}
[dir=rtl] .toolbar .icon.handle:before {
left: auto;
right: 0;
}
.toolbar .icon.handle.open:before {
background-image: url("../images/icon-collapse.png");
}

View File

@ -1,78 +0,0 @@
/**
* @file toolbar.module-rtl.css
*/
html.js .toolbar {
left: auto;
right: 0;
}
.js .toolbar .bar .tab {
float: right;
}
/**
* Administration menu.
*/
.js .toolbar .bar {
left: auto;
right: 0;
}
@media only screen {
.js .toolbar .bar .tab,
.js .toolbar .tray li {
float: none;
}
}
@media only screen and (min-width: 16.5em) {
.js .toolbar .bar .tab,
.js .toolbar .horizontal li {
float: right;
}
}
/**
* Toolbar tray.
*/
.toolbar .vertical {
left: auto;
right: -100%;
}
.toolbar .horizontal {
left: auto;
right: 0;
}
.toolbar .vertical > .lining {
left: auto;
right: -100%;
}
.toolbar .vertical.active,
.toolbar .vertical.active > .lining {
left: auto;
right: 0;
}
@media only screen and (min-width: 16.5em) {
.toolbar .vertical.active > .lining:before {
left: auto;
right: -1px;
}
}
/**
* At larger screen sizes, the tray pushes the page content.
*/
@media only screen and (min-width: 38.125em) {
body.toolbar-tray-open.toolbar-vertical {
margin-left: 0;
margin-right: 240px;
margin-right: 15rem;
}
}
/**
* ToolBar tray orientation toggle.
*/
.toolbar .horizontal .toggle-orientation {
left: 0;
right: auto;
}
.toolbar .vertical .toggle-orientation {
float: left;
}

View File

@ -25,6 +25,11 @@ html.js .toolbar {
top: 0;
width: 100%;
}
html.js[dir=rtl] .toolbar {
left: auto;
right: 0;
}
/**
* Very specific overrides for Drupal system CSS.
*/
@ -47,6 +52,10 @@ html.js .toolbar {
.js .toolbar .horizontal .tab {
float: left; /* LTR */
}
.js[dir=rtl] .toolbar .bar .tab,
.js[dir=rtl] .toolbar .horizontal .tab {
float: right;
}
.js .toolbar a {
display: block;
line-height: 1;
@ -61,17 +70,29 @@ html.js .toolbar {
z-index: 1250;
width: 100%;
}
.js[dir=rtl] .toolbar .bar {
left: auto;
right: 0;
}
@media only screen {
.js .toolbar .bar .tab,
.js .toolbar .tray li {
float: none; /* LTR */
}
.js[dir=rtl] .toolbar .bar .tab,
.js[dir=rtl] .toolbar .tray li {
float: none;
}
}
@media only screen and (min-width: 16.5em) {
.js .toolbar .bar .tab,
.js .toolbar .horizontal li {
float: left; /* LTR */
}
.js[dir=rtl] .toolbar .bar .tab,
.js[dir=rtl] .toolbar .horizontal li {
float: right;
}
}
@media only screen and (min-width: 28.125em) {
.js .toolbar .bar {
@ -106,12 +127,20 @@ html.js .toolbar {
left: -100%; /* LTR */
position: absolute;
}
[dir=rtl] .toolbar .vertical {
left: auto;
right: -100%;
}
.toolbar .horizontal {
left: 0; /* LTR */
height: 0;
/* Set one higher than the contextual links gear. */
z-index: 1000;
}
[dir=rtl] .toolbar .horizontal {
left: auto;
right: 0;
}
.toolar .tray .lining {
position: relative;
}
@ -124,6 +153,11 @@ html.js .toolbar {
position: absolute;
width: 100%;
}
[dir=rtl] .toolbar .vertical > .lining,
[dir=rtl] .toolbar .vertical > .lining:before {
left: auto;
right: -100%;
}
.toolbar .vertical > .lining:before {
bottom: 0;
-moz-box-sizing: content-box;
@ -151,6 +185,11 @@ html.js .toolbar {
left: 0; /* LTR */
top: 0;
}
[dir=rtl] .toolbar .vertical.active,
[dir=rtl] .toolbar .vertical.active > .lining {
left: auto;
right: 0;
}
/* Make vertical toolbar tray scroll with page for touch devices. */
.touch .toolbar .vertical.active,
.touch .toolbar .vertical.active > .lining {
@ -181,6 +220,10 @@ html.js .toolbar {
display: block;
left: -1px; /* LTR */
}
[dir=rtl] .toolbar .vertical.active > .lining:before {
left: auto;
right: -1px;
}
}
@media only screen and (min-width: 28.125em) {
.toolbar .tray.horizontal {
@ -195,6 +238,11 @@ html.js .toolbar {
margin-left: 240px; /* LTR */
margin-left: 15rem; /* LTR */
}
[dir=rtl] body.toolbar-tray-open.toolbar-vertical {
margin-left: 0;
margin-right: 240px;
margin-right: 15rem;
}
}
/**
* ToolBar tray orientation toggle.
@ -221,7 +269,14 @@ html.js .toolbar {
right: 0; /* LTR */
top: 0;
}
[dir=rtl] .toolbar .horizontal .toggle-orientation {
left: 0;
right: auto;
}
.toolbar .vertical .toggle-orientation {
float: right; /* LTR */
width: 100%;
}
[dir=rtl] .toolbar .vertical .toggle-orientation {
float: left;
}

View File

@ -1,65 +0,0 @@
/**
* @file toolbar.theme-rtl.css
*/
/**
* Toolbar bar.
*/
.toolbar .bar {
box-shadow: 1px 0 3px 1px rgba(0, 0, 0, 0.3333);
}
/**
* Toolbar tray.
*/
.toolbar .horizontal {
box-shadow: 2px 1px 3px 1px rgba(0, 0, 0, 0.3333);
}
.toolbar .horizontal > .lining {
padding-right: 0;
padding-left: 5em;
}
.toolbar .vertical > .lining,
.toolbar .vertical > .lining:before {
border-left: 1px solid #aaaaaa;
border-right: 0 none;
}
.toolbar .vertical > .lining:before {
box-shadow: 1px 0 5px 2px rgba(0, 0, 0, 0.3333);
}
.toolbar .horizontal .menu li + li {
border-left: 0 none ;
border-right: 1px solid #dddddd;
}
.toolbar .horizontal .menu li:last-child {
border-left: 1px solid #dddddd;
}
.toolbar .vertical .menu .menu .menu {
margin-left: 0;
margin-right: 1.3333em;
}
.toolbar .vertical .menu .menu .menu .menu {
margin-left: 0;
margin-right: 0.25em;
}
.toolbar .vertical .menu .menu .menu a {
padding-left: 0;
padding-right: 0.5em;
}
/**
* Orientation toggle.
*/
.toolbar .horizontal .toggle-orientation {
border-left: 0 none;
border-right: 1px solid #c9c9c9;
}
.toolbar .toggle-orientation > .lining {
float: left;
}
.toolbar .toggle-orientation button:before {
left: auto;
right: 0;
}
.toolbar .toggle-orientation [value="vertical"]:before {
background-image: url('../images/icon-toggle-vertical-rtl.png'); /* LTR */
}

View File

@ -31,6 +31,9 @@
box-shadow: -1px 0 3px 1px rgba(0, 0, 0, 0.3333); /* LTR */
color: #dddddd;
}
[dir=rtl] .toolbar .bar {
box-shadow: 1px 0 3px 1px rgba(0, 0, 0, 0.3333);
}
.toolbar .bar a {
color: #ffffff;
}
@ -56,18 +59,33 @@
.toolbar .horizontal > .lining {
padding-right: 5em; /* LTR */
}
[dir=rtl] .toolbar .horizontal > .lining {
padding-right: 0;
padding-left: 5em;
}
.toolbar .vertical > .lining,
.toolbar .vertical > .lining:before {
background-color: #ffffff;
border-right: 1px solid #aaaaaa; /* LTR */
}
[dir=rtl] .toolbar .vertical > .lining,
[dir=rtl] .toolbar .vertical > .lining:before {
border-left: 1px solid #aaaaaa;
border-right: 0 none;
}
.toolbar .vertical > .lining:before {
box-shadow: -1px 0 5px 2px rgba(0, 0, 0, 0.3333); /* LTR */
}
[dir=rtl] .toolbar .vertical > .lining:before {
box-shadow: 1px 0 5px 2px rgba(0, 0, 0, 0.3333);
}
.toolbar .horizontal {
border-bottom: 1px solid #aaaaaa;
box-shadow: -2px 1px 3px 1px rgba(0, 0, 0, 0.3333); /* LTR */
}
[dir=rtl] .toolbar .horizontal {
box-shadow: 2px 1px 3px 1px rgba(0, 0, 0, 0.3333);
}
.toolbar .horizontal .tray {
background-color: #f5f5f5;
}
@ -85,9 +103,16 @@
.toolbar .horizontal .menu li + li {
border-left: 1px solid #dddddd; /* LTR */
}
[dir=rtl] .toolbar .horizontal .menu li + li {
border-left: 0 none ;
border-right: 1px solid #dddddd;
}
.toolbar .horizontal .menu li:last-child {
border-right: 1px solid #dddddd; /* LTR */
}
[dir=rtl] .toolbar .horizontal .menu li:last-child {
border-left: 1px solid #dddddd;
}
.toolbar .vertical .menu li + li {
border-top: 1px solid #dddddd;
}
@ -107,15 +132,27 @@
.toolbar .vertical .menu .menu .menu {
margin-left: 1.3333em; /* LTR */
}
[dir=rtl] .toolbar .vertical .menu .menu .menu {
margin-left: 0;
margin-right: 1.3333em;
}
.toolbar .vertical .menu .menu .menu .menu {
margin-left: 0.25em; /* LTR */
}
[dir=rtl] .toolbar .vertical .menu .menu .menu .menu {
margin-left: 0;
margin-right: 0.25em;
}
.toolbar .menu .menu a {
color: #434343;
}
.toolbar .vertical .menu .menu .menu a {
padding-left: 0.6667em; /* LTR */
}
[dir=rtl] .toolbar .vertical .menu .menu .menu a {
padding-left: 0;
padding-right: 0.5em;
}
/**
* Orientation toggle.
@ -127,10 +164,17 @@
.toolbar .horizontal .toggle-orientation {
border-left: 1px solid #c9c9c9; /* LTR */
}
[dir=rtl] .toolbar .horizontal .toggle-orientation {
border-left: 0 none;
border-right: 1px solid #c9c9c9;
}
.toolbar .toggle-orientation > .lining {
float: right; /* LTR */
padding: 0.1667em;
}
[dir=rtl] .toolbar .toggle-orientation > .lining {
float: left;
}
.toolbar .toggle-orientation button {
cursor: pointer;
display: inline-block;
@ -142,9 +186,16 @@
.toolbar .toggle-orientation button:before {
left: 0; /* LTR */
}
[dir=rtl] .toolbar .toggle-orientation button:before {
left: auto;
right: 0;
}
.toolbar .toggle-orientation [value="vertical"]:before {
background-image: url('../images/icon-toggle-vertical.png'); /* LTR */
}
[dir=rtl] .toolbar .toggle-orientation [value="vertical"]:before {
background-image: url('../images/icon-toggle-vertical-rtl.png');
}
.toolbar .toggle-orientation [value="horizontal"]:before {
background-image: url('../images/icon-toggle-horizontal.png');
}

View File

@ -1,13 +0,0 @@
/**
* @file
* RTL styling for tour module.
*/
.js .toolbar .bar .tour-toolbar-tab.tab {
float: left;
}
.tour-progress {
right: 0;
left: 15px;
}

View File

@ -7,6 +7,9 @@
.js .toolbar .bar .tour-toolbar-tab.tab {
float: right; /* LTR */
}
.js[dir=rtl] .toolbar .bar .tour-toolbar-tab.tab {
float: left;
}
.js .toolbar .tour-toolbar-tab button {
padding-bottom: 1em;
padding-top: 1em;
@ -32,6 +35,10 @@
bottom: 10px;
right: 15px; /* LTR */
}
[dir=rtl] .tour-progress {
right: 0;
left: 15px;
}
/* @todo Remove once http://drupal.org/node/1916690 is resolved. */
.js .toolbar .tour-toolbar-tab.tab.hidden {

View File

@ -1,35 +0,0 @@
/**
* @file
* RTL styles used by the Update Manager module.
*/
.update .project {
padding-right: .25em;
}
.update .version-status {
float: left;
padding-left: 10px;
}
.update .version-status .icon {
padding-right: .5em;
}
.update table.version .version-title {
padding-left: 1em;
}
.update table.version .version-details {
padding-left: .5em;
direction: ltr;
}
.update table.version .version-links {
text-align: left;
padding-left: 1em;
}
.update .check-manually {
padding-right: 1em;
}

View File

@ -9,6 +9,9 @@
padding-left: .25em; /* LTR */
height: 22px;
}
[dir=rtl] .update .project {
padding-right: .25em;
}
.update .version-status {
float: right; /* LTR */
@ -16,10 +19,17 @@
font-size: 110%;
height: 20px;
}
[dir=rtl] .update .version-status {
float: left;
padding-left: 10px;
}
.update .version-status .icon {
padding-left: .5em; /* LTR */
}
[dir=rtl] .update .version-status .icon {
padding-right: .5em;
}
.update .version-date {
white-space: nowrap;
@ -93,15 +103,26 @@ table.update,
padding-left: 1em; /* LTR */
width: 14em;
}
[dir=rtl] .update table.version .version-title {
padding-left: 1em;
}
.update table.version .version-details {
padding-right: .5em; /* LTR */
}
[dir=rtl] .update table.version .version-details {
padding-left: .5em;
direction: ltr;
}
.update table.version .version-links {
text-align: right; /* LTR */
padding-right: 1em; /* LTR */
}
[dir=rtl] .update table.version .version-links {
text-align: left;
padding-left: 1em;
}
.update table.version-security .version-title {
color: #970f00;
@ -119,6 +140,9 @@ table.update,
.update .check-manually {
padding-left: 1em; /* LTR */
}
[dir=rtl] .update .check-manually {
padding-right: 1em;
}
.update-major-version-warning {
color: #ff0000;

View File

@ -1,22 +0,0 @@
#permissions td.permission {
padding-left: 0;
padding-right: 1.5em;
}
/**
* Password strength indicator.
*/
.password-strength {
float: left;
}
.password-strength-text {
float: left;
}
div.password-confirm {
float: left;
}
.confirm-parent,
.password-parent {
clear: right;
}

View File

@ -4,6 +4,10 @@
#permissions td.permission {
padding-left: 1.5em; /* LTR */
}
[dir=rtl] #permissions td.permission {
padding-left: 0;
padding-right: 1.5em;
}
#permissions tr.odd .form-item,
#permissions tr.even .form-item {
white-space: normal;
@ -20,6 +24,9 @@
width: 17em;
float: right; /* LTR */
}
[dir=rtl] .password-strength {
float: left;
}
.password-strength-title {
display: inline;
}
@ -27,6 +34,9 @@
float: right; /* LTR */
font-weight: bold;
}
[dir=rtl] .password-strength-text {
float: left;
}
.password-indicator {
background-color: #c4c4c4;
height: 0.3em;
@ -47,6 +57,9 @@ div.password-confirm {
visibility: hidden;
width: 17em;
}
[dir=rtl] div.password-confirm {
float: left;
}
div.form-item div.password-suggestions {
padding: 0.2em 0.5em;
margin: 0.7em 0;
@ -62,6 +75,10 @@ div.password-suggestions ul {
margin: 0;
width: 36.3em;
}
[dir=rtl] .confirm-parent,
[dir=rtl] .password-parent {
clear: right;
}
/**
* Password strength indicator on narrow viewport.

View File

@ -1,85 +0,0 @@
/**
* The .css file is intended to only contain positioning and size declarations
* For example: display, position, float, clear, and overflow.
*/
/* @group Inline lists */
.horizontal > * {
float: right;
}
.horizontal.right {
float: left;
}
/* @end */
/* @group Attachment details
*
* The attachment details section, its tabs for each section and the buttons
* to add a new section
*/
.form-actions {
float: left;
}
/* @end */
/* @group Attachment details tabs
*
* The tabs that switch between sections
*/
.views-displays .secondary > li {
float: right;
}
/* @end */
/* @group Attachment details new section button */
.views-displays .secondary .action-list {
left: auto;
right: 0;
}
/* @end */
/* @group Attachment collapsible details */
.views-display-tab summary {
left: auto;
}
/* @end */
/* @group Attachment configuration columns */
@media screen and (min-width:45em) { /* 720px */
.views-display-columns > * {
float: right;
margin-left: 0;
margin-right: 2%;
}
.views-display-columns > *:first-child {
margin-right: 0;
}
}
/* @end */
/* @group Settings forms */
.views-dependent {
margin-right: 1.5em;
}
.views-display-setting .label,
.views-display-setting .views-ajax-link {
float: right;
}
/* @end */

View File

@ -29,10 +29,16 @@
clear: none;
float: left; /* LTR */
}
[dir=rtl] .horizontal > * {
float: right;
}
.horizontal.right {
float: right;
}
[dir=rtl] .horizontal.right {
float: left;
}
.horizontal label {
position: absolute;
@ -129,6 +135,9 @@
float: left; /* LTR */
padding: 0;
}
[dir=rtl] .views-displays .secondary > li {
float: right;
}
.views-displays .secondary .open > a {
position: relative;
@ -174,6 +183,10 @@
top: 23px;
z-index: 50;
}
[dir=rtl] .views-displays .secondary .action-list {
left: auto;
right: 0;
}
.views-displays .secondary .action-list li {
display: block;
@ -217,10 +230,18 @@
margin-bottom: 0;
width: 32%;
}
[dir=rtl] .views-display-columns > * {
float: right;
margin-left: 0;
margin-right: 2%;
}
.views-display-columns > *:first-child {
margin-left: 0; /* LTR */
}
[dir=rtl] .views-display-columns > *:first-child {
margin-right: 0;
}
}
/* @end */
@ -297,6 +318,10 @@
display: inline-block;
float: left; /* LTR */
}
[dir=rtl] .views-display-setting .label,
[dir=rtl] .views-display-setting .views-ajax-link {
float: right;
}
/* @end */

View File

@ -1,217 +0,0 @@
/**
* The .admin.theme.css file is intended to contain presentation declarations
* including images, borders, colors, and fonts.
*/
/* @end */
/* @group Icons */
.actions a,
.views-admin .icon,
.views-admin .icon-text {
background-position: right top;
}
/* Targets any element with an icon -> text combo */
.views-admin .icon-text {
padding-right: 19px;
}
.views-admin .icon-linked {
background-position: right -153px;
}
.views-admin .icon-unlinked {
background-position: right -195px;
}
.actions .views-button-add {
background-position: right -39px;
}
.actions .views-button-rearrange {
background-position: right -96px;
}
.actions .views-button-add:hover {
background-position: right -58px;
}
.actions .views-button-rearrange:hover {
background-position: right -115px;
}
.actions .views-button-add:active {
background-position: right -77px;
}
.actions .views-button-rearrange:active {
background-position: right -134px;
}
.views-displays .icon-add {
background-position: right -3px;
}
.views-displays .secondary a:hover > .icon-add {
background-position: right -21px;
}
.views-displays .secondary .open a:hover > .icon-add {
background-position: right -3px;
}
/* @end */
/* @group Forms */
.form-submit + .form-submit,
.views-admin a.button + a.button {
margin-right: 1em;
}
.container-inline > * + *,
.container-inline .details-wrapper > * + * {
padding-left: 0;
padding-right: 4px;
}
.views-admin .form-type-checkbox + .form-wrapper {
margin-right: 16px;
}
/* @end */
/* @group Lists */
.horizontal > * + * {
margin-right: 9px;
padding-right: 9px;
}
/* @end */
/* @group Attachments */
.views-displays .secondary {
padding: 6px 8px 8px;
}
.views-displays .views-display-top > ul > li + li {
margin-right: 3px;
}
.views-displays .views-extra-actions {
left: 10px;
}
/* @end */
/* @group Attachment details tabs
*
* The tabs that switch between sections
*/
.views-displays .secondary .action-list li:first-child {
border-radius: 7px 0 0 0;
}
/* @end */
/* @group Attachment collapsible details
*
* The attachment section is a collapsible details, but should not
* have a border around it.
*/
.views-display-tab summary {
left: auto;
right: -5px;
}
/* @end */
/* @group Auto preview
*
* The auto-preview checkbox line. This may have more stuff added to it.
*/
div.form-item-displays-live-preview {
text-align: left;
}
/* @end */
/* @group Attachment buckets
*
* These are the individual "buckets," or boxes, inside the three columns in the
* attachment details section.
*/
.views-ui-display-tab-bucket .icon-text {
padding-right: 25px;
}
/* @end */
/* @group Attachment bucket rows
*
* This is each row within one of the "boxes."
*/
.views-display-setting .label {
margin-left: 3px;
}
/* @end */
/* @group Modal dialog box
*
* The contents of the popup dialog on the views edit form.
*/
#views-filterable-options-controls .form-item {
margin-left: 2%;
}
.views-ui-dialog #views-progress-indicator {
left: 10px;
right: auto;
}
/* @end */
/* @group Rearrange filters
*
* Styling for the form that allows views filters to be rearranged.
*/
.views-operator-label {
padding-right: 0.5em;
}
/* @end */
/* @group Live preview elements */
/* @group HTML list */
#views-live-preview .view-content > .item-list > ul {
padding-right: 21px;
}
/* @end */
/* @group Buttons */
.no-js .views-display-top .dropbutton {
left: 12px;
right: auto;
}
.views-ui-display-tab-bucket .dropbutton {
left: 5px;
right: auto;
}
/* @end */

View File

@ -43,6 +43,10 @@
background-position: left top; /* LTR */
background-repeat: no-repeat;
}
[dir=rtl] .views-admin .icon,
[dir=rtl] .views-admin .icon-text {
background-position: right top;
}
.views-admin a.icon {
background-image:
@ -101,6 +105,10 @@
.views-admin .icon-text {
padding-left: 19px; /* LTR */
}
[dir=rtl] .views-admin .icon-text {
padding-left: 0;
padding-right: 19px;
}
.views-admin .icon.linked {
background-position: center -153px;
@ -173,6 +181,10 @@ input.form-radio {
.views-admin a.button:not(.js-hide) + a.button {
margin-left: 1em; /* LTR */
}
[dir=rtl] .form-submit:not(.js-hide) + .form-submit,
[dir=rtl] .views-admin a.button:not(.js-hide) + a.button {
margin-right: 1em;
}
.container-inline {
padding-top: 15px;
@ -182,6 +194,11 @@ input.form-radio {
.container-inline .details-wrapper > * + * {
padding-left: 4px; /* LTR */
}
[dir=rtl] .container-inline > * + *,
[dir=rtl] .container-inline .details-wrapper > * + * {
padding-left: 0;
padding-right: 4px;
}
.views-admin details details.container-inline {
margin-bottom: 1em;
@ -197,6 +214,10 @@ input.form-radio {
.views-admin .form-type-checkbox + .form-wrapper {
margin-left: 16px; /* LTR */
}
[dir=rtl] .views-admin .form-type-checkbox + .form-wrapper {
margin-left: 0;
margin-right: 16px;
}
/* Hide 'remove' checkboxes. */
.views-remove-checkbox {
@ -226,6 +247,10 @@ input.form-radio {
margin-left: 9px; /* LTR */
padding-left: 9px; /* LTR */
}
[dir=rtl] .horizontal > * + * {
margin-right: 9px;
padding-right: 9px;
}
.views-ui-view-title {
font-weight: bold;
@ -373,6 +398,10 @@ td.group-title {
padding-left: 0.5em; /* LTR */
text-transform: uppercase;
}
[dir=rtl] .views-operator-label {
padding-left: 0;
padding-right: 0.5em;
}
.grouped-description,
.exposed-description {
@ -410,6 +439,9 @@ td.group-title {
padding: 8px 8px 8px; /* LTR */
position: relative;
}
[dir=rtl] .views-display-top {
padding: 8px 8px 8px;
}
.views-display-top .secondary {
margin-right: 18em;
@ -715,6 +747,10 @@ ul#views-display-menu-tabs li.add ul.action-list li{
.views-display-setting .label {
margin-right: 3px; /* LTR */
}
[dir=rtl] .views-display-setting .label {
margin-left: 3px;
margin-right: 0;
}
/* @end */
@ -820,6 +856,10 @@ ul#views-display-menu-tabs li.add ul.action-list li{
width: 45%;
margin-right: 2%; /* LTR */
}
[dir=rtl] #views-filterable-options-controls .form-item {
margin-left: 2%;
margin-right: 0;
}
#views-filterable-options-controls input,
#views-filterable-options-controls select {
@ -867,6 +907,10 @@ ul#views-display-menu-tabs li.add ul.action-list li{
right: 10px; /* LTR */
top: 8px;
}
[dir=rtl] .views-ui-dialog #views-progress-indicator {
left: 10px;
right: auto;
}
.views-ui-dialog #views-progress-indicator:before {
content: "\003C\00A0";
@ -1043,6 +1087,10 @@ ul#views-display-menu-tabs li.add ul.action-list li{
list-style-position: outside;
padding-left: 21px; /* LTR */
}
[dir=rtl] #views-live-preview .view-content > .item-list > ul {
padding-left: 0;
padding-right: 21px;
}
/* @end */

View File

@ -1,60 +0,0 @@
/* ---------- Basic Layout RTL Styles ----------- */
.region-header {
float: left;
}
#secondary-menu {
left: 0;
right: auto;
}
@media all and (min-width: 560px) and (max-width: 850px) {
#sidebar-first,
.region-triptych-first,
.region-triptych-middle,
.region-triptych-last,
.region-footer-firstcolumn,
.region-footer-secondcolumn,
.region-footer-thirdcolumn,
.region-footer-fourthcolumn {
float: right;
}
#sidebar-second {
margin-right: 50%;
}
.one-sidebar #sidebar-second {
margin-right: 0;
}
}
@media all and (min-width: 851px) {
#content,
#sidebar-first,
#sidebar-second,
.region-triptych-first,
.region-triptych-middle,
.region-triptych-last,
.region-footer-firstcolumn,
.region-footer-secondcolumn,
.region-footer-thirdcolumn,
.region-footer-fourthcolumn {
float: right;
}
.sidebar-first #content {
margin-left: 0;
margin-right: 25%;
}
.sidebar-second #content {
margin-right: 0;
margin-left: 25%;
}
#sidebar-first {
margin-right: -100%;
}
#sidebar-second {
margin-right: -25%;
}
}

View File

@ -29,6 +29,9 @@ body,
margin: .5em 5px .75em;
border: 1px solid #ccc;
}
[dir=rtl] .region-header {
float: left;
}
#secondary-menu {
width: 100%;
margin: 0 auto;
@ -85,6 +88,16 @@ body,
float: left; /* LTR */
position: relative;
}
[dir=rtl] #sidebar-first,
[dir=rtl] .region-triptych-first,
[dir=rtl] .region-triptych-middle,
[dir=rtl] .region-triptych-last,
[dir=rtl] .region-footer-firstcolumn,
[dir=rtl] .region-footer-secondcolumn,
[dir=rtl] .region-footer-thirdcolumn,
[dir=rtl] .region-footer-fourthcolumn {
float: right;
}
#sidebar-first,
#sidebar-second {
width: 50%;
@ -92,6 +105,9 @@ body,
#sidebar-second {
margin-left: 50%; /* LTR */
}
[dir=rtl] #sidebar-second {
margin-right: 50%;
}
.one-sidebar #sidebar-first,
.one-sidebar #sidebar-second {
width: 100%;
@ -99,6 +115,9 @@ body,
.one-sidebar #sidebar-second {
margin-left: 0; /* LTR */
}
[dir=rtl] .one-sidebar #sidebar-second {
margin-right: 0;
}
.region-triptych-first,
.region-triptych-middle,
.region-triptych-last {
@ -157,6 +176,18 @@ body,
float: left; /* LTR */
position: relative;
}
[dir=rtl] #content,
[dir=rtl] #sidebar-first,
[dir=rtl] #sidebar-second,
[dir=rtl] .region-triptych-first,
[dir=rtl] .region-triptych-middle,
[dir=rtl] .region-triptych-last,
[dir=rtl] .region-footer-firstcolumn,
[dir=rtl] .region-footer-secondcolumn,
[dir=rtl] .region-footer-thirdcolumn,
[dir=rtl] .region-footer-fourthcolumn {
float: right;
}
.two-sidebars #content {
margin-left: 25%;
margin-right: 25%;
@ -172,19 +203,33 @@ body,
margin-left: 25%; /* LTR */
margin-right: 0; /* LTR */
}
[dir=rtl] .sidebar-first #content {
margin-left: 0;
margin-right: 25%;
}
.sidebar-second #content {
margin-right: 25%; /* LTR */
margin-left: 0; /* LTR */
}
[dir=rtl] .sidebar-second #content {
margin-right: 0;
margin-left: 25%;
}
#sidebar-first {
width: 25%;
margin-left: -100%; /* LTR */
}
[dir=rtl] #sidebar-first {
margin-right: -100%;
}
#sidebar-second {
width: 25%;
margin-left: -25%; /* LTR */
clear: none;
}
[dir=rtl] #sidebar-second {
margin-right: -25%;
}
.region-triptych-first,
.region-triptych-middle,
.region-triptych-last {

View File

@ -1,301 +0,0 @@
/* ------------------- Reset Styles ---------------------- */
th,
td {
text-align: right;
}
blockquote {
border-left: none;
border-right: 4px solid #afafaf;
}
blockquote:before {
content: "\201D";
}
blockquote:after {
content: "\201C";
}
tr td,
tr th {
text-align: right;
}
/* ------------------- List Styles ----------------------- */
.region-content ul,
.region-content ol {
padding: 2.5em 0 0.25em 0;
}
.item-list ul li {
padding: 0.2em 0 0 0.5em;
}
ul.tips {
padding: 0 1.25em 0 0;
}
.block ol,
.block ul {
padding: 0 1em 0.25em 0;
}
/* ------------------- Header ---------------------------- */
#logo {
padding: 15px 10px 15px 15px;
}
#logo,
#name-and-slogan,
.region-header .block,
.region-header #block-user-login .form-item,
.region-header #block-user-login .item-list li {
float: right;
}
#name-and-slogan {
margin: 0 15px 30px 0;
}
.region-header .form-text {
margin-left: 2px;
margin-right: 0;
}
.region-header #block-user-login .item-list li.last {
padding-left: 0;
padding-right: 0.5em;
}
/* ------------------- Main Menu ------------------------- */
#main-menu-links {
text-align: right;
}
#main-menu-links a {
padding: 0.9em 10px 0.9em 0;
}
/* ------------------- Secondary Menu -------------------- */
#secondary-menu-links {
float: left;
}
/* ------------------- Content --------------------------- */
.submitted .field-name-field-user-picture img {
float: right;
margin-left: 20px;
margin-right: 0;
}
.field-type-taxonomy-term-reference .field-label {
padding-left: 5px;
padding-right: 0;
}
.field-type-taxonomy-term-reference ul.links li {
padding: 0 0 0 1em;
float: right;
}
.link-wrapper {
text-align: left;
margin-right: 236px;
margin-left: 0;
}
/* ------------------- Comments -------------------------- */
.comment .field-name-field-user-picture img {
margin-right: 0;
}
.comment .attribution {
float: right;
padding: 0 0 0 30px;
}
.comment .comment-arrow {
background-image: url(../images/comment-arrow-rtl.gif);
margin-left: 0;
margin-right: -47px;
}
.comment .indented {
margin-right: 40px;
margin-left: 0;
}
.comment ul.links li {
padding: 0 0 0.5em;
}
.comment.unpublished {
margin-left: 5px;
margin-right: 0;
padding: 5px 5px 5px 2px;
}
/* ------------------- Password Meter ------------------- */
#password-strength {
left: auto;
margin-top: 2em;
right: 16em;
}
#password-strength-text {
margin-top: 0;
float: left;
}
.form-item-pass-pass2 label {
clear: right;
}
/* ------------------- Search Form ----------------------- */
#search-form input#edit-keys,
#block-search-form .form-item-search-block-form input {
float: right;
margin-left: 5px;
margin-right: 0;
}
/* ------------------- Footer ---------------------------- */
#footer-columns ul {
padding-right: 0;
}
#footer-columns li a {
padding: 0.8em 20px 0.8em 2px;
}
#footer li a {
float: right;
border-left: 1px solid #555;
border-color: rgba(255, 255, 255, 0.15);
border-right: none;
}
#footer li.first a {
padding-right: 0;
padding-left: 12px;
}
#footer li.last a {
padding-left: 0;
padding-right: 12px;
border-left: none;
}
/* ------------------ System Tabs ----------------------- */
.tabs ul.primary li {
margin: 0 0 0 5px;
float: right;
zoom: 1;
}
.tabs ul.secondary li {
border-left: 1px solid #ccc;
border-right: none;
float: right;
}
.tabs ul.secondary li:first-child {
padding-right: 0;
}
.tabs ul.secondary li:last-child {
border-left: none;
}
/* ------------------- Form Elements ------------------- */
#user-profile-form input#edit-submit {
margin-left: 0;
}
.password-suggestions ul li {
margin-right: 1.2em;
margin-left: 0;
}
/* Animated throbber */
.js input.form-autocomplete {
background-position: 1% 4px;
}
.js input.throbbing {
background-position: 1% -16px;
}
/* Comment form */
.comment-form label {
float: right;
}
.comment-form .form-type-checkbox,
.comment-form .form-radios,
.comment-form .form-item .description {
margin-left: 0;
margin-right: 120px;
}
#edit-actions input {
margin-left: 0.6em;
margin-right: 0;
}
/* ------------------- Shortcut Links -------------------- */
.shortcut-wrapper h1#page-title {
float: right;
}
/* ------------------- Color Form ------------------------ */
.color-form #palette {
margin-left: 0;
margin-right: 20px;
}
.color-form .form-item label {
float: right;
}
.color-form #palette .lock {
right: -20px;
left: 0;
}
/* ------------------- Media Queries --------------------- */
@media all and (min-width: 461px) and (max-width: 900px) {
/* ------------------ Header and Menus ------------------ */
#logo {
padding: 5px 5px 0 0;
}
#main-menu-links li {
float: right;
margin-left: 5px;
margin-right: 0;
}
#main-menu-links li:nth-child(3n) {
margin-left: -5px;
margin-right: 0;
}
}
@media all and (min-width: 901px) {
#logo {
padding: 15px 10px 15px 15px;
}
#name-and-slogan {
margin: 0 15px 30px 0;
}
#main-menu-links li {
float: right;
}
#main-menu-links a {
float: right;
padding: 0.7em 0.8em;
}
}
/* ------------------- Views styling --------------------- */
/* ------------------ @group Lists ---------------------- */
.views-display-top .secondary .action-list {
padding-left: inherit;
padding-right: 0;
}
/* ------------------- @end ------------------------------ */
/* ------------------- @group Collapsible ---------------- */
.views-display-columns details summary {
padding: 0 2px 4px 0;
}
/* ------------------- @end ------------------------------ */

View File

@ -149,6 +149,10 @@ blockquote {
margin: 1.5em 10px;
padding: 0.5em 10px;
}
[dir=rtl] blockquote {
border-left: none;
border-right: 4px solid #afafaf;
}
blockquote:before {
color: #bbb;
content: "\201C";
@ -157,6 +161,9 @@ blockquote:before {
margin-right: 0.2em;
vertical-align: -.4em;
}
[dir=rtl] blockquote:before {
content: "\201D";
}
blockquote:after {
color: #bbb;
content: "\201D";
@ -164,6 +171,9 @@ blockquote:after {
line-height: 0.1em;
vertical-align: -.45em;
}
[dir=rtl] blockquote:after {
content: "\201C";
}
blockquote > p:first-child {
display: inline;
}
@ -212,6 +222,10 @@ tr th {
border: 1px solid #fff;
text-align: left; /* LTR */
}
[dir=rtl] tr td,
[dir=rtl] tr th {
text-align: right;
}
#footer-wrapper tr td,
#footer-wrapper tr th {
border-color: #555;
@ -242,6 +256,10 @@ table ul.links li {
margin: 0;
padding: 0 0 0.25em 1em; /* LTR */
}
[dir=rtl] .block ol,
[dir=rtl] .block ul {
padding: 0 1em 0.25em 0;
}
.contextual-region .contextual .contextual-links a {
font-size: 0.923em;
text-shadow: 0 0 0 !important;
@ -277,13 +295,23 @@ ul.menu li {
margin: 1em 0;
padding: 0 0 0.25em 15px; /* LTR */
}
[dir=rtl] .region-content ul,
[dir=rtl] .region-content ol {
padding: 2.5em 0 0.25em 0;
}
.item-list ul li {
margin: 0;
padding: 0.2em 0.5em 0 0; /* LTR */
}
[dir=rtl] .item-list ul li {
padding: 0.2em 0 0 0.5em;
}
ul.tips {
padding: 0 0 0 1.25em; /* LTR */
}
[dir=rtl] ul.tips {
padding: 0 1.25em 0 0;
}
/* ------------------ Header ------------------ */
#skip-link {
@ -316,12 +344,19 @@ ul.tips {
float: left; /* LTR */
padding-left: 5px; /* LTR */
}
[dir=rtl] #logo {
padding: 15px 10px 15px 15px;
}
#name-and-slogan {
float: left; /* LTR */
margin: 0;
padding: 5px 10px 8px;
}
[dir=rtl] #name-and-slogan {
margin: 0 15px 30px 0;
}
#site-name {
font-size: 1.6em;
color: #686868;
@ -374,6 +409,10 @@ h1#site-name {
margin-right: 2px; /* LTR */
width: 120px;
}
[dir=rtl] .region-header .form-text {
margin-left: 2px;
margin-right: 0;
}
.region-header .form-text:hover,
.region-header .form-text:focus,
.region-header .form-text:active {
@ -443,6 +482,10 @@ h1#site-name {
.region-header #block-user-login .item-list li.last {
padding-left: 0.5em; /* LTR */
}
[dir=rtl] .region-header #block-user-login .item-list li.last {
padding-left: 0;
padding-right: 0.5em;
}
.region-header #block-user-login .form-actions {
margin: 4px 0 0;
padding: 0;
@ -475,6 +518,14 @@ h1#site-name {
padding: 0 0.5em;
}
[dir=rtl] #logo,
[dir=rtl] #name-and-slogan,
[dir=rtl] .region-header .block,
[dir=rtl] .region-header #block-user-login .form-item,
[dir=rtl] .region-header #block-user-login .item-list li {
float: right;
}
/* --------------- Main Menu ------------ */
#main-menu {
clear: both;
@ -485,6 +536,9 @@ h1#site-name {
padding: 0;
text-align: left; /* LTR */
}
[dir=rtl] #main-menu-links {
text-align: right;
}
#main-menu-links li {
float: none;
list-style: none;
@ -504,6 +558,9 @@ h1#site-name {
margin-bottom: 4px;
padding: 0.9em 0 0.9em 10px; /* LTR */
}
[dir=rtl] #main-menu-links a {
padding: 0.9em 10px 0.9em 0;
}
#main-menu-links a:hover,
#main-menu-links a:focus {
background: #f6f6f2;
@ -524,6 +581,9 @@ h1#site-name {
font-size: 0.929em;
margin: 0 10px;
}
[dir=rtl] #secondary-menu-links {
float: left;
}
#secondary-menu-links li{
margin: 0;
padding: 0;
@ -633,6 +693,11 @@ h1#page-title {
float: left; /* LTR */
margin: 1px 20px 0 0; /* LTR */
}
[dir=rtl] .submitted .field-name-field-user-picture img {
float: right;
margin-left: 20px;
margin-right: 0;
}
.field-type-taxonomy-term-reference {
margin: 0 0 1.2em;
}
@ -641,6 +706,10 @@ h1#page-title {
margin: 0;
padding-right: 5px; /* LTR */
}
[dir=rtl] .field-type-taxonomy-term-reference .field-label {
padding-left: 5px;
padding-right: 0;
}
.field-type-taxonomy-term-reference .field-label,
.field-type-taxonomy-term-reference ul.links {
font-size: 0.8em;
@ -659,9 +728,18 @@ h1#page-title {
padding: 0 1em 0 0; /* LTR */
white-space: nowrap;
}
[dir=rtl] .field-type-taxonomy-term-reference ul.links li {
padding: 0 0 0 1em;
float: right;
}
.link-wrapper {
text-align: right;
}
[dir=rtl] .link-wrapper {
text-align: left;
margin-right: 236px;
margin-left: 0;
}
.field-type-image img,
.field-name-field-user-picture img {
margin: 0 0 1em;
@ -687,6 +765,9 @@ ul.links {
.comment .field-name-field-user-picture img {
margin-left: 0; /* LTR */
}
[dir=rtl] .comment .field-name-field-user-picture img {
margin-right: 0;
}
.comment {
margin-bottom: 20px;
display: table;
@ -698,6 +779,10 @@ ul.links {
vertical-align: top;
overflow: hidden;
}
[dir=rtl] .comment .attribution {
float: right;
padding: 0 0 0 30px;
}
.comment .attribution img {
margin: 0;
border: 1px solid #d3d7d9;
@ -731,6 +816,11 @@ ul.links {
position: absolute;
width: 20px;
}
[dir=rtl] .comment .comment-arrow {
background-image: url(../images/comment-arrow-rtl.gif);
margin-left: 0;
margin-right: -47px;
}
.comment .comment-text {
padding: 10px 25px;
border: 1px solid #d3d7d9;
@ -742,16 +832,28 @@ ul.links {
.comment .indented {
margin-left: 40px; /* LTR */
}
[dir=rtl] .comment .indented {
margin-right: 40px;
margin-left: 0;
}
.comment ul.links {
padding: 0 0 0.25em 0;
}
.comment ul.links li {
padding: 0 0.5em 0 0; /* LTR */
}
[dir=rtl] .comment ul.links li {
padding: 0 0 0.5em;
}
.comment.unpublished {
margin-right: 5px; /* LTR */
padding: 5px 2px 5px 5px; /* LTR */
}
[dir=rtl] .comment.unpublished {
margin-left: 5px;
margin-right: 0;
padding: 5px 5px 5px 2px;
}
.comment.unpublished .comment-text .comment-arrow {
border-left: 1px solid #fff4f4;
border-right: 1px solid #fff4f4;
@ -908,6 +1010,9 @@ ul.links {
padding-left: 0; /* LTR */
margin-left: 0;
}
[dir=rtl] #footer-columns .content ul {
padding-right: 0;
}
#footer-columns .content li {
list-style: none;
margin: 0;
@ -921,6 +1026,9 @@ ul.links {
padding: 0.8em 2px 0.8em 20px; /* LTR */
text-indent: -15px;
}
[dir=rtl] #footer-columns .content li a {
padding: 0.8em 20px 0.8em 2px;
}
#footer-columns .content li a:hover,
#footer-columns .content li a:focus {
background-color: #1f1f21;
@ -952,13 +1060,28 @@ ul.links {
border-right: 1px solid #555; /* LTR */
border-color: rgba(255, 255, 255, 0.15);
}
[dir=rtl] #footer li a {
float: right;
border-left: 1px solid #555;
border-color: rgba(255, 255, 255, 0.15);
border-right: none;
}
#footer li.first a {
padding-left: 0; /* LTR */
}
[dir=rtl] #footer li.first a {
padding-right: 0;
padding-left: 12px;
}
#footer li.last a {
padding-right: 0; /* LTR */
border-right: none; /* LTR */
}
[dir=rtl] #footer li.last a {
padding-left: 0;
padding-right: 12px;
border-left: none;
}
#footer-wrapper tr.odd {
background-color: transparent;
}
@ -990,6 +1113,11 @@ div.tabs {
vertical-align: bottom;
margin: 0 5px 0 0; /* LTR */
}
[dir=rtl] .tabs ul.primary li {
margin: 0 0 0 5px;
float: right;
zoom: 1;
}
.tabs ul.primary li.active a {
border-bottom: 1px solid #ffffff;
}
@ -1027,12 +1155,23 @@ div.tabs {
margin: 0;
padding: 0 1em;
}
[dir=rtl] .tabs ul.secondary li {
border-left: 1px solid #ccc;
border-right: none;
float: right;
}
.tabs ul.secondary li:last-child {
border-right: none; /* LTR */
}
[dir=rtl] .tabs ul.secondary li:last-child {
border-left: none;
}
.tabs ul.secondary li:first-child {
padding-left: 0; /* LTR */
}
[dir=rtl] .tabs ul.secondary li:first-child {
padding-right: 0;
}
.tabs ul.secondary li a {
display: inline;
padding: 0.25em 0.5em;
@ -1072,6 +1211,14 @@ div.messages {
/* -------------- Password Meter ------------- */
[dir=rtl] #password-strength {
left: auto;
margin-top: 2em;
right: 16em;
}
[dir=rtl] .form-item-pass-pass2 label {
clear: right;
}
.confirm-parent,
.password-parent {
width: 34em;
@ -1088,6 +1235,10 @@ div.password-confirm {
.password-strength-text {
margin-top: 0.2em;
}
[dir=rtl] #password-strength-text {
margin-top: 0;
float: left;
}
div.password-confirm {
margin-top: 2.2em;
width: 20.73em;
@ -1183,6 +1334,10 @@ input.form-submit:focus {
.password-suggestions ul li {
margin-left: 1.2em; /* LTR */
}
[dir=rtl] .password-suggestions ul li {
margin-right: 1.2em;
margin-left: 0;
}
.form-item label {
font-size: 0.929em;
}
@ -1254,9 +1409,15 @@ input.form-submit:focus {
.js input.form-autocomplete {
background-position: 100% 4px; /* LTR */
}
.js[dir=rtl] input.form-autocomplete {
background-position: 1% 4px;
}
.js input.throbbing {
background-position: 100% -16px; /* LTR */
}
.js[dir=rtl] input.throbbing {
background-position: 1% -16px;
}
/* Comment form */
.comment-form label {
@ -1264,6 +1425,9 @@ input.form-submit:focus {
font-size: 0.929em;
width: 120px;
}
[dir=rtl] .comment-form label {
float: right;
}
.comment-form input,
.comment-form .form-select {
margin: 0;
@ -1283,6 +1447,12 @@ input.form-submit:focus {
.comment-form .form-radios {
margin-left: 120px; /* LTR */
}
[dir=rtl] .comment-form .form-type-checkbox,
[dir=rtl] .comment-form .form-radios,
[dir=rtl] .comment-form .form-item .description {
margin-left: 0;
margin-right: 120px;
}
.comment-form .form-type-checkbox label,
.comment-form .form-radios label {
float: none;
@ -1333,6 +1503,10 @@ input.form-submit:focus {
#edit-actions input {
margin-right: 0.6em; /* LTR */
}
[dir=rtl] #edit-actions input {
margin-left: 0.6em;
margin-right: 0;
}
/* -------------- Other Overrides ------------- */
@ -1350,6 +1524,20 @@ div.password-suggestions {
font-size: 1em;
}
/* ---------- Color Form ----------- */
[dir=rtl] .color-form #palette {
margin-left: 0;
margin-right: 20px;
}
[dir=rtl] .color-form .form-item label {
float: right;
}
[dir=rtl] .color-form #palette .lock {
right: -20px;
left: 0;
}
/* --------------- Search Form ---------------- */
#block-search-form {
@ -1375,6 +1563,12 @@ div.password-suggestions {
margin-right: 5px;
width: 9em;
}
[dir=rtl] #search-form input#edit-keys,
[dir=rtl] #block-search-form .form-item-search-block-form input {
float: right;
margin-left: 5px;
margin-right: 0;
}
#search-block-form input.form-submit,
#search-form input.form-submit {
margin-left: 0;
@ -1426,6 +1620,9 @@ ol.search-results {
float: left; /* LTR */
margin: 0;
}
[dir=rtl] .shortcut-wrapper h1#page-title {
float: right;
}
div.add-or-remove-shortcuts {
padding-top: 0.9em;
}
@ -1554,6 +1751,9 @@ div.admin-panel .description {
#logo {
padding: 5px 0 0 5px; /* LTR */
}
[dir=rtl] #logo {
padding: 5px 5px 0 0;
}
#name-and-slogan {
padding: 10px 10px 8px;
}
@ -1569,9 +1769,18 @@ div.admin-panel .description {
display: inline-block;
width: 32.75%;
}
[dir=rtl] #main-menu-links li {
float: right;
margin-left: 5px;
margin-right: 0;
}
#main-menu-links li:nth-child(3n) {
margin-right: -5px; /* LTR */
}
[dir=rtl] #main-menu-links li:nth-child(3n) {
margin-left: -5px;
margin-right: 0;
}
#main-menu-links a {
float: none;
display: block;
@ -1589,10 +1798,16 @@ div.admin-panel .description {
#logo {
padding: 15px 15px 15px 10px; /* LTR */
}
[dir=rtl] #logo {
padding: 15px 10px 15px 15px;
}
#name-and-slogan {
padding: 26px 0 0;
margin: 0 0 30px 15px; /* LTR */
}
[dir=rtl] #name-and-slogan {
margin: 0 15px 30px 0;
}
#site-name {
font-size: 1.821em;
}
@ -1608,6 +1823,9 @@ div.admin-panel .description {
margin: 0 1px;
width: auto;
}
[dir=rtl] #main-menu-links li {
float: right;
}
#main-menu-links a {
float: left; /* LTR */
padding: 0.7em 0.8em;
@ -1615,6 +1833,10 @@ div.admin-panel .description {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
[dir=rtl] #main-menu-links a {
float: right;
padding: 0.7em 0.8em;
}
.featured #main-menu-links li a:active,
.featured #main-menu-links li a.active {
background: #f0f0f0;
@ -1669,6 +1891,11 @@ div.admin-panel .description {
padding-left: 0; /* LTR */
}
[dir=rtl] .views-display-top .secondary .action-list {
padding-left: inherit;
padding-right: 0;
}
/* @end */
/* @group Attachment details tabs
@ -1754,6 +1981,9 @@ div.admin-panel .description {
.views-display-columns details summary {
padding: 0 0 4px 2px; /* LTR */
}
[dir=rtl] .views-display-columns details summary {
padding: 0 2px 4px 0;
}
.views-display-columns a.fieldset-title {
color: #0071B3;

View File

@ -1,32 +0,0 @@
/**
* @file
* Right-to-left styles for installation.
*/
body.install-page #page {
padding: 1em 0 1em 2em;
}
body.install-page #content {
padding-left: 0;
padding-right: 30px;
}
body.install-page #site-name {
margin: 0.75em 50px 0.75em 0;
}
.install-task-list {
margin-right: 0;
padding-right: 0;
}
.install-task-list li {
padding: 0.5em 20px 0.5em 1em;
}
.install-task-list li.active:after {
left: auto;
right: 100%;
border-left-color: transparent;
border-right-color: #ebeae4;
}
.step-indicator {
left: 40px;
right: auto;
}

View File

@ -50,6 +50,9 @@ body.install-page {
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
padding: 1em 2em 1em 0; /* LTR */
}
[dir=rtl] body.install-page #page {
padding: 1em 0 1em 2em;
}
body.install-page #content {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
@ -59,6 +62,10 @@ body.install-page {
padding-left: 30px; /* LTR */
width: 65%;
}
[dir=rtl] body.install-page #content {
padding-left: 0;
padding-right: 30px;
}
body.install-page #sidebar-first {
float: left;
width: 35%;
@ -70,6 +77,9 @@ body.install-page #site-name {
color: #0074bd;
margin: 0.75em 0 0.75em 50px; /* LTR */
}
[dir=rtl] body.install-page #site-name {
margin: 0.75em 50px 0.75em 0;
}
body.install-page #page-title {
background: transparent;
padding-top: 0;
@ -93,10 +103,17 @@ body.install-page #page-title {
padding-left: 0; /* LTR */
padding-bottom: 1em;
}
[dir=rtl] .install-task-list {
margin-right: 0;
padding-right: 0;
}
.install-task-list li {
padding: 0.5em 1em 0.5em 50px; /* LTR */
color: #1a1a1a;
}
[dir=rtl] .install-task-list li {
padding: 0.5em 20px 0.5em 1em;
}
.install-task-list li.active {
background: #ebeae4;
position: relative;
@ -116,6 +133,12 @@ body.install-page #page-title {
top: 50%;
margin-top: -17px;
}
[dir=rtl] .install-task-list li.active:after {
left: auto;
right: 100%;
border-left-color: transparent;
border-right-color: #ebeae4;
}
.install-task-list li.done {
color: #adadad;
}
@ -137,6 +160,10 @@ body.install-page #page-title {
top: 1.9em;
right: 40px;
}
[dir=rtl] .step-indicator {
left: 40px;
right: auto;
}
}
.install-page .password-parent {
width: auto;

View File

@ -1,214 +0,0 @@
/**
* Generic elements.
*/
dl dd,
dl dl {
margin-right: 20px;
}
ul,
.block ul,
.item-list ul {
margin: 0.25em 1.5em 0.25em 0;
}
ol {
margin: 0.25em 2em 0.25em 0;
}
/**
* Skip link.
*/
#skip-link {
right: 50%;
margin-right: -5.25em;
}
#skip-link a,
#skip-link a:link,
#skip-link a:visited {
padding: 1px 10px 2px 10px;
}
/**
* Branding.
*/
#branding {
padding: 20px 20px 0 20px;
}
/**
* Help.
*/
#help div.more-help-link {
text-align: left;
}
/**
* Page title.
*/
#branding h1.page-title {
float: right;
}
/**
* Tabs.
*/
ul.primary li,
ul.primary li a:link,
ul.primary li a.active {
float: right;
}
ul.primary,
ul.secondary {
float: left;
}
ul.secondary li {
float: none;
}
ul.primary {
padding-top: 0;
}
/**
* Page layout.
*/
ul.links li,
ul.inline li {
padding-left: 1em;
padding-right: 0;
}
.admin-list li a {
background: url(images/list-item-rtl.png) no-repeat right 11px;
padding: 9px 39px 9px 9px;
}
/**
* Tables.
*/
table th.active a {
padding: 0 0 0 25px;
}
table th.active img {
left: 3px;
right: auto;
}
/**
* Exception for webkit bug with the right border of the last cell
* in some tables, since it's webkit only, we can use :last-child
*/
tr td:last-child {
border-left: 1px solid #bebfb9;
border-right: none;
}
/* Filter */
ul.tips li {
margin: 0.25em 1.5em 0.25em 0;
}
body div.form-type-radio div.description,
body div.form-type-checkbox div.description {
margin-left: 0;
margin-right: 1.5em;
}
/* Update options. */
div.admin-options label,
div.admin-options div.form-item {
margin-left: 10px;
margin-right: 0;
float: right;
}
/* Maintenance theming */
body.in-maintenance #sidebar-first {
float: right;
}
body.in-maintenance #content {
float: left;
padding-left: 20px;
padding-right: 0;
}
ol.task-list {
margin-right: 0;
}
ol.task-list li {
padding: 0.5em 20px 0.5em 1em;
}
ol.task-list li.active {
background: transparent url(images/task-item-rtl.png) no-repeat right 50%;
padding: 0.5em 20px 0.5em 1em;
}
/* Overlay theming */
.overlay #branding .breadcrumb {
float: right;
}
.overlay ul.secondary {
margin: -1.4em 0 0.3em 0;
}
/* Recent content block */
#block-node-recent .more-link {
padding: 0 0 5px 5px;
}
/**
* Improve spacing of cancel link.
*/
#edit-cancel {
margin-right: 10px;
}
/**
* Views styling
*/
/* @group Forms */
.views-admin .form-submit,
.views-admin a.button {
margin-left: 0;
}
/* @end */
/* @group Lists */
.views-admin .links li {
padding-left: 0;
}
/* @end */
/* @group Attachments */
.views-displays .secondary {
text-align: right;
}
/* @end */
/* @group Attachment details tabs */
.views-display-top ul.secondary {
float: right;
}
.views-displays .secondary .action-list li:first-child {
border-radius: 7px 0 0 0;
}
/* @end */
/**
* Node Add/Edit Page Layout
*/
/* Narrow screens */
/*.overlay .layout-region-secondary {
box-shadow: inset -0.15em 0.3em .5em rgba(0, 0, 0, .1);
}*/
/* Wide screens */
@media only screen and (min-width: 780px) {
.overlay [id="edit-additional-settings"] {
box-shadow: inset -3px 3px 5px rgba(0, 0, 0, .15);
}
}

View File

@ -63,6 +63,10 @@ dl dl {
margin-left: 20px; /* LTR */
margin-bottom: 10px;
}
[dir=rtl] dl dd,
[dir=rtl] dl dl {
margin-right: 20px;
}
blockquote {
margin: 1em 40px;
}
@ -107,6 +111,10 @@ ul,
list-style-image: none;
margin: 0.25em 0 0.25em 1.5em; /* LTR */
}
[dir=rtl] ul,
[dir=rtl] .item-list ul {
margin: 0.25em 1.5em 0.25em 0;
}
.item-list .pager li {
padding: 0.5em;
}
@ -123,6 +131,9 @@ ol {
list-style-type: decimal;
margin: 0.25em 0 0.25em 2em; /* LTR */
}
[dir=rtl] ol {
margin: 0.25em 2em 0.25em 0;
}
.item-list ul li.collapsed,
ul.menu li.collapsed {
list-style-image:url(../../misc/menu-collapsed.png);
@ -158,6 +169,10 @@ pre {
width: auto;
z-index: 50;
}
[dir=rtl] #skip-link {
right: 50%;
margin-right: -5.25em;
}
#skip-link a,
#skip-link a:link,
#skip-link a:visited {
@ -169,6 +184,11 @@ pre {
text-decoration: none;
border-radius: 0 0 10px 10px;
}
[dir=rtl] #skip-link a,
[dir=rtl] #skip-link a:link,
[dir=rtl] #skip-link a:visited {
padding: 1px 10px 2px 10px;
}
#skip-link a:hover,
#skip-link a:focus,
#skip-link a:active {
@ -184,6 +204,9 @@ pre {
position: relative;
background-color: #e0e0d8;
}
[dir=rtl] #branding {
padding: 20px 20px 0 20px;
}
.breadcrumb {
font-size: 0.846em;
line-height: 1em;
@ -202,6 +225,9 @@ pre {
#help div.more-help-link {
text-align: right; /* LTR */
}
[dir=rtl] #help div.more-help-link {
text-align: left;
}
/**
* Page title.
@ -218,6 +244,9 @@ pre {
font-weight: normal;
float: left; /* LTR */
}
[dir=rtl] #branding h1.page-title {
float: right;
}
/**
* Console.
@ -237,12 +266,18 @@ ul.primary {
margin: 0;
padding-top: 0;
}
[dir=rtl] ul.primary {
float: left;
}
ul.primary li {
float: left; /* LTR */
list-style: none;
height: 2.60em;
margin: 0 2px;
}
[dir=rtl] ul.primary li {
float: right;
}
ul.primary li a:link,
ul.primary li a.active,
ul.primary li a:active,
@ -260,6 +295,14 @@ ul.primary li.active a {
border-color: #a6a7a2;
border-radius: 8px 8px 0 0;
}
[dir=rtl] ul.primary li a:link,
[dir=rtl] ul.primary li a.active,
[dir=rtl] ul.primary li a:active,
[dir=rtl] ul.primary li a:visited,
[dir=rtl] ul.primary li a:hover,
[dir=rtl] ul.primary li.active a {
float: right;
}
ul.primary li.active a,
ul.primary li.active a.active,
ul.primary li.active a:active,
@ -284,10 +327,16 @@ ul.secondary {
overflow: hidden;
background-color: #fff;
}
[dir=rtl] ul.secondary {
float: left;
}
ul.secondary li {
margin: 0 5px;
float: none; /* LTR */
}
[dir=rtl] ul.secondary li {
float: none;
}
ul.secondary li a {
background-color: #ddd;
color: #000;
@ -383,6 +432,10 @@ ul.links li,
ul.inline li {
padding-right: 1em; /* LTR */
}
[dir=rtl] ul.links li,
[dir=rtl] ul.inline li {
padding-left: 1em;
}
ul.inline li {
display: inline;
}
@ -407,6 +460,10 @@ ul.inline li {
padding: 9px 9px 9px 39px; /* LTR */
min-height: 0;
}
[dir=rtl] .admin-list li a {
background: url(images/list-item-rtl.png) no-repeat right 11px;
padding: 9px 39px 9px 9px;
}
.admin-list.compact li a {
background-image: none;
padding: 2px 19px;
@ -477,11 +534,18 @@ table th a {
table th.active a {
padding: 0 25px 0 0; /* LTR */
}
[dir=rtl] table th.active a {
padding: 0 0 0 25px;
}
table th.active img {
position: absolute;
top: 3px;
right: 3px; /* LTR */
}
[dir=rtl] table th.active img {
left: 3px;
right: auto;
}
/**
* Force browsers to calculate the width of a 'select all' TH element.
*/
@ -600,10 +664,18 @@ div.description,
ul.tips li {
margin: 0.25em 0 0.25em 1.5em; /* LTR */
}
[dir=rtl] ul.tips li {
margin: 0.25em 1.5em 0.25em 0;
}
body div.form-type-radio div.description,
body div.form-type-checkbox div.description {
margin-left: 1.5em; /* LTR */
}
[dir=rtl] body div.form-type-radio div.description,
[dir=rtl] body div.form-type-checkbox div.description {
margin-left: 0;
margin-right: 1.5em;
}
.button {
cursor: pointer;
padding: 4px 17px;
@ -754,6 +826,10 @@ select.form-select:focus {
#edit-cancel {
margin-left: 10px; /* LTR */
}
[dir=rtl] #edit-cancel {
margin-left: 0;
margin-right: 10px;
}
/**
* Improve form element usability on narrow devices.
@ -896,6 +972,12 @@ div.admin-options div.form-item {
margin-right: 10px; /* LTR */
float: left; /* LTR */
}
[dir=rtl] div.admin-options label,
[dir=rtl] div.admin-options div.form-item {
margin-left: 10px;
margin-right: 0;
float: right;
}
div.admin-options div.form-item {
padding: 0;
border: 0;
@ -912,11 +994,17 @@ body.in-maintenance #sidebar-first {
max-width: 200px;
width: 25%;
}
[dir=rtl] body.in-maintenance #sidebar-first {
float: right;
}
body.in-maintenance #content {
float: right; /* LTR */
clear: none;
width: 72%;
}
[dir=rtl] body.in-maintenance #content {
float: left;
}
body.in-maintenance #page {
max-width: 770px;
margin: 0 auto;
@ -952,21 +1040,30 @@ body.in-maintenance #logo {
width: auto;
}
}
.task-list {
margin-left: 0; /* LTR */
list-style-type: none;
list-style-image: none;
}
[dir=rtl] .task-list {
margin-right: 0;
}
.task-list li {
padding: 0.5em 1em 0.5em 20px; /* LTR */
color: #adadad;
}
[dir=rtl] .task-list li {
padding: 0.5em 20px 0.5em 1em;
}
.task-list li.active {
background: transparent url(images/task-item.png) no-repeat 3px 50%; /* LTR */
padding: 0.5em 1em 0.5em 20px; /* LTR */
color: #000;
}
[dir=rtl] .task-list li.active {
background: transparent url(images/task-item-rtl.png) no-repeat right 50%;
padding: 0.5em 20px 0.5em 1em;
}
.task-list li.done {
background: transparent url(images/task-check.png) no-repeat 0 50%;
color: green;
@ -992,6 +1089,9 @@ body.in-maintenance #logo {
position: relative;
z-index: 10;
}
[dir=rtl] .overlay #branding .breadcrumb {
float: right;
}
#overlay-tabs {
bottom: -1px;
font-size: 1.54em;
@ -1003,6 +1103,9 @@ body.in-maintenance #logo {
margin: -1.4em 0 0.3em 0; /* LTR */
overflow: visible;
}
[dir=rtl] .overlay ul.secondary {
margin: -1.4em 0 0.3em 0;
}
.overlay #content {
padding: 0;
}
@ -1082,6 +1185,9 @@ h1#overlay-title {
#block-node-recent .more-link {
padding: 0 5px 5px 0; /* LTR */
}
[dir=rtl] #block-node-recent .more-link {
padding: 0 0 5px 5px;
}
/* Dropbutton */
.js .dropbutton-widget {
@ -1191,6 +1297,12 @@ details.fieldset-no-legend {
margin-right: 0; /* LTR */
margin-top: 0;
}
[dir=rtl] .views-admin input.form-submit,
[dir=rtl] .views-ui-dialog input.form-submit,
[dir=rtl] .views-admin a.button,
[dir=rtl] .views-ui-dialog a.button {
margin-left: 0;
}
/* Override for a button on the edit display screen */
#edit-displays-preview-controls .form-submit {
@ -1259,10 +1371,16 @@ details.fieldset-no-legend {
.views-admin .links li {
padding-right: 0; /* LTR */
}
[dir=rtl] .views-admin .links li {
padding-left: 0;
}
.views-admin .button .links li {
padding-right: 12px; /* LTR */
}
[dir=rtl] .views-admin .button .links li {
padding-left: 12px;
}
.views-display-top ul.secondary {
background-color: transparent;
@ -1301,6 +1419,9 @@ details.fieldset-no-legend {
.views-displays .secondary {
text-align: left; /* LTR */
}
[dir=rtl] .views-displays .secondary {
text-align: right;
}
.views-admin .icon.add {
background-position: center 3px;

View File

@ -1,15 +0,0 @@
/**
* Override of misc/vertical-tabs-rtl.css.
*/
.vertical-tabs-list {
float: right;
margin: 0 0 -1px -100%;
}
.vertical-tab-button.selected {
border-left: 1px solid #fcfcfa;
}
html.js .vertical-tabs-panes {
margin: 0 240px 0 0;
border-left: none;
border-right: 1px solid #a6a5a1;
}

View File

@ -17,6 +17,10 @@
border-bottom: 1px solid #ccc;
line-height: 1;
}
[dir=rtl] .vertical-tabs-list {
float: right;
margin: 0 0 -1px -100%;
}
.vertical-tab-button {
position: relative;
margin: 0;
@ -30,6 +34,10 @@
border-right: 1px solid #fcfcfa; /* LTR */
box-shadow: 0 5px 5px -5px hsla(0, 0%, 0%, 0.3);
}
[dir=rtl] .vertical-tab-button.selected {
border-left: 1px solid #fcfcfa;
border-right: none;
}
.vertical-tab-button:focus,
.vertical-tab-button:active {
z-index: 2;
@ -68,6 +76,11 @@ html.js .vertical-tabs-panes {
padding: 10px 15px 10px 15px;
border-left: 1px solid #a6a5a1; /* LTR */
}
html.js[dir=rtl] .vertical-tabs-panes {
margin: 0 240px 0 0;
border-left: none;
border-right: 1px solid #a6a5a1;
}
.vertical-tabs-panes:after {
content: "";
display: table;

View File

@ -1,52 +0,0 @@
@media all and (min-width: 480px) and (max-width: 959px) {
body.sidebar-first #content,
body.two-sidebars #content {
float: left;
}
body.sidebar-second #content {
float: right;
}
#sidebar-first {
float: right;
}
#sidebar-second {
float: left;
}
body.two-sidebars #sidebar-second {
float: right;
clear: right;
}
body.two-sidebars #sidebar-second .block {
float: right;
}
}
@media all and (min-width: 960px) {
#content {
float: right;
}
body.sidebar-first #content {
left: 0;
right: 20%;
}
body.two-sidebars #content {
left: 0;
right: 20%;
}
#sidebar-first {
float: right;
left: 0;
right: -80%;
}
body.two-sidebars #sidebar-first {
left: 0;
right: -60%;
}
#sidebar-second {
float: left;
}
}

View File

@ -33,29 +33,49 @@ img {
width: 67%;
float: right; /* LTR */
}
[dir=rtl] body.sidebar-first #content,
[dir=rtl] body.two-sidebars #content {
float: left;
}
body.sidebar-second #content {
width: 67%;
float: left; /* LTR */
}
[dir=rtl] body.sidebar-second #content {
float: right;
}
#sidebar-first {
width: 33%;
float: left; /* LTR */
}
[dir=rtl] #sidebar-first {
float: right;
}
#sidebar-second {
width: 33%;
float: right; /* LTR */
}
[dir=rtl] #sidebar-second {
float: left;
}
body.two-sidebars #sidebar-second {
clear: both;
width: 100%;
}
[dir=rtl] body.two-sidebars #sidebar-second {
float: right;
clear: right;
}
body.two-sidebars #sidebar-second .block {
float: left; /* LTR */
width: 33%;
}
[dir=rtl] body.two-sidebars #sidebar-second .block {
float: right;
}
body.two-sidebars #sidebar-second .block:nth-child(3n+1) {
clear: both;
}
@ -66,10 +86,17 @@ img {
width: 100%;
float: left; /* LTR */
}
[dir=rtl] #content {
float: right;
}
body.sidebar-first #content {
width: 80%;
left: 20%; /* LTR */
}
[dir=rtl] body.sidebar-first #content {
left: 0;
right: 20%;
}
body.sidebar-second #content {
width: 80%;
}
@ -77,20 +104,36 @@ img {
width: 60%;
left: 20%; /* LTR */
}
[dir=rtl] body.two-sidebars #content {
left: 0;
right: 20%;
}
#sidebar-first {
width: 20%;
float: left; /* LTR */
left: -80%; /* LTR */
}
[dir=rtl] #sidebar-first {
float: right;
left: 0;
right: -80%;
}
body.two-sidebars #sidebar-first {
left: -60%; /* LTR */
}
[dir=rtl] body.two-sidebars #sidebar-first {
left: 0;
right: -60%;
}
#sidebar-second {
float: right; /* LTR */
width: 20%;
}
[dir=rtl] #sidebar-second {
float: left;
}
}
/**