views_ui.admin.theme-rtl.css

/**
 * 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 {
  -moz-border-radius: 7px 0 0 0;
  -webkit-border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 0;
  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 */

File

drupal/core/modules/views_ui/css/views_ui.admin.theme-rtl.css
View source
  1. /**
  2. * The .admin.theme.css file is intended to contain presentation declarations
  3. * including images, borders, colors, and fonts.
  4. */
  5. /* @end */
  6. /* @group Icons */
  7. .actions a,
  8. .views-admin .icon,
  9. .views-admin .icon-text {
  10. background-position: right top;
  11. }
  12. /* Targets any element with an icon -> text combo */
  13. .views-admin .icon-text {
  14. padding-right: 19px;
  15. }
  16. .views-admin .icon-linked {
  17. background-position: right -153px;
  18. }
  19. .views-admin .icon-unlinked {
  20. background-position: right -195px;
  21. }
  22. .actions .views-button-add {
  23. background-position: right -39px;
  24. }
  25. .actions .views-button-rearrange {
  26. background-position: right -96px;
  27. }
  28. .actions .views-button-add:hover {
  29. background-position: right -58px;
  30. }
  31. .actions .views-button-rearrange:hover {
  32. background-position: right -115px;
  33. }
  34. .actions .views-button-add:active {
  35. background-position: right -77px;
  36. }
  37. .actions .views-button-rearrange:active {
  38. background-position: right -134px;
  39. }
  40. .views-displays .icon-add {
  41. background-position: right -3px;
  42. }
  43. .views-displays .secondary a:hover > .icon-add {
  44. background-position: right -21px;
  45. }
  46. .views-displays .secondary .open a:hover > .icon-add {
  47. background-position: right -3px;
  48. }
  49. /* @end */
  50. /* @group Forms */
  51. .form-submit + .form-submit,
  52. .views-admin a.button + a.button {
  53. margin-right: 1em;
  54. }
  55. .container-inline > * + *,
  56. .container-inline .details-wrapper > * + * {
  57. padding-left: 0;
  58. padding-right: 4px;
  59. }
  60. .views-admin .form-type-checkbox + .form-wrapper {
  61. margin-right: 16px;
  62. }
  63. /* @end */
  64. /* @group Lists */
  65. .horizontal > * + * {
  66. margin-right: 9px;
  67. padding-right: 9px;
  68. }
  69. /* @end */
  70. /* @group Attachments */
  71. .views-displays .secondary {
  72. padding: 6px 8px 8px;
  73. }
  74. .views-displays .views-display-top > ul > li + li {
  75. margin-right: 3px;
  76. }
  77. .views-displays .views-extra-actions {
  78. left: 10px;
  79. }
  80. /* @end */
  81. /* @group Attachment details tabs
  82. *
  83. * The tabs that switch between sections
  84. */
  85. .views-displays .secondary .action-list li:first-child {
  86. -moz-border-radius: 7px 0 0 0;
  87. -webkit-border-top-left-radius: 7px;
  88. -webkit-border-top-right-radius: 0;
  89. border-radius: 7px 0 0 0;
  90. }
  91. /* @end */
  92. /* @group Attachment collapsible details
  93. *
  94. * The attachment section is a collapsible details, but should not
  95. * have a border around it.
  96. */
  97. .views-display-tab summary {
  98. left: auto;
  99. right: -5px;
  100. }
  101. /* @end */
  102. /* @group Auto preview
  103. *
  104. * The auto-preview checkbox line. This may have more stuff added to it.
  105. */
  106. div.form-item-displays-live-preview {
  107. text-align: left;
  108. }
  109. /* @end */
  110. /* @group Attachment buckets
  111. *
  112. * These are the individual "buckets," or boxes, inside the three columns in the
  113. * attachment details section.
  114. */
  115. .views-ui-display-tab-bucket .icon-text {
  116. padding-right: 25px;
  117. }
  118. /* @end */
  119. /* @group Attachment bucket rows
  120. *
  121. * This is each row within one of the "boxes."
  122. */
  123. .views-display-setting .label {
  124. margin-left: 3px;
  125. }
  126. /* @end */
  127. /* @group Modal dialog box
  128. *
  129. * The contents of the popup dialog on the views edit form.
  130. */
  131. #views-filterable-options-controls .form-item {
  132. margin-left: 2%;
  133. }
  134. .views-ui-dialog #views-progress-indicator {
  135. left: 10px;
  136. right: auto;
  137. }
  138. /* @end */
  139. /* @group Rearrange filters
  140. *
  141. * Styling for the form that allows views filters to be rearranged.
  142. */
  143. .views-operator-label {
  144. padding-right: 0.5em;
  145. }
  146. /* @end */
  147. /* @group Live preview elements */
  148. /* @group HTML list */
  149. #views-live-preview .view-content > .item-list > ul {
  150. padding-right: 21px;
  151. }
  152. /* @end */
  153. /* @group Buttons */
  154. .no-js .views-display-top .dropbutton {
  155. left: 12px;
  156. right: auto;
  157. }
  158. .views-ui-display-tab-bucket .dropbutton {
  159. left: 5px;
  160. right: auto;
  161. }
  162. /* @end */