You are here

Home » API reference » Views (for Drupal 7) 6.3

views-admin.css in Views (for Drupal 7) 6.3

Same filename and directory in other branches
  1. 6.2 css/views-admin.css
  2. 7.3 css/views-admin.css
/*
 * Summary pad
 */
/* set up some defaults so weird themes don't override us too badly. */
.views-tabset {
  color: #494949;
  background-color: white;
}

.views-tabset a:visited,
.views-tabset a:hover,
.views-tabset a {
  color: #027AC6;
}

.views-tabset .views-tab fieldset {
  margin-top: 0;
}

/*
 * First column: display drawers
 */
.views-tabset .views-tabs {
  background: #F6F6F6;
  border-top: #D6DBDE 1px solid;
  border-bottom: #D6DBDE 1px solid;
  border-left: #D6DBDE 1px solid;
  float: left;
  width: 117px;
  margin-right: 0;
}

* html .views-tabset .views-tabs {
  width: 114px;
  position: relative;
  left: 4px;
}

.views-tabset .views-tabs ul {
  list-style-type: none !important;
  list-style-image: none !important;
  padding: 0;
  margin: 0;
  position: relative;
}

.views-tabset .views-tabs ul li {
  background: #efefef;
  list-style-type: none;
  list-style-image: none;
  line-height: 100%;
  border-bottom: #D6DBDE 1px solid;
  margin: 0;
  padding: 0;
  position: relative;
}

.views-tabset .views-tabs ul li.active {
  background: #fff url(../images/arrow-active.png) no-repeat right;
  position: relative;
  width: 118px;
  margin-right: -1px;
}

.views-tabset .views-tabs ul li a {
  display: block;
  font-size: 90%;
  color: #777;
  font-weight: normal;
  padding: 0.5em;
}

.views-tabset .views-tabs ul li a:hover {
  background-color: #f6f6f6;
  text-decoration: none;
}

.views-tabset .views-tabs ul li.active a {
  color: #000;
  font-weight: bold;
}

.views-tabset .views-tabs ul li.active a:hover {
  color: #000;
  background: #fff url(../images/arrow-active.png) no-repeat right;
}

.views-tabset .extra {
  text-align: center;
  margin-right: 0;
}

.views-tabset .extra input {
  margin-top: 0;
  margin-right: 0;
  white-space: normal;
}

/*
 * Three columns with setting-summaries
 */
.views-tabset .views-display {
  border: #D6DBDE 1px solid;
  margin-left: 118px; /* 118 -1 causes borders to overlap */
  min-height: 302px;
  _height: 300px; /*stupid IE hack */
}

* html .views-tabset .views-display {
  margin-left: 114px;
}

div.views-display-deleted,
div.views-display-deleted div.top,
div.views-display-deleted div.tab-section {
  background-color: #eee;
}

.views-display {
  background: #fff;
}

.views-display div {
  font-size: 8pt;
  line-height: 12pt;
}

.views-display .top {
  padding: 0.5em 0em 0em 1em;
  background: #fff;
}

.views-display .top .display-title {
  font-weight: bold;
}
.views-display .top .display-description {
  margin-left: 1em;
  font-style: italic;
  overflow: hide;
  white-space: nowrap;
  font-size: 90%;
}

.views-display .tab-section {
  width: 32.5%;
  padding: 0;
  margin: 0;
  float: left;
  min-height: 273px;
  _height: 274px;
}

.views-display .tab-section .inside {
  margin: 0.5em 0.5em 0.5em 1em;
}

.views-display .tab-section .inside .views-category {
  margin-bottom: 1em;
  background: #f6f6f6;
  border: 1px #efefef solid;
}

.views-display .tab-section .inside .views-category-content {
  padding: 0em 0em 0.5em 1em;
}

.views-display .tab-section .inside .views-category-title {
  padding: .1em .1em .1em .3em;
  margin: 0 0 .1em 0;
  font-size: 9pt;
  font-weight: bold;
  background-color: #efefef;
  border-bottom: 1px #efefef solid;
}

.views-display .tab-section .links {
  float: right;
  font-size: 6pt;
  position: relative;
  display: inline;
}

.views-display .tab-section .links a {
  font-size: 6pt;
  font-style: italic;
}

.views-display .form-submit,
#views-ajax-pad .form-submit {
  margin: 0;
}

.views-display .middle {
  width: 34%;
}

.views-basic-info {
  margin: 0.5em 0em 0 0;
  padding: 0.5em;
}

/*
 * AJAX pad, the bottom part where settings are edited.
 */
