You are here

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

views.css in Views (for Drupal 7) 6.3

Same filename and directory in other branches
  1. 6.2 css/views.css
  2. 7.3 css/views.css
.views-exposed-form .views-exposed-widget {
  float: left; /* LTR */
  padding: .5em 1em 0 0; /* LTR */
}

.views-exposed-form .views-exposed-widget .form-submit {
  margin-top: 1.6em;
}

.views-exposed-form .form-item,
.views-exposed-form .form-submit {
  margin-top: 0;
  margin-bottom: 0;
}

.views-exposed-form label {
  font-weight: bold;
}

.views-exposed-widgets {
  margin-bottom: .5em;
}

/* table style column align */
.views-align-left {
  text-align: left;
}
.views-align-right {
  text-align: right;
}
.views-align-center {
  text-align: center;
}

html.js a.views-throbbing,
html.js span.views-throbbing {
  background:url(../images/status-active.gif) no-repeat right center;
  padding-right:18px;
}

/* administrative hover links */

div.view div.views-admin-links {
  font-size: xx-small;
  margin-right: 1em;
  margin-top: 1em;
/*  width: 95%; */
}

.block div.view div.views-admin-links {
  margin-top: 0;
}

div.view div.views-admin-links ul {
  margin: 0;
  padding: 0;
}

div.view div.views-admin-links li {
  margin: 0;
  padding: 0 0 2px 0;
  z-index: 201;
}

div.view div.views-admin-links li a {
  padding: 0;
  margin: 0;
  color: #ccc;
}

div.view div.views-admin-links li a:before {
  content: "[";
}
div.view div.views-admin-links li a:after {
  content: "]";
}

div.view div.views-admin-links-hover a,
div.view div.views-admin-links:hover a {
  color: #000;
}

div.view div.views-admin-links-hover,
div.view div.views-admin-links:hover {
  background: transparent;
}

div.view div.views-hide {
  display: none;
}

/** For IE we add the class via js; for other browsers we rely on :hover **/
div.view div.views-hide-hover,
div.view:hover div.views-hide {
  display: block;
  position: absolute;
  z-index: 200;
}

/* don't do this one in IE */
div.view:hover div.views-hide {
  margin-top: -1.5em;
}

/* Remove the border on tbody that system puts in */
.views-view-grid tbody {
  border-top: none;
}

File

css/views.css
View source 
  1. .views-exposed-form .views-exposed-widget {

  2.   float: left; /* LTR */

  3.   padding: .5em 1em 0 0; /* LTR */

  4. }

  5. 

  6. .views-exposed-form .views-exposed-widget .form-submit {

  7.   margin-top: 1.6em;

  8. }

  9. 

  10. .views-exposed-form .form-item,

  11. .views-exposed-form .form-submit {

  12.   margin-top: 0;

  13.   margin-bottom: 0;

  14. }

  15. 

  16. .views-exposed-form label {

  17.   font-weight: bold;

  18. }

  19. 

  20. .views-exposed-widgets {

  21.   margin-bottom: .5em;

  22. }

  23. 

  24. /* table style column align */

  25. .views-align-left {

  26.   text-align: left;

  27. }

  28. .views-align-right {

  29.   text-align: right;

  30. }

  31. .views-align-center {

  32.   text-align: center;

  33. }

  34. 

  35. html.js a.views-throbbing,

  36. html.js span.views-throbbing {

  37.   background:url(../images/status-active.gif) no-repeat right center;

  38.   padding-right:18px;

  39. }

  40. 

  41. /* administrative hover links */

  42. 

  43. div.view div.views-admin-links {

  44.   font-size: xx-small;

  45.   margin-right: 1em;

  46.   margin-top: 1em;

  47. /*  width: 95%; */

  48. }

  49. 

  50. .block div.view div.views-admin-links {

  51.   margin-top: 0;

  52. }

  53. 

  54. div.view div.views-admin-links ul {

  55.   margin: 0;

  56.   padding: 0;

  57. }

  58. 

  59. div.view div.views-admin-links li {

  60.   margin: 0;

  61.   padding: 0 0 2px 0;

  62.   z-index: 201;

  63. }

  64. 

  65. div.view div.views-admin-links li a {

  66.   padding: 0;

  67.   margin: 0;

  68.   color: #ccc;

  69. }

  70. 

  71. div.view div.views-admin-links li a:before {

  72.   content: "[";

  73. }

  74. div.view div.views-admin-links li a:after {

  75.   content: "]";

  76. }

  77. 

  78. div.view div.views-admin-links-hover a,

  79. div.view div.views-admin-links:hover a {

  80.   color: #000;

  81. }

  82. 

  83. div.view div.views-admin-links-hover,

  84. div.view div.views-admin-links:hover {

  85.   background: transparent;

  86. }

  87. 

  88. div.view div.views-hide {

  89.   display: none;

  90. }

  91. 

  92. /** For IE we add the class via js; for other browsers we rely on :hover **/

  93. div.view div.views-hide-hover,

  94. div.view:hover div.views-hide {

  95.   display: block;

  96.   position: absolute;

  97.   z-index: 200;

  98. }

  99. 

  100. /* don't do this one in IE */

  101. div.view:hover div.views-hide {

  102.   margin-top: -1.5em;

  103. }

  104. 

  105. /* Remove the border on tbody that system puts in */

  106. .views-view-grid tbody {

  107.   border-top: none;

  108. }