views-ui.css

Same filename in this branch
  1. 8.9.x core/themes/seven/css/components/views-ui.css
Same filename in other branches
  1. 9 core/themes/seven/css/components/views-ui.css
  2. 9 core/themes/claro/css/components/views-ui.css
  3. 10 core/themes/claro/css/components/views-ui.css
  4. 11.x core/themes/claro/css/components/views-ui.css
/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/2815083
 * @preserve
 */

/**
 * Views styling
 */

/* @group Forms */

/**
 * Claro positions the summary absolutely, but does not have a way to ignore
 * details without a summary so we make one up.
 *
 * @todo Neither a fieldset without legend nor a details without summary is
 *   valid HTML markup in any way. Refactor Views UI to not produce such invalid
 *   markup.
 */

details.fieldset-no-legend {
  padding-top: 0;
}

/**
 * Being extra safe here and scoping this to the add view wizard form (where
 * a layout problem occurs for the Display format details if we don't fix its
 * padding), but it's probably safe to just let it apply everywhere.
 */

.views-ui-dialog input.form-submit,
.views-admin a.button,
.views-ui-dialog a.button {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
}

[dir="rtl"] .views-ui-dialog input.form-submit,
[dir="rtl"] .views-admin a.button,
[dir="rtl"] .views-ui-dialog a.button {
  margin-right: 1em;
  margin-left: 0;
}

[dir="rtl"] .views-ui-dialog input.form-submit:first-child,
[dir="rtl"] .views-admin a.button:first-child,
[dir="rtl"] .views-ui-dialog a.button:first-child {
  margin-right: 0;
}

/* @group Dependent options
 */

/* This is necessary to supercede the Claro .form-item
 * reset declaration that sets the margin to zero.
 */

.form-item-options-expose-required,
.form-item-options-expose-label,
.form-item-options-expose-description {
  margin-left: 1.5em; /* LTR */
}

[dir="rtl"] .form-item-options-expose-required,
[dir="rtl"] .form-item-options-expose-label,
[dir="rtl"] .form-item-options-expose-description {
  margin-right: 1.5em;
  margin-left: 0;
}

.views-admin-dependent .form-item .form-item,
.views-admin-dependent .form-type-checkboxes,
.views-admin-dependent .form-type-radios,
.views-admin-dependent .form-item .form-item,
.form-item-options-expose-required,
.form-item-options-expose-label,
.form-item-options-expose-description {
  margin-top: 6px;
  margin-bottom: 6px;
}

.views-admin-dependent .form-type-radio,
.views-admin-dependent .form-radios .form-item {
  margin-top: 2px;
  margin-bottom: 2px;
}

/* @end */

/* @group Lists */

.views-admin ul.secondary,
.views-admin .item-list ul {
  margin: 0;
  padding: 0;
}

.views-displays ul.secondary li a,
.views-displays ul.secondary li.is-active a,
.views-displays ul.secondary li.is-active a.is-active {
  padding: 2px 7px 3px;
}

.views-displays ul.secondary li a {
  color: #0074bd;
}

.views-displays ul.secondary li.is-active a,
.views-displays ul.secondary li.is-active a.is-active {
  border: 1px solid transparent;
}

.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 {
  float: left; /* LTR */
  background-color: transparent;
}

[dir="rtl"] .views-display-top ul.secondary {
  float: right;
}

.views-display-top .secondary .action-list li {
  float: none;
  margin: 0;
}

/* @end */

/* @group Tables */

.views-ui-rearrange-filter-form table td,
.views-ui-rearrange-filter-form table th {
  vertical-align: top;
}

/* @end */

/* @group Attachment details */

#edit-display-settings-title {
  color: #008bcb;
}

/* @end */

/* @group Attachment details tabs
 *
 * The tabs that switch between sections
 *
 * @todo this group contains lots of duplicates from core styles because Claro
 *   has its custom markup for views tabs. Some of these could be removed after
 *   https://www.drupal.org/node/3051605 has been solved.
 */

.views-tabs {
  overflow: visible;
  margin: 0 200px 0 0; /* LTR */
  padding: 0;
  list-style: none;
  text-align: left; /* LTR */
  border-bottom: 0 none;
}

[dir="rtl"] .views-tabs {
  margin-right: 0;
  margin-left: 200px;
  text-align: right;
}

.views-tabs > li {
  float: left; /* LTR */
  padding: 0;
  border-right: 0 none; /* LTR */
}