#views-ajax-pad {
  background: transparent;
  margin-top: 0px;
}

#views-ajax-title {
  background: #f6f6f6;
  color: #000;
  border-left: #D6DBDE 1px solid;
  border-right: #D6DBDE 1px solid;
  margin: 0 0 0 118px;
  padding: 1em 1em 0em 1em;
  font-weight: bold;
}

#views-ajax-pad .message {
  background: #f6f6f6;
  color: #000;
  margin-left: 118px;
  border: #D6DBDE 1px solid;
  border-top: 0;
  /* padding: 3em 0em; */
  text-align: center;
  font-style: italic;
}

#views-ajax-pad form {
  background: #fff;
  color: #000;
  margin-left: 118px;
  border: #D6DBDE 1px solid;
  padding-top: 3px;
  border-top: 0;
}

#views-ajax-pad .views-messages {
  background: transparent;
  margin-left: 118px;
  padding: 5px;
  border: #D6DBDE 1px solid;
  border-top: 0;
}

#views-ajax-pad .form-buttons {
  margin: 0;
  padding: 0.5em 1em;
  background: #f6f6f6;
  clear: left;
}

#views-ajax-pad .clear {
  clear: left;
}

#views-ajax-pad .form-buttons .form-submit {
  margin: 0 .5em 0 0;
  padding: 0;
}

#views-ajax-pad .form-item {
  margin: 0.5em;
  padding: 0em 0.5em;
}

/* These put checkboxes closer together */
#views-ajax-pad .form-checkboxes .form-item,
#views-ajax-pad .form-checkboxes .description,
#views-ajax-pad .form-checkboxes input,
#views-ajax-pad .form-radios .form-item,
#views-ajax-pad .form-radios label,
#views-ajax-pad .form-radios input {
  margin-top: 0;
  margin-bottom: 0;
}

#views-ajax-pad .form-item .form-checkboxes,
#views-ajax-pad .form-checkboxes input,
#views-ajax-pad .form-checkboxes label,
#views-ajax-pad .form-item .form-checkboxes .form-item,
#views-ajax-pad .form-item .form-radios,
#views-ajax-pad .form-radios input,
#views-ajax-pad .form-radios label,
#views-ajax-pad .form-item .form-radios .form-item {
  padding-left: 0;
  margin-left: 0;
}

#views-ajax-pad .form-checkboxes .description,
#views-ajax-pad .form-radios .description {
  margin-left: 2em;
}

#views-ajax-pad {
  display: none;
}

html.js #views-ajax-pad {
  display: block;
}

.views-override,
.views-expose {
  padding: 0.5em 1em 0em 1em;
}

#views-ajax-pad .views-override .form-submit,
#views-ajax-pad .views-expose .form-submit {
  float: right;
  margin: 0 .5em 0 1em;
}

#views-ajax-pad .views-expose .description,
#views-ajax-pad .views-override .description {
  margin-bottom: .25em;
}

/*
 * Some column widths for use within the ajax pad
 */
#views-ajax-pad .views-left-10 {
  float: left;
  width: 10%;
}

#views-ajax-pad .views-left-20 {
  float: left;
  width: 20%;
}

#views-ajax-pad .views-left-25 {
  float: left;
  width: 25%;
}

#views-ajax-pad .views-left-30 {
  float: left;
  width: 30%;
}

#views-ajax-pad .views-left-40 {
  float: left;
  width: 40%;
}

#views-ajax-pad .views-left-50 {
  float: left;
  width: 49.5%;
}

#views-ajax-pad .views-right-50 {
  float: right;
  width: 50%;
}

#views-ajax-pad .views-right-60 {
  float: right;
  width: 60%;
}

#views-ajax-pad .views-right-70 {
  float: right;
  width: 70%;
}

#views-ajax-pad .views-left-75 {
  float: left;
  width: 75%;
}

#views-ajax-pad .views-radio-box {
  overflow: auto;
  height: 22em;
}

#views-ajax-pad fieldset {
  margin: 0 .5em;
}

#views-ajax-pad table td .form-item,
#views-ajax-pad table td .form-item input,
#views-ajax-pad table td .form-item select {
  padding: 0;
  margin: 0;
}

#views-ajax-pad label.hidden-options {
  background: transparent url(../images/arrow-active.png) no-repeat right;
  height: 12px;
  padding-right: 12px;
}

#views-ajax-pad label.expanded-options {
  background: transparent url(../images/expanded-options.png) no-repeat right;
  height: 12px;
  padding-right: 16px;
}

