pqgrid/themes/brown/pqgrid.rtl.css

<p align="center"> <a href="https://paramquery.com/"> <img src="https://paramquery.com/content/images/pqgrid.png" alt="ParamQuery logo" width="168" height="64"> </a> </p>

/*!
 * ParamQuery Pro
 * 
 * Copyright (c) 2012-2024 Paramvir Dhindsa (http://paramquery.com)
 * Released under Evaluation license
 * http://paramquery.com/pro/license/evaluate
 * 
 */
.pq-theme .ui-button .ui-button-text {
  padding-top: 4px;
  padding-bottom: 4px;
}
.pq-theme .ui-widget-header {
  border-color: #b98654;
}
.pq-theme .ui-state-default,
.pq-theme .ui-button {
  background-image: linear-gradient(#fefefe, #efe4d9);
}
.pq-theme .ui-state-focus {
  background: #efe4d9;
  border-color: #964B00;
}
.pq-theme .ui-state-hover,
.pq-theme .ui-button:hover {
  background: #efe4d9;
  border-color: #964B00;
}
.pq-theme .ui-widget-header .ui-state-default:not(.ui-state-hover) {
  border-color: #ceab87;
}
.pq-theme .ui-state-active:not(.ui-tabs-active) {
  background: #b98654;
  border-color: #964B00;
}
.pq-theme li.ui-tabs-active.ui-state-active.ui-state-default {
  border-bottom-color: #964B00;
}
.pq-theme .ui-widget-content {
  border-color: #b98654;
}
div.pq-theme {
  color: #333;
  border-color: #b98654 !important;
  background: #efe4d9;
}
.pq-theme *:focus {
  outline: 1px solid #964B00;
}
.pq-theme select,
.pq-theme input[type="text"],
.pq-theme input,
.pq-theme textarea,
.pq-theme button.ui-state-default:not(.ui-state-hover),
.pq-theme .ui-button {
  border-color: #ceab87;
}
.pq-cont-lt,
.pq-cont-tr,
.pq-body-outer .pq-cont-left {
  border-color: #964B00;
}
.pq-group-item {
  border-color: #ceab87;
}
.pq-group-item:hover {
  border-color: #964B00;
}
.pq-group-remove:hover,
.pq-group-icon:hover,
.pq-icon-hover:hover {
  border-color: #964B00;
}
.pq-theme > .pq-grid-top {
  background: transparent;
  color: #333;
  border-color: #ceab87;
}
.pq-grid-title,
.pq-group-header {
  background: #efe4d9;
  border-color: #ceab87;
}
div.pq-toolbar {
  border-color: #ceab87;
}
.pq-theme span.pq-separator {
  border-left-color: #fff;
  border-right-color: #b98654;
}
div.pq-pager,
div.pq-grid-summary {
  border-color: #ceab87;
}
.pq-grid-bottom {
  background: transparent;
  color: #333;
}
.pq-header-outer {
  background: #efe4d9;
  border-bottom-color: #ceab87;
}
.pq-grid-center > .pq-summary-outer {
  border-color: #ceab87;
}
.pq-header-outer .pq-cont-inner {
  background-image: linear-gradient(#fefefe, #efe4d9);
}
.pq-grid-cell,
.pq-grid-row {
  border-color: #ceab87;
}
.pq-td-border-right > .pq-grid-row > .pq-grid-cell:not(.pq-focus) {
  border-left-color: #ceab87;
}
.pq-td-border-top > .pq-grid-row > .pq-grid-cell:not(.pq-focus),
.pq-cont-inner > .pq-td-border-top > .pq-grid-row {
  border-bottom-color: #ceab87;
}
.pq-grid-row > .pq-grid-cell.pq-focus,
.pq-grid-row > .pq-grid-col.pq-focus {
  border: 1px solid #964B00;
}
.pq-grid-row > .pq-grid-number-cell,
.pq-grid-number-col {
  border-color: #ceab87;
}
.pq-body-outer .pq-grid-number-cell,
.pq-summary-outer .pq-grid-number-cell {
  background: #efe4d9;
}
.pq-body-outer {
  border-color: #ceab87;
}
.pq-grid-col {
  border-color: #ceab87;
}
.pq-col-sort-asc,
.pq-col-sort-desc {
  background: #cba580;
  border-color: #964B00;
}
.pq-grid-col,
.pq-grid-number-col {
  color: #333;
}
.pq-grid-col:hover {
  background: #efe4d9;
}
.pq-grid-row {
  background: #fff;
  color: #333;
}
.pq-state-select.ui-state-highlight {
  background: #e4f2ff;
}
.pq-grid-cell-hover.ui-state-hover,
.pq-grid-row-hover.ui-state-hover {
  background: #e4f2ff;
}
.pq-grid-row.pq-striped {
  background: #fff2e5;
}
.pq-state-select.pq-striped,
.pq-striped > .pq-grid-cell-hover,
.pq-grid-row-hover.pq-striped {
  background: #e4e5e5;
}
.pq-loading-bg {
  background: #efe4d9;
}
.pq-loading > .pq-loading-mask {
  background: #efe4d9;
  border-color: #964B00;
  color: #333;
}
div.pq-loading-mask > div {
  border-color: #b98654;
  background-color: #fff;
}
.pqg-vert-frozen-line,
.pqg-horiz-frozen-line {
  border-color: #964B00;
}
.pq-pivot-pane .pq-sortable {
  background: #fff;
}
.pq-border-0 {
  border-color: #964B00 !important;
}
.pq-border-1 {
  border-color: #b98654 !important;
}
.pq-border-2 {
  border-color: #ceab87 !important;
}
.pq-bg-0 {
  background-color: #964B00;
}
.pq-bg-1 {
  background-color: #b98654;
}
.pq-bg-2 {
  background-color: #ceab87;
}
.pq-bg-3 {
  background-color: #efe4d9;
}
.pq-theme .pq-state-highlight {
  background-color: #ceab87;
  border-color: #964B00;
  background-image: none !important;
}