You are here

views.css in Views (for Drupal 7) 6.2

Same filename and directory in other branches
  1. 6.3 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;
}

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. .views-exposed-form .views-exposed-widget .form-submit {
  6. margin-top: 1.6em;
  7. }
  8. .views-exposed-form .form-item,
  9. .views-exposed-form .form-submit {
  10. margin-top: 0;
  11. margin-bottom: 0;
  12. }
  13. .views-exposed-form label {
  14. font-weight: bold;
  15. }
  16. .views-exposed-widgets {
  17. margin-bottom: .5em;
  18. }
  19. html.js a.views-throbbing,
  20. html.js span.views-throbbing {
  21. background:url(../images/status-active.gif) no-repeat right center;
  22. padding-right:18px;
  23. }
  24. /* administrative hover links */
  25. div.view div.views-admin-links {
  26. font-size: xx-small;
  27. margin-right: 1em;
  28. margin-top: 1em;
  29. /* width: 95%; */
  30. }
  31. .block div.view div.views-admin-links {
  32. margin-top: 0;
  33. }
  34. div.view div.views-admin-links ul {
  35. margin: 0;
  36. padding: 0;
  37. }
  38. div.view div.views-admin-links li {
  39. margin: 0;
  40. padding: 0 0 2px 0;
  41. z-index: 201;
  42. }
  43. div.view div.views-admin-links li a {
  44. padding: 0;
  45. margin: 0;
  46. color: #ccc;
  47. }
  48. div.view div.views-admin-links li a:before {
  49. content: "[";
  50. }
  51. div.view div.views-admin-links li a:after {
  52. content: "]";
  53. }
  54. div.view div.views-admin-links-hover a,
  55. div.view div.views-admin-links:hover a {
  56. color: #000;
  57. }
  58. div.view div.views-admin-links-hover,
  59. div.view div.views-admin-links:hover {
  60. background: transparent;
  61. }
  62. div.view div.views-hide {
  63. display: none;
  64. }
  65. /** For IE we add the class via js; for other browsers we rely on :hover **/
  66. div.view div.views-hide-hover,
  67. div.view:hover div.views-hide {
  68. display: block;
  69. position: absolute;
  70. z-index: 200;
  71. }
  72. /* don't do this one in IE */
  73. div.view:hover div.views-hide {
  74. margin-top: -1.5em;
  75. }
  76. /* Remove the border on tbody that system puts in */
  77. .views-view-grid tbody {
  78. border-top: none;
  79. }