[dir="rtl"] .views-tabs > li {
  float: right;
  border-right: 1px solid #bfbfbf;
  border-left: 0 none;
}

.views-tabs .open > a {
  position: relative;
  z-index: 51;
}

.views-tabs .views-display-deleted-link {
  text-decoration: line-through;
}

.views-tabs .add {
  position: relative;
}

.views-tabs .action-list {
  position: absolute;
  z-index: 50;
  top: 23px;
  left: 0; /* LTR */
  margin: 0;
}

[dir="rtl"] .views-tabs .action-list {
  right: 0;
  left: auto;
}

.views-tabs .action-list li {
  display: block;
}

.views-tab a:hover > .icon.add {
  background-position: center -25px;
}

.views-tab .open > a {
  border-radius: 7px 7px 0 0;
}

.views-tab .open > a:hover,
.views-tab .open > a:focus {
  color: #008bcb;
  background-color: #f1f1f1;
}

.views-tab .action-list li:first-child {
  border-radius: 0 7px 0 0; /* LTR */
}

[dir="rtl"] .views-tab .action-list li:first-child {
  border-radius: 7px 0 0 0;
}

.views-tab .action-list li:last-child {
  border-radius: 0 0 7px 7px;
}

.views-tab .action-list input.form-submit {
  color: #008bcb;
}

.views-tabs li,
.views-tabs li.is-active {
  width: auto;
  padding: 0;
  border: 0;
  background: transparent;
}

.views-tabs li.add ul.action-list li {
  margin: 0;
}

.views-tabs li {
  margin: 0 5px 5px 6px; /* LTR */
}

[dir="rtl"] .views-tabs li {
  margin-right: 6px;
  margin-left: 5px;
}

.views-tabs li + li {
  border-top: 0;
}

.views-tabs li:hover {
  padding-left: 0; /* LTR */
  border: 0;
}

[dir="rtl"] .views-tabs li:hover {
  padding-right: 0;
}

.views-tabs a {
  display: inline-block;
  padding: 3px 7px;
  border: 1px solid #cbcbcb;
  border-radius: 7px;
  font-size: small;
  line-height: 1.3333;
}

/* Display a red border if the display doesn't validate. */

.views-tabs li.is-active a.is-active.error,
.views-tabs .error {
  padding: 1px 6px;
  border: 2px solid #ed541d;
}

.views-tabs a:focus {
  outline: none;
}

.views-tabs li a {
  text-decoration: none;
  background-color: #fff;
}

.views-tabs li a:hover,
.views-tabs li.is-active a,
.views-tabs li.is-active a.is-active {
  color: #fff;
  background-color: #555;
}

.views-tabs .open > a {
  position: relative;
  border-bottom: 1px solid transparent;
  background-color: #f1f1f1;
}

.views-tabs .open > a:hover {
  color: #0074bd;
  background-color: #f1f1f1;
}

.views-tabs .action-list li {
  padding: 2px 9px;
  border-width: 0 1px;
  border-style: solid;
  border-color: #cbcbcb;
  background-color: #f1f1f1;
}

.views-tabs .action-list li:first-child {
  border-width: 1px 1px 0;
}

.views-displays .action-list li:last-child {
  border-width: 0 1px 1px;
}

.views-tabs .action-list li:last-child {
  border-width: 0 1px 1px;
}

.views-tabs .action-list input.form-submit {
  margin: 0;
  padding: 0;
  border: medium none;
  background: none repeat scroll 0 0 transparent;
}

.views-tabs .action-list input.form-submit:hover {
  box-shadow: none;
}

.views-tabs .action-list li:hover {
  background-color: #ddd;
}

.views-tabs a:hover > .icon.add {
  background-position: center -25px;
}

.views-tabs .open a:hover > .icon.add {
  background-position: center 3px;
}

/* @end */

/* @group Attachment buckets
 *
 * These are the individual "buckets," or boxes, inside the display settings area
 */

.views-ui-display-tab-bucket h3 {
  text-transform: uppercase;
}

.views-ui-display-tab-bucket .links {
  padding: 2px 6px 4px;
}

.views-ui-display-tab-bucket .links li + li {
  margin-left: 3px; /* LTR */
}

[dir="rtl"] .views-ui-display-tab-bucket .links li + li {
  margin-right: 3px;
  margin-left: 0;
}

/* @end */

/* @group Rearrange filter criteria */

.views-ui-rearrange-filter-form .action-links {
  float: left;
  margin: 0 0 1em;
  padding: 0;
}