#views-ajax-pad .dependent-options {
  padding-left: 30px;
}

/*
 * Add, Rearrange and Configure buttons using sprites
 */
a.views-button-configure,
a.views-button-add,
a.views-button-rearrange,
a.views-button-remove {
  background:transparent url(../images/sprites.png);
  display: inline-block;
  float: right;
  height: 12px;
  width: 16px;
  margin: 2px 0px 1px 0px;
  border-bottom: #C2C9CE 1px solid;
  border-right: #C2C9CE 1px solid;
  padding: 0px;
}

a.views-button-remove {
  background-position: 0px -72px;
  position: relative;
  top: -4px;
}
a.views-button-remove:hover {
  background-position: 0px -84px;
}

a.views-button-configure {
  background-position: 0px -48px;
  margin: 0;
}
a.views-button-configure:hover {
  background-position: 0px -60px;
}

a.views-button-add {
  background-position: 0px -24px;
}
a.views-button-add:hover {
  background-position: 0px -36px;
}

a.views-button-rearrange {
  background-position: 0px 0px;
}
a.views-button-rearrange:hover {
  background-position: 0px -12px;
}

a.views-button-remove span,
a.views-button-rearrange span,
a.views-button-configure span,
a.views-button-add span {
  display: none;
}

html.js #arrange thead {
  display: none;
}

html.js #ungroupable_arrange .views-hide-label {
  color: #D4E7F3;
}

#ungroupable_arrange thead tr {
  /* this CSS mirrors what is found in core for blocks admin. */
  background-color: #D4E7F3;
  border-bottom: 1px solid #B4D7F0;
  border-top: 1.5em solid #FFFFFF;
  color: #455067;
  padding-top: 0;
  padding-bottom: 0;
}

html.js .views-remove-checkbox {
  display: none;
}

a.views-button-remove {
  display: none;
}

html.js a.views-button-remove {
  display: inline;
}

.arrange tr.even,
.arrange tr.odd,
.arrange td {
  padding-top: 0;
  padding-bottom: 0;
}

.arrange .form-item {
  padding: 0;
}

div.changed {
  background-color: #ffe;
  font-weight: bold;
}

div.view-changed {
  display: none;
  float: right;
  font-style: italic;
  color: #f93;
  padding-left: 1em;
}

div.views-tab div.changed a {

}

div.changed div.view-changed {
  display: block;
}

.views-display .tab-section .inside .overridden {
  /* all this so we don't mess up background-color */
/*  background-image: url(../images/overridden.gif);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 10px; */
}

.views-display .tab-section .views-category-content.overridden {
  background-image: none;
}

.views-display .tab-section .inside .defaulted {
  color: #aaa;
  font-style: italic;
}

.views-display .tab-section .inside .defaulted a {
  font-style: italic;
}

.hilited {
  color: #000;
  font-weight: bold;
  background-color: #ffd;
  padding-left: 10px;
}

#views-ajax-pad fieldset {
  background: transparent;
  padding-left: 10px;
}

#views-ajax-pad pre {
  overflow: auto;
  border: 1px solid #333;
  background-color: #f0f0f0;
  padding: .5em;
}

form#views-ui-reorder-displays-button {
  margin-bottom: 0em;
  border-bottom: 1px solid #ccc;
}
form#views-ui-reorder-displays-button input.form-submit{
  margin-bottom: 2em;
}

form#views-add-display-form {
  margin-bottom: 0em;
  border-bottom: 1px solid #ccc;
}

form#views-add-display-form select {
  width: 8.5em;
}

#views-ui-edit-view-form {
  margin: 0;
  padding: 0;
}

#views-live-preview {
  padding-top: .5em;
}

form#views-ui-preview-form,
#center form#views-ui-preview-form {
  border: 1px solid #D6DBDE;
  margin: 0 0 .5em 0;
  padding: .5em;
}

form#views-ui-preview-form div#preview-display-id-wrapper,
form#views-ui-preview-form div#preview-args-wrapper {
  float: left;
  margin: 0;
  padding: 0 1em 0 0;
}

form#views-ui-preview-form input#preview-submit {
  margin: 1.7em 0 0 0;
}

.view-locked {
  color: red;
  border: 1px solid red;
  padding: 1em;
}

/* Hide by default only with js */
html.js .views-hidden {
  display: none;
}

.views-query-info {
/*  overflow: auto; */
}

.views-query-info pre {
  white-space: pre; /* CSS2 */
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -hp-pre-wrap; /* HP printers */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
  max-height: 200px;
  overflow: scroll;
}