.views-ui-rearrange-filter-form .tabledrag-toggle-weight-wrapper {
  float: right;
  margin-bottom: 1em;
}

.views-ui-rearrange-filter-form table {
  border: medium none;
}

.views-ui-rearrange-filter-form [id^="views-row"] {
  border: medium none;
}

.views-ui-rearrange-filter-form tr td:last-child {
  border-right: medium none; /* LTR */
}

[dir="rtl"] .views-ui-rearrange-filter-form tr td:last-child {
  border-right: initial;
  border-left: medium none;
}

.views-ui-rearrange-filter-form .filter-group-operator-row {
  border-right: 1px solid transparent !important;
  border-left: 1px solid transparent !important;
}

.views-ui-rearrange-filter-form tr.drag td {
  background-color: #fe7 !important;
}

.views-ui-rearrange-filter-form tr.drag-previous td {
  background-color: #ffb !important;
}

/* @end */

/* @group Live preview elements */

.views-query-info pre {
  margin-top: 0;
  margin-bottom: 0;
}

/* @group Query info table */

.views-query-info table {
  border-radius: 7px;
  -webkit-border-horizontal-spacing: 1px;
  -webkit-border-vertical-spacing: 1px;
}

.views-query-info table tr td:last-child {
  /* Fixes a Claro style that bleeds down into this table unnecessarily */
  border-right: 0 none; /* LTR */
}

[dir="rtl"] .views-query-info table tr td:last-child {
  border-right: initial;
  border-left: 0 none;
}

/* @end */

/* @end */

/* @group Add view */

.form-item-page-create,
.form-item-block-create {
  margin-top: 13px;
}

/* @end */

/* @group Modal dialog box
 *
 * The contents of the popup dialog on the views edit form.
 */

.filterable-option .form-item.form-type-checkbox {
  padding-top: 4px;
  /* This selector is aggressive because Claro's reset for .form-items is aggressive. */
  padding-bottom: 4px;
  padding-left: 4px; /* LTR */
}

[dir="rtl"] .filterable-option .form-item.form-type-checkbox {
  padding-right: 4px;
  padding-left: 8px;
}

/* @end */

File

core/themes/claro/css/components/views-ui.css