.views-quick-links {
  float: right;
}

.views-quick-links ul.links li {
  padding-left: 1em;
}

.views-quick-links li.last {
}

.views-edit-view .advanced-help-link {
  padding-right: 3px;
}

#views-ajax-title .advanced-help-link {
  position: relative;
  top: 2px;
  padding-right: 3px;
}

#views-ajax-pad input,
#views-ajax-pad textarea {
  max-width: 95%;
}

.clone-display,
.remove-display {
  float: right;
  margin: 0;
  padding: .2em 1em 0 0;
  position: relative;
  top: .1em;
}

.views-display .remove-display form,
.remove-display input,
.views-display .clone-display form,
.clone-display input {
  margin: 0 !important;
}

.views-validator-options {
  padding: 0 1em;
  margin: 0 1em;
  border: 1px solid;
}

.group-populated {
  display: none;
}

td.group {
  /* this CSS mirrors what is found in core for blocks admin. */
  background-color: #D4E7F3;
  border-bottom: 1px solid #B4D7F0;
  border-top: 1.5em solid #FFFFFF;
  color: #455067;
}

td.group-title {
  font-weight: bold;
}

tr.group-message {
  font-style: italic;
  color:#999999;
}

.group-message .form-submit,
#views-add-group {
  float: right;
  clear: both;
}

html.js .views-group-select {
  display: none;
}

File