View source 
  1. /*

  2.  * DO NOT EDIT THIS FILE.

  3.  * See the following change record for more information,

  4.  * https://www.drupal.org/node/2815083

  5.  * @preserve

  6.  */

  7. 

  8. /**

  9.  * Views styling

  10.  */

  11. 

  12. /* @group Forms */

  13. 

  14. /**

  15.  * Claro positions the summary absolutely, but does not have a way to ignore

  16.  * details without a summary so we make one up.

  17.  *

  18.  * @todo Neither a fieldset without legend nor a details without summary is

  19.  *   valid HTML markup in any way. Refactor Views UI to not produce such invalid

  20.  *   markup.

  21.  */

  22. 

  23. details.fieldset-no-legend {

  24.   padding-top: 0;

  25. }

  26. 

  27. /**

  28.  * Being extra safe here and scoping this to the add view wizard form (where

  29.  * a layout problem occurs for the Display format details if we don't fix its

  30.  * padding), but it's probably safe to just let it apply everywhere.

  31.  */

  32. 

  33. .views-ui-dialog input.form-submit,

  34. .views-admin a.button,

  35. .views-ui-dialog a.button {

  36.   margin-top: 0;

  37.   margin-right: 0;

  38.   margin-bottom: 0;

  39. }

  40. 

  41. [dir="rtl"] .views-ui-dialog input.form-submit,

  42. [dir="rtl"] .views-admin a.button,

  43. [dir="rtl"] .views-ui-dialog a.button {

  44.   margin-right: 1em;

  45.   margin-left: 0;

  46. }

  47. 

  48. [dir="rtl"] .views-ui-dialog input.form-submit:first-child,

  49. [dir="rtl"] .views-admin a.button:first-child,

  50. [dir="rtl"] .views-ui-dialog a.button:first-child {

  51.   margin-right: 0;

  52. }

  53. 

  54. /* @group Dependent options

  55.  */

  56. 

  57. /* This is necessary to supercede the Claro .form-item

  58.  * reset declaration that sets the margin to zero.

  59.  */

  60. 

  61. .form-item-options-expose-required,

  62. .form-item-options-expose-label,

  63. .form-item-options-expose-description {

  64.   margin-left: 1.5em; /* LTR */

  65. }

  66. 

  67. [dir="rtl"] .form-item-options-expose-required,

  68. [dir="rtl"] .form-item-options-expose-label,

  69. [dir="rtl"] .form-item-options-expose-description {

  70.   margin-right: 1.5em;

  71.   margin-left: 0;

  72. }

  73. 

  74. .views-admin-dependent .form-item .form-item,

  75. .views-admin-dependent .form-type-checkboxes,

  76. .views-admin-dependent .form-type-radios,

  77. .views-admin-dependent .form-item .form-item,

  78. .form-item-options-expose-required,

  79. .form-item-options-expose-label,

  80. .form-item-options-expose-description {

  81.   margin-top: 6px;

  82.   margin-bottom: 6px;

  83. }

  84. 

  85. .views-admin-dependent .form-type-radio,

  86. .views-admin-dependent .form-radios .form-item {

  87.   margin-top: 2px;

  88.   margin-bottom: 2px;

  89. }

  90. 

  91. /* @end */

  92. 

  93. /* @group Lists */

  94. 

  95. .views-admin ul.secondary,

  96. .views-admin .item-list ul {

  97.   margin: 0;

  98.   padding: 0;

  99. }

  100. 

  101. .views-displays ul.secondary li a,

  102. .views-displays ul.secondary li.is-active a,

  103. .views-displays ul.secondary li.is-active a.is-active {

  104.   padding: 2px 7px 3px;

  105. }

  106. 

  107. .views-displays ul.secondary li a {

  108.   color: #0074bd;

  109. }

  110. 

  111. .views-displays ul.secondary li.is-active a,

  112. .views-displays ul.secondary li.is-active a.is-active {

  113.   border: 1px solid transparent;

  114. }

  115. 

  116. .views-admin .links li {

  117.   padding-right: 0; /* LTR */

  118. }

  119. 

  120. [dir="rtl"] .views-admin .links li {

  121.   padding-left: 0;

  122. }

  123. 

  124. .views-admin .button .links li {

  125.   padding-right: 12px; /* LTR */

  126. }

  127. 

  128. [dir="rtl"] .views-admin .button .links li {

  129.   padding-left: 12px;

  130. }

  131. 

  132. .views-display-top ul.secondary {

  133.   float: left; /* LTR */

  134.   background-color: transparent;

  135. }

  136. 

  137. [dir="rtl"] .views-display-top ul.secondary {

  138.   float: right;

  139. }

  140. 

  141. .views-display-top .secondary .action-list li {

  142.   float: none;

  143.   margin: 0;

  144. }

  145. 

  146. /* @end */

  147. 

  148. /* @group Tables */

  149. 

  150. .views-ui-rearrange-filter-form table td,

  151. .views-ui-rearrange-filter-form table th {

  152.   vertical-align: top;

  153. }

  154. 

  155. /* @end */

  156. 

  157. /* @group Attachment details */

  158. 

  159. #edit-display-settings-title {

  160.   color: #008bcb;

  161. }

  162. 

  163. /* @end */

  164. 

  165. /* @group Attachment details tabs

  166.  *

  167.  * The tabs that switch between sections

  168.  *

  169.  * @todo this group contains lots of duplicates from core styles because Claro

  170.  *   has its custom markup for views tabs. Some of these could be removed after

  171.  *   https://www.drupal.org/node/3051605 has been solved.

  172.  */

  173. 

  174. .views-tabs {

  175.   overflow: visible;

  176.   margin: 0 200px 0 0; /* LTR */

  177.   padding: 0;

  178.   list-style: none;

  179.   text-align: left; /* LTR */

  180.   border-bottom: 0 none;

  181. }

  182. 

  183. [dir="rtl"] .views-tabs {

  184.   margin-right: 0;

  185.   margin-left: 200px;

  186.   text-align: right;

  187. }

  188. 

  189. .views-tabs > li {

  190.   float: left; /* LTR */

  191.   padding: 0;

  192.   border-right: 0 none; /* LTR */

  193. }

  194. 

  195. [dir="rtl"] .views-tabs > li {

  196.   float: right;

  197.   border-right: 1px solid #bfbfbf;

  198.   border-left: 0 none;

  199. }

  200. 

  201. .views-tabs .open > a {

  202.   position: relative;

  203.   z-index: 51;

  204. }

  205. 

  206. .views-tabs .views-display-deleted-link {

  207.   text-decoration: line-through;

  208. }

  209. 

  210. .views-tabs .add {

  211.   position: relative;

  212. }

  213. 

  214. .views-tabs .action-list {

  215.   position: absolute;

  216.   z-index: 50;

  217.   top: 23px;

  218.   left: 0; /* LTR */

  219.   margin: 0;

  220. }

  221. 

  222. [dir="rtl"] .views-tabs .action-list {

  223.   right: 0;

  224.   left: auto;

  225. }

  226. 

  227. .views-tabs .action-list li {

  228.   display: block;

  229. }

  230. 

  231. .views-tab a:hover > .icon.add {

  232.   background-position: center -25px;

  233. }

  234. 

  235. .views-tab .open > a {

  236.   border-radius: 7px 7px 0 0;

  237. }

  238. 

  239. .views-tab .open > a:hover,

  240. .views-tab .open > a:focus {

  241.   color: #008bcb;

  242.   background-color: #f1f1f1;

  243. }

  244. 

  245. .views-tab .action-list li:first-child {

  246.   border-radius: 0 7px 0 0; /* LTR */

  247. }

  248. 

  249. [dir="rtl"] .views-tab .action-list li:first-child {

  250.   border-radius: 7px 0 0 0;

  251. }

  252. 

  253. .views-tab .action-list li:last-child {

  254.   border-radius: 0 0 7px 7px;

  255. }

  256. 

  257. .views-tab .action-list input.form-submit {

  258.   color: #008bcb;

  259. }

  260. 

  261. .views-tabs li,

  262. .views-tabs li.is-active {

  263.   width: auto;

  264.   padding: 0;

  265.   border: 0;

  266.   background: transparent;

  267. }

  268. 

  269. .views-tabs li.add ul.action-list li {

  270.   margin: 0;

  271. }

  272. 

  273. .views-tabs li {

  274.   margin: 0 5px 5px 6px; /* LTR */

  275. }

  276. 

  277. [dir="rtl"] .views-tabs li {

  278.   margin-right: 6px;

  279.   margin-left: 5px;

  280. }

  281. 

  282. .views-tabs li + li {

  283.   border-top: 0;

  284. }

  285. 

  286. .views-tabs li:hover {

  287.   padding-left: 0; /* LTR */

  288.   border: 0;

  289. }

  290. 

  291. [dir="rtl"] .views-tabs li:hover {

  292.   padding-right: 0;

  293. }

  294. 

  295. .views-tabs a {

  296.   display: inline-block;

  297.   padding: 3px 7px;

  298.   border: 1px solid #cbcbcb;

  299.   border-radius: 7px;

  300.   font-size: small;

  301.   line-height: 1.3333;

  302. }

  303. 

  304. /* Display a red border if the display doesn't validate. */

  305. 

  306. .views-tabs li.is-active a.is-active.error,

  307. .views-tabs .error {

  308.   padding: 1px 6px;

  309.   border: 2px solid #ed541d;

  310. }

  311. 

  312. .views-tabs a:focus {

  313.   outline: none;

  314. }

  315. 

  316. .views-tabs li a {

  317.   text-decoration: none;

  318.   background-color: #fff;

  319. }

  320. 

  321. .views-tabs li a:hover,

  322. .views-tabs li.is-active a,

  323. .views-tabs li.is-active a.is-active {

  324.   color: #fff;

  325.   background-color: #555;

  326. }

  327. 

  328. .views-tabs .open > a {

  329.   position: relative;

  330.   border-bottom: 1px solid transparent;

  331.   background-color: #f1f1f1;

  332. }

  333. 

  334. .views-tabs .open > a:hover {

  335.   color: #0074bd;

  336.   background-color: #f1f1f1;

  337. }

  338. 

  339. .views-tabs .action-list li {

  340.   padding: 2px 9px;

  341.   border-width: 0 1px;

  342.   border-style: solid;

  343.   border-color: #cbcbcb;

  344.   background-color: #f1f1f1;

  345. }

  346. 

  347. .views-tabs .action-list li:first-child {

  348.   border-width: 1px 1px 0;

  349. }

  350. 

  351. .views-displays .action-list li:last-child {

  352.   border-width: 0 1px 1px;

  353. }

  354. 

  355. .views-tabs .action-list li:last-child {

  356.   border-width: 0 1px 1px;

  357. }

  358. 

  359. .views-tabs .action-list input.form-submit {

  360.   margin: 0;

  361.   padding: 0;

  362.   border: medium none;

  363.   background: none repeat scroll 0 0 transparent;

  364. }

  365. 

  366. .views-tabs .action-list input.form-submit:hover {

  367.   box-shadow: none;

  368. }

  369. 

  370. .views-tabs .action-list li:hover {

  371.   background-color: #ddd;

  372. }

  373. 

  374. .views-tabs a:hover > .icon.add {

  375.   background-position: center -25px;

  376. }

  377. 

  378. .views-tabs .open a:hover > .icon.add {

  379.   background-position: center 3px;

  380. }

  381. 

  382. /* @end */

  383. 

  384. /* @group Attachment buckets

  385.  *

  386.  * These are the individual "buckets," or boxes, inside the display settings area

  387.  */

  388. 

  389. .views-ui-display-tab-bucket h3 {

  390.   text-transform: uppercase;

  391. }

  392. 

  393. .views-ui-display-tab-bucket .links {

  394.   padding: 2px 6px 4px;

  395. }

  396. 

  397. .views-ui-display-tab-bucket .links li + li {

  398.   margin-left: 3px; /* LTR */

  399. }

  400. 

  401. [dir="rtl"] .views-ui-display-tab-bucket .links li + li {

  402.   margin-right: 3px;

  403.   margin-left: 0;

  404. }

  405. 

  406. /* @end */

  407. 

  408. /* @group Rearrange filter criteria */

  409. 

  410. .views-ui-rearrange-filter-form .action-links {

  411.   float: left;

  412.   margin: 0 0 1em;

  413.   padding: 0;

  414. }

  415. 

  416. .views-ui-rearrange-filter-form .tabledrag-toggle-weight-wrapper {

  417.   float: right;

  418.   margin-bottom: 1em;

  419. }

  420. 

  421. .views-ui-rearrange-filter-form table {

  422.   border: medium none;

  423. }

  424. 

  425. .views-ui-rearrange-filter-form [id^="views-row"] {

  426.   border: medium none;

  427. }

  428. 

  429. .views-ui-rearrange-filter-form tr td:last-child {

  430.   border-right: medium none; /* LTR */

  431. }

  432. 

  433. [dir="rtl"] .views-ui-rearrange-filter-form tr td:last-child {

  434.   border-right: initial;

  435.   border-left: medium none;

  436. }

  437. 

  438. .views-ui-rearrange-filter-form .filter-group-operator-row {

  439.   border-right: 1px solid transparent !important;

  440.   border-left: 1px solid transparent !important;

  441. }

  442. 

  443. .views-ui-rearrange-filter-form tr.drag td {

  444.   background-color: #fe7 !important;

  445. }

  446. 

  447. .views-ui-rearrange-filter-form tr.drag-previous td {

  448.   background-color: #ffb !important;

  449. }

  450. 

  451. /* @end */

  452. 

  453. /* @group Live preview elements */

  454. 

  455. .views-query-info pre {

  456.   margin-top: 0;

  457.   margin-bottom: 0;

  458. }

  459. 

  460. /* @group Query info table */

  461. 

  462. .views-query-info table {

  463.   border-radius: 7px;

  464.   -webkit-border-horizontal-spacing: 1px;

  465.   -webkit-border-vertical-spacing: 1px;

  466. }

  467. 

  468. .views-query-info table tr td:last-child {

  469.   /* Fixes a Claro style that bleeds down into this table unnecessarily */

  470.   border-right: 0 none; /* LTR */

  471. }

  472. 

  473. [dir="rtl"] .views-query-info table tr td:last-child {

  474.   border-right: initial;

  475.   border-left: 0 none;

  476. }

  477. 

  478. /* @end */

  479. 

  480. /* @end */

  481. 

  482. /* @group Add view */

  483. 

  484. .form-item-page-create,

  485. .form-item-block-create {

  486.   margin-top: 13px;

  487. }

  488. 

  489. /* @end */

  490. 

  491. /* @group Modal dialog box

  492.  *

  493.  * The contents of the popup dialog on the views edit form.

  494.  */

  495. 

  496. .filterable-option .form-item.form-type-checkbox {

  497.   padding-top: 4px;

  498.   /* This selector is aggressive because Claro's reset for .form-items is aggressive. */

  499.   padding-bottom: 4px;

  500.   padding-left: 4px; /* LTR */

  501. }

  502. 

  503. [dir="rtl"] .filterable-option .form-item.form-type-checkbox {

  504.   padding-right: 4px;

  505.   padding-left: 8px;

  506. }

  507. 

  508. /* @end */

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.