css/views-admin.css
View source 
  1. 

  2. /*

  3.  * Summary pad

  4.  */

  5. /* set up some defaults so weird themes don't override us too badly. */

  6. .views-tabset {

  7.   color: #494949;

  8.   background-color: white;

  9. }

  10. 

  11. .views-tabset a:visited,

  12. .views-tabset a:hover,

  13. .views-tabset a {

  14.   color: #027AC6;

  15. }

  16. 

  17. .views-tabset .views-tab fieldset {

  18.   margin-top: 0;

  19. }

  20. 

  21. /*

  22.  * First column: display drawers

  23.  */

  24. .views-tabset .views-tabs {

  25.   background: #F6F6F6;

  26.   border-top: #D6DBDE 1px solid;

  27.   border-bottom: #D6DBDE 1px solid;

  28.   border-left: #D6DBDE 1px solid;

  29.   float: left;

  30.   width: 117px;

  31.   margin-right: 0;

  32. }

  33. 

  34. * html .views-tabset .views-tabs {

  35.   width: 114px;

  36.   position: relative;

  37.   left: 4px;

  38. }

  39. 

  40. .views-tabset .views-tabs ul {

  41.   list-style-type: none !important;

  42.   list-style-image: none !important;

  43.   padding: 0;

  44.   margin: 0;

  45.   position: relative;

  46. }

  47. 

  48. .views-tabset .views-tabs ul li {

  49.   background: #efefef;

  50.   list-style-type: none;

  51.   list-style-image: none;

  52.   line-height: 100%;

  53.   border-bottom: #D6DBDE 1px solid;

  54.   margin: 0;

  55.   padding: 0;

  56.   position: relative;

  57. }

  58. 

  59. .views-tabset .views-tabs ul li.active {

  60.   background: #fff url(../images/arrow-active.png) no-repeat right;

  61.   position: relative;

  62.   width: 118px;

  63.   margin-right: -1px;

  64. }

  65. 

  66. .views-tabset .views-tabs ul li a {

  67.   display: block;

  68.   font-size: 90%;

  69.   color: #777;

  70.   font-weight: normal;

  71.   padding: 0.5em;

  72. }

  73. 

  74. .views-tabset .views-tabs ul li a:hover {

  75.   background-color: #f6f6f6;

  76.   text-decoration: none;

  77. }

  78. 

  79. .views-tabset .views-tabs ul li.active a {

  80.   color: #000;

  81.   font-weight: bold;

  82. }

  83. 

  84. .views-tabset .views-tabs ul li.active a:hover {

  85.   color: #000;

  86.   background: #fff url(../images/arrow-active.png) no-repeat right;

  87. }

  88. 

  89. .views-tabset .extra {

  90.   text-align: center;

  91.   margin-right: 0;

  92. }

  93. 

  94. .views-tabset .extra input {

  95.   margin-top: 0;

  96.   margin-right: 0;

  97.   white-space: normal;

  98. }

  99. 

  100. /*

  101.  * Three columns with setting-summaries

  102.  */

  103. .views-tabset .views-display {

  104.   border: #D6DBDE 1px solid;

  105.   margin-left: 118px; /* 118 -1 causes borders to overlap */

  106.   min-height: 302px;

  107.   _height: 300px; /*stupid IE hack */

  108. }

  109. 

  110. * html .views-tabset .views-display {

  111.   margin-left: 114px;

  112. }

  113. 

  114. div.views-display-deleted,

  115. div.views-display-deleted div.top,

  116. div.views-display-deleted div.tab-section {

  117.   background-color: #eee;

  118. }

  119. 

  120. .views-display {

  121.   background: #fff;

  122. }

  123. 

  124. .views-display div {

  125.   font-size: 8pt;

  126.   line-height: 12pt;

  127. }

  128. 

  129. .views-display .top {

  130.   padding: 0.5em 0em 0em 1em;

  131.   background: #fff;

  132. }

  133. 

  134. .views-display .top .display-title {

  135.   font-weight: bold;

  136. }

  137. .views-display .top .display-description {

  138.   margin-left: 1em;

  139.   font-style: italic;

  140.   overflow: hide;

  141.   white-space: nowrap;

  142.   font-size: 90%;

  143. }

  144. 

  145. .views-display .tab-section {

  146.   width: 32.5%;

  147.   padding: 0;

  148.   margin: 0;

  149.   float: left;

  150.   min-height: 273px;

  151.   _height: 274px;

  152. }

  153. 

  154. .views-display .tab-section .inside {

  155.   margin: 0.5em 0.5em 0.5em 1em;

  156. }

  157. 

  158. .views-display .tab-section .inside .views-category {

  159.   margin-bottom: 1em;

  160.   background: #f6f6f6;

  161.   border: 1px #efefef solid;

  162. }

  163. 

  164. .views-display .tab-section .inside .views-category-content {

  165.   padding: 0em 0em 0.5em 1em;

  166. }

  167. 

  168. .views-display .tab-section .inside .views-category-title {

  169.   padding: .1em .1em .1em .3em;

  170.   margin: 0 0 .1em 0;

  171.   font-size: 9pt;

  172.   font-weight: bold;

  173.   background-color: #efefef;

  174.   border-bottom: 1px #efefef solid;

  175. }

  176. 

  177. .views-display .tab-section .links {

  178.   float: right;

  179.   font-size: 6pt;

  180.   position: relative;

  181.   display: inline;

  182. }

  183. 

  184. .views-display .tab-section .links a {

  185.   font-size: 6pt;

  186.   font-style: italic;

  187. }

  188. 

  189. .views-display .form-submit,

  190. #views-ajax-pad .form-submit {

  191.   margin: 0;

  192. }

  193. 

  194. .views-display .middle {

  195.   width: 34%;

  196. }

  197. 

  198. .views-basic-info {

  199.   margin: 0.5em 0em 0 0;

  200.   padding: 0.5em;

  201. }

  202. 

  203. /*

  204.  * AJAX pad, the bottom part where settings are edited.

  205.  */

  206. #views-ajax-pad {

  207.   background: transparent;

  208.   margin-top: 0px;

  209. }

  210. 

  211. #views-ajax-title {

  212.   background: #f6f6f6;

  213.   color: #000;

  214.   border-left: #D6DBDE 1px solid;

  215.   border-right: #D6DBDE 1px solid;

  216.   margin: 0 0 0 118px;

  217.   padding: 1em 1em 0em 1em;

  218.   font-weight: bold;

  219. }

  220. 

  221. #views-ajax-pad .message {

  222.   background: #f6f6f6;

  223.   color: #000;

  224.   margin-left: 118px;

  225.   border: #D6DBDE 1px solid;

  226.   border-top: 0;

  227.   /* padding: 3em 0em; */

  228.   text-align: center;

  229.   font-style: italic;

  230. }

  231. 

  232. #views-ajax-pad form {

  233.   background: #fff;

  234.   color: #000;

  235.   margin-left: 118px;

  236.   border: #D6DBDE 1px solid;

  237.   padding-top: 3px;

  238.   border-top: 0;

  239. }

  240. 

  241. #views-ajax-pad .views-messages {

  242.   background: transparent;

  243.   margin-left: 118px;

  244.   padding: 5px;

  245.   border: #D6DBDE 1px solid;

  246.   border-top: 0;

  247. }

  248. 

  249. #views-ajax-pad .form-buttons {

  250.   margin: 0;

  251.   padding: 0.5em 1em;

  252.   background: #f6f6f6;

  253.   clear: left;

  254. }

  255. 

  256. #views-ajax-pad .clear {

  257.   clear: left;

  258. }

  259. 

  260. #views-ajax-pad .form-buttons .form-submit {

  261.   margin: 0 .5em 0 0;

  262.   padding: 0;

  263. }

  264. 

  265. #views-ajax-pad .form-item {

  266.   margin: 0.5em;

  267.   padding: 0em 0.5em;

  268. }

  269. 

  270. /* These put checkboxes closer together */

  271. #views-ajax-pad .form-checkboxes .form-item,

  272. #views-ajax-pad .form-checkboxes .description,

  273. #views-ajax-pad .form-checkboxes input,

  274. #views-ajax-pad .form-radios .form-item,

  275. #views-ajax-pad .form-radios label,

  276. #views-ajax-pad .form-radios input {

  277.   margin-top: 0;

  278.   margin-bottom: 0;

  279. }

  280. 

  281. #views-ajax-pad .form-item .form-checkboxes,

  282. #views-ajax-pad .form-checkboxes input,

  283. #views-ajax-pad .form-checkboxes label,

  284. #views-ajax-pad .form-item .form-checkboxes .form-item,

  285. #views-ajax-pad .form-item .form-radios,

  286. #views-ajax-pad .form-radios input,

  287. #views-ajax-pad .form-radios label,

  288. #views-ajax-pad .form-item .form-radios .form-item {

  289.   padding-left: 0;

  290.   margin-left: 0;

  291. }

  292. 

  293. #views-ajax-pad .form-checkboxes .description,

  294. #views-ajax-pad .form-radios .description {

  295.   margin-left: 2em;

  296. }

  297. 

  298. #views-ajax-pad {

  299.   display: none;

  300. }

  301. 

  302. html.js #views-ajax-pad {

  303.   display: block;

  304. }

  305. 

  306. .views-override,

  307. .views-expose {

  308.   padding: 0.5em 1em 0em 1em;

  309. }

  310. 

  311. #views-ajax-pad .views-override .form-submit,

  312. #views-ajax-pad .views-expose .form-submit {

  313.   float: right;

  314.   margin: 0 .5em 0 1em;

  315. }

  316. 

  317. #views-ajax-pad .views-expose .description,

  318. #views-ajax-pad .views-override .description {

  319.   margin-bottom: .25em;

  320. }

  321. 

  322. /*

  323.  * Some column widths for use within the ajax pad

  324.  */

  325. #views-ajax-pad .views-left-10 {

  326.   float: left;

  327.   width: 10%;

  328. }

  329. 

  330. #views-ajax-pad .views-left-20 {

  331.   float: left;

  332.   width: 20%;

  333. }

  334. 

  335. #views-ajax-pad .views-left-25 {

  336.   float: left;

  337.   width: 25%;

  338. }

  339. 

  340. #views-ajax-pad .views-left-30 {

  341.   float: left;

  342.   width: 30%;

  343. }

  344. 

  345. #views-ajax-pad .views-left-40 {

  346.   float: left;

  347.   width: 40%;

  348. }

  349. 

  350. #views-ajax-pad .views-left-50 {

  351.   float: left;

  352.   width: 49.5%;

  353. }

  354. 

  355. #views-ajax-pad .views-right-50 {

  356.   float: right;

  357.   width: 50%;

  358. }

  359. 

  360. #views-ajax-pad .views-right-60 {

  361.   float: right;

  362.   width: 60%;

  363. }

  364. 

  365. #views-ajax-pad .views-right-70 {

  366.   float: right;

  367.   width: 70%;

  368. }

  369. 

  370. #views-ajax-pad .views-left-75 {

  371.   float: left;

  372.   width: 75%;

  373. }

  374. 

  375. #views-ajax-pad .views-radio-box {

  376.   overflow: auto;

  377.   height: 22em;

  378. }

  379. 

  380. #views-ajax-pad fieldset {

  381.   margin: 0 .5em;

  382. }

  383. 

  384. #views-ajax-pad table td .form-item,

  385. #views-ajax-pad table td .form-item input,

  386. #views-ajax-pad table td .form-item select {

  387.   padding: 0;

  388.   margin: 0;

  389. }

  390. 

  391. #views-ajax-pad label.hidden-options {

  392.   background: transparent url(../images/arrow-active.png) no-repeat right;

  393.   height: 12px;

  394.   padding-right: 12px;

  395. }

  396. 

  397. #views-ajax-pad label.expanded-options {

  398.   background: transparent url(../images/expanded-options.png) no-repeat right;

  399.   height: 12px;

  400.   padding-right: 16px;

  401. }

  402. 

  403. #views-ajax-pad .dependent-options {

  404.   padding-left: 30px;

  405. }

  406. 

  407. /*

  408.  * Add, Rearrange and Configure buttons using sprites

  409.  */

  410. a.views-button-configure,

  411. a.views-button-add,

  412. a.views-button-rearrange,

  413. a.views-button-remove {

  414.   background:transparent url(../images/sprites.png);

  415.   display: inline-block;

  416.   float: right;

  417.   height: 12px;

  418.   width: 16px;

  419.   margin: 2px 0px 1px 0px;

  420.   border-bottom: #C2C9CE 1px solid;

  421.   border-right: #C2C9CE 1px solid;

  422.   padding: 0px;

  423. }

  424. 

  425. a.views-button-remove {

  426.   background-position: 0px -72px;

  427.   position: relative;

  428.   top: -4px;

  429. }

  430. a.views-button-remove:hover {

  431.   background-position: 0px -84px;

  432. }

  433. 

  434. a.views-button-configure {

  435.   background-position: 0px -48px;

  436.   margin: 0;

  437. }

  438. a.views-button-configure:hover {

  439.   background-position: 0px -60px;

  440. }

  441. 

  442. a.views-button-add {

  443.   background-position: 0px -24px;

  444. }

  445. a.views-button-add:hover {

  446.   background-position: 0px -36px;

  447. }

  448. 

  449. a.views-button-rearrange {

  450.   background-position: 0px 0px;

  451. }

  452. a.views-button-rearrange:hover {

  453.   background-position: 0px -12px;

  454. }

  455. 

  456. a.views-button-remove span,

  457. a.views-button-rearrange span,

  458. a.views-button-configure span,

  459. a.views-button-add span {

  460.   display: none;

  461. }

  462. 

  463. html.js #arrange thead {

  464.   display: none;

  465. }

  466. 

  467. html.js #ungroupable_arrange .views-hide-label {

  468.   color: #D4E7F3;

  469. }

  470. 

  471. #ungroupable_arrange thead tr {

  472.   /* this CSS mirrors what is found in core for blocks admin. */

  473.   background-color: #D4E7F3;

  474.   border-bottom: 1px solid #B4D7F0;

  475.   border-top: 1.5em solid #FFFFFF;

  476.   color: #455067;

  477.   padding-top: 0;

  478.   padding-bottom: 0;

  479. }

  480. 

  481. html.js .views-remove-checkbox {

  482.   display: none;

  483. }

  484. 

  485. a.views-button-remove {

  486.   display: none;

  487. }

  488. 

  489. html.js a.views-button-remove {

  490.   display: inline;

  491. }

  492. 

  493. .arrange tr.even,

  494. .arrange tr.odd,

  495. .arrange td {

  496.   padding-top: 0;

  497.   padding-bottom: 0;

  498. }

  499. 

  500. .arrange .form-item {

  501.   padding: 0;

  502. }

  503. 

  504. div.changed {

  505.   background-color: #ffe;

  506.   font-weight: bold;

  507. }

  508. 

  509. div.view-changed {

  510.   display: none;

  511.   float: right;

  512.   font-style: italic;

  513.   color: #f93;

  514.   padding-left: 1em;

  515. }

  516. 

  517. div.views-tab div.changed a {

  518. 

  519. }

  520. 

  521. div.changed div.view-changed {

  522.   display: block;

  523. }

  524. 

  525. .views-display .tab-section .inside .overridden {

  526.   /* all this so we don't mess up background-color */

  527. /*  background-image: url(../images/overridden.gif);

  528.   background-repeat: no-repeat;

  529.   background-position: left;

  530.   padding-left: 10px; */

  531. }

  532. 

  533. .views-display .tab-section .views-category-content.overridden {

  534.   background-image: none;

  535. }

  536. 

  537. .views-display .tab-section .inside .defaulted {

  538.   color: #aaa;

  539.   font-style: italic;

  540. }

  541. 

  542. .views-display .tab-section .inside .defaulted a {

  543.   font-style: italic;

  544. }

  545. 

  546. .hilited {

  547.   color: #000;

  548.   font-weight: bold;

  549.   background-color: #ffd;

  550.   padding-left: 10px;

  551. }

  552. 

  553. #views-ajax-pad fieldset {

  554.   background: transparent;

  555.   padding-left: 10px;

  556. }

  557. 

  558. #views-ajax-pad pre {

  559.   overflow: auto;

  560.   border: 1px solid #333;

  561.   background-color: #f0f0f0;

  562.   padding: .5em;

  563. }

  564. 

  565. form#views-ui-reorder-displays-button {

  566.   margin-bottom: 0em;

  567.   border-bottom: 1px solid #ccc;

  568. }

  569. form#views-ui-reorder-displays-button input.form-submit{

  570.   margin-bottom: 2em;

  571. }

  572. 

  573. form#views-add-display-form {

  574.   margin-bottom: 0em;

  575.   border-bottom: 1px solid #ccc;

  576. }

  577. 

  578. form#views-add-display-form select {

  579.   width: 8.5em;

  580. }

  581. 

  582. #views-ui-edit-view-form {

  583.   margin: 0;

  584.   padding: 0;

  585. }

  586. 

  587. #views-live-preview {

  588.   padding-top: .5em;

  589. }

  590. 

  591. form#views-ui-preview-form,

  592. #center form#views-ui-preview-form {

  593.   border: 1px solid #D6DBDE;

  594.   margin: 0 0 .5em 0;

  595.   padding: .5em;

  596. }

  597. 

  598. form#views-ui-preview-form div#preview-display-id-wrapper,

  599. form#views-ui-preview-form div#preview-args-wrapper {

  600.   float: left;

  601.   margin: 0;

  602.   padding: 0 1em 0 0;

  603. }

  604. 

  605. form#views-ui-preview-form input#preview-submit {

  606.   margin: 1.7em 0 0 0;

  607. }

  608. 

  609. .view-locked {

  610.   color: red;

  611.   border: 1px solid red;

  612.   padding: 1em;

  613. }

  614. 

  615. /* Hide by default only with js */

  616. html.js .views-hidden {

  617.   display: none;

  618. }

  619. 

  620. .views-query-info {

  621. /*  overflow: auto; */

  622. }

  623. 

  624. .views-query-info pre {

  625.   white-space: pre; /* CSS2 */

  626.   white-space: -moz-pre-wrap; /* Mozilla */

  627.   white-space: -hp-pre-wrap; /* HP printers */

  628.   white-space: -o-pre-wrap; /* Opera 7 */

  629.   white-space: -pre-wrap; /* Opera 4-6 */

  630.   white-space: pre-wrap; /* CSS 2.1 */

  631.   white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */

  632.   word-wrap: break-word; /* IE */

  633.   max-height: 200px;

  634.   overflow: scroll;

  635. }

  636. 

  637. .views-quick-links {

  638.   float: right;

  639. }

  640. 

  641. .views-quick-links ul.links li {

  642.   padding-left: 1em;

  643. }

  644. 

  645. .views-quick-links li.last {

  646. }

  647. 

  648. .views-edit-view .advanced-help-link {

  649.   padding-right: 3px;

  650. }

  651. 

  652. #views-ajax-title .advanced-help-link {

  653.   position: relative;

  654.   top: 2px;

  655.   padding-right: 3px;

  656. }

  657. 

  658. #views-ajax-pad input,

  659. #views-ajax-pad textarea {

  660.   max-width: 95%;

  661. }

  662. 

  663. .clone-display,

  664. .remove-display {

  665.   float: right;

  666.   margin: 0;

  667.   padding: .2em 1em 0 0;

  668.   position: relative;

  669.   top: .1em;

  670. }

  671. 

  672. .views-display .remove-display form,

  673. .remove-display input,

  674. .views-display .clone-display form,

  675. .clone-display input {

  676.   margin: 0 !important;

  677. }

  678. 

  679. .views-validator-options {

  680.   padding: 0 1em;

  681.   margin: 0 1em;

  682.   border: 1px solid;

  683. }

  684. 

  685. .group-populated {

  686.   display: none;

  687. }

  688. 

  689. td.group {

  690.   /* this CSS mirrors what is found in core for blocks admin. */

  691.   background-color: #D4E7F3;

  692.   border-bottom: 1px solid #B4D7F0;

  693.   border-top: 1.5em solid #FFFFFF;

  694.   color: #455067;

  695. }

  696. 

  697. td.group-title {

  698.   font-weight: bold;

  699. }

  700. 

  701. tr.group-message {

  702.   font-style: italic;

  703.   color:#999999;

  704. }

  705. 

  706. .group-message .form-submit,

  707. #views-add-group {

  708.   float: right;

  709.   clear: both;

  710. }

  711. 

  712. html.js .views-group-select {

  713.   display: none;

  714. }