style.css

Same filename in this branch
  1. 7.x themes/garland/style.css
  2. 7.x themes/bartik/css/style.css
/**
 * Generic elements.
 */
body {
  color: #000;
  background: #fff;
  font: normal 81.3%/1.538em "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
a {
  color: #0074BD;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
hr {
  margin: 0;
  padding: 0;
  border: none;
  height: 1px;
  background: #cccccc;
}
legend {
  font-weight: bold;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  margin: 10px 0;
}
h1 {
  font-size: 1.538em;
}
h2 {
  font-size: 1.385em;
}
h3 {
  font-size: 1.231em;
}
h4 {
  font-size: 1.154em;
}
h5,
h6 {
  font-size: 1.077em;
}
p {
  margin: 1em 0;
}
dl {
  margin: 0 0 20px;
}
dl dd,
dl dl {
  margin-left: 20px; /* LTR */
  margin-bottom: 10px;
}
blockquote {
  margin: 1em 40px;
}
address {
  font-style: italic;
}
u,
ins {
  text-decoration: underline;
}
s,
strike,
del {
  text-decoration: line-through;
}
big {
  font-size: larger;
}
small {
  font-size: smaller;
}
sub {
  vertical-align: sub;
  font-size: smaller;
  line-height: normal;
}
sup {
  vertical-align: super;
  font-size: smaller;
  line-height: normal;
}
nobr {
  white-space: nowrap;
}
abbr,
acronym {
  border-bottom: dotted 1px;
}
ul,
.block ul,
.item-list ul {
  list-style-type: disc;
  list-style-image: none;
  margin: 0.25em 0 0.25em 1.5em; /* LTR */
}
.item-list .pager li {
  padding: 0.5em;
}
.item-list ul li,
li.leaf,
ul.menu li {
  list-style-type: disc;
  list-style-image: none;
}
ul.menu li {
  margin: 0;
}
ol {
  list-style-type: decimal;
  margin: 0.25em 0 0.25em 2em; /* LTR */
}
.item-list ul li.collapsed,
ul.menu li.collapsed {
  list-style-image:url(../../misc/menu-collapsed.png);
  list-style-type:disc;
}
.item-list ul li.expanded,
ul.menu li.expanded {
  list-style-image:url(../../misc/menu-expanded.png);
  list-style-type:circle;
}
quote,
code {
  margin: .5em 0;
}
code,
pre,
kbd {
  font-size: 1.231em;
}
pre {
  margin: 0.5em 0;
  white-space: pre-wrap;
}

/**
 * Skip link.
 */
#skip-link {
  margin-top: 0;
  position: absolute;
  left: 50%; /* LTR */
  margin-left: -5.25em; /* LTR */
  width: auto;
  z-index: 50;
}
#skip-link a,
#skip-link a:link,
#skip-link a:visited {
  display: block;
  background: #444;
  color: #fff;
  font-size: 0.94em;
  padding: 1px 10px 2px 10px; /* LTR */
  text-decoration: none;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-radius: 0 0 10px 10px;
}
#skip-link a:hover,
#skip-link a:focus,
#skip-link a:active {
  outline: 0;
}

/**
 * Branding.
 */
#branding {
  overflow: hidden;
  padding: 20px 20px 0 20px; /* LTR */
  position: relative;
  background-color: #e0e0d8;
}
#branding div.breadcrumb {
  font-size: 0.846em;
  padding-bottom: 5px;
}
#branding div.block {
  position: relative;
  float: right; /* LTR */
  width: 240px;
  padding-left: 10px; /* LTR */
  background: #333;
}
#branding div.block form label {
  display: none;
}
#branding div.block form div.form-item {
  float: left; /* LTR */
  border: 0;
  margin: 0;
  padding: 0;
}
#branding div.block form input.form-text {
  width: 140px;
  margin-right: 10px; /* LTR */
}
#branding div.block form input.form-submit {
  text-align: center;
  width: 80px;
}

/**
 * Help.
 */
#help {
  font-size: 0.923em;
  margin-top: 1em;
}
#help p {
  margin: 0 0 10px;
}
#help div.more-help-link {
  text-align: right; /* LTR */
}

/**
 * Page title.
 */
#page-title {
  background: #333;
  padding-top: 20px;
}
#branding h1.page-title {
  color: #000;
  margin: 0;
  padding-bottom: 10px;
  font-size: 1.385em;
  font-weight: normal;
  float: left; /* LTR */
}

/**
 * Console.
 */
#console {
  margin: 9px 0 10px;
}

/**
 * Tabs.
 */
ul.primary {
  float: right; /* LTR */
  border-bottom: none;
  text-transform: uppercase;
  font-size: 0.923em;
  height: 2.60em;
  margin: 0;
  padding-top: 0;
}
ul.primary li {
  float: left; /* LTR */
  list-style: none;
  margin: 0 2px;
}
ul.primary li a:link,
ul.primary li a.active,
ul.primary li a:active,
ul.primary li a:visited,
ul.primary li a:hover,
ul.primary li.active a {
  display: block;
  float: left; /* LTR */
  height: 2.60em;
  line-height: 2.60em;
  padding: 0 18px 8px;
  background-color: #a6a7a2;
  color: #000;
  font-weight: bold;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #a6a7a2;
  -moz-border-radius: 8px 8px 0 0;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  border-radius: 8px 8px 0 0;
}
ul.primary li.active a,
ul.primary li.active a.active,
ul.primary li.active a:active,
ul.primary li.active a:visited {
  background-color: #fff;
  border-color: #c9cac4;
}
ul.primary li a:hover {
  color: #fff;
}
ul.primary li.active a:hover {
  color: #000;
}
.tabs-secondary {
  clear: both;
}
ul.secondary {
  float: right; /* LTR */
  font-size: 0.923em;
  padding: 0 3px 5px;
  line-height: 1.385em;
  overflow: hidden;
  background-color: #fff;
}
ul.secondary li {
  margin: 0 5px;
  float: none; /* LTR */
}
ul.secondary li a {
  background-color: #ddd;
  color: #000;
  display: inline-block;
}
ul.secondary li a,
ul.secondary li a:hover,
ul.secondary li.active a,
ul.secondary li.active a.active {
  padding: 2px 10px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
ul.secondary li a:hover,
ul.secondary li.active a,
ul.secondary li.active a.active {
  color: #fff;
  background: #666;
}
#content {
  clear: left;
}

/**
 * Page layout.
 */
#page {
  padding: 20px 0 40px 0; /* LTR */
  margin-right: 40px; /* LTR */
  margin-left: 40px; /* LTR */
  background: #fff;
  position: relative;
  color: #333;
}
#secondary-links ul.links li {
  padding: 0 10px 10px 0; /* LTR */
}
#secondary-links ul.links li a {
  font-size: 0.923em;
  background: #777;
  color: #fff;
  text-align: center;
  padding: 5px;
  height: 55px;
  width: 80px;
  overflow: hidden;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#secondary-links ul.links li a:hover {
  background: #999;
}
ul.links li,
ul.inline li {
  padding-right: 1em; /* LTR */
}
ul.inline li {
  display: inline;
}
#secondary-links ul.links li.active-trail a,
#secondary-links ul.links li a.active {
  background: #333;
}
ul.admin-list li {
  position: relative;
  padding-left: 30px; /* LTR */
  padding-top: 9px;
  border-top: 1px solid #ccc;
  margin-left: 0; /* LTR */
  margin-bottom: 10px;
  background: url(images/list-item.png) no-repeat 0 11px; /* LTR */
  list-style-type: none;
  list-style-image: none;
}
.admin-panel .item-list ul,
ul.admin-list {
  margin: 0;
  padding: 0;
}
.admin-panel .item-list ul,
ul.admin-list.compact {
  margin: 8px 0;
}
.admin-panel .item-list li,
ul.admin-list.compact li {
  border: none;
  background: none;
  margin: 0 0 0.75em;
  line-height: 1;
  padding: 0;
}
ul.admin-list li:last-child {
  border-bottom: none;
}
ul.admin-list li a {
  margin-left: -30px; /* LTR */
  padding: 0 0 4px 30px; /* LTR */
  min-height: 0;
}
ul.admin-list.compact li a {
  margin-left: 0; /* LTR */
  padding: 0;
}
ul.admin-list li div.description a {
  margin-left: 0; /* LTR */
  padding: 0;
  min-height: inherit;
}
div.submitted {
  color: #898989;
}

/**
 * Tables.
 */
table {
  width: 100%;
  font-size: 0.923em;
  margin: 0 0 10px;
  border: 1px solid #bebfb9;
}
table td,
table th {
  vertical-align: middle;
  padding: 8px 10px;
  border: 0;
  color: #000;
}
tr.even,
tr.odd {
  border-width: 0 1px 0 1px;
  border-style: solid;
  border-color: #bebfb9;
  background: #f3f4ee;
}
tr.odd {
  background: #fff;
}
tr.drag {
  background: #fe7;
}
tr.drag-previous {
  background: #ffb;
}
table th {
  text-transform: uppercase;
  background: #e1e2dc;
  font-weight: normal;
  border-width: 1px;
  border-style: solid;
  border-color: #bebfb9;
  padding: 3px 10px;
}
/**
 * Force browsers to calculate the width of a 'select all' TH element.
 */
table th.select-all {
  width: 1px;
}
table th.active {
  background: #bdbeb9;
}
table th a {
  display: block;
  position: relative;
}
table th.active a {
  padding: 0 25px 0 0; /* LTR */
}
table th.active img {
  position: absolute;
  top: 3px;
  right: 3px; /* LTR */
}
table td.active {
  background: #e9e9dd;
}
table tr.odd td.active {
  background: #f3f4ee;
}
table tr.selected td.active,
table tr.selected td {
  background: #ffc;
  border-color: #eeb;
}
table.system-status-report tr {
  border-bottom: 1px solid #ccc;
}
table.system-status-report tr.ok {
  color: #255b1e;
  background-color: #e5ffe2;
}
table.system-status-report tr.info {
  color: #040f37;
  background-color: #bdf;
}
table.system-status-report tr.warning {
  color: #840;
  background-color: #fffce5;
}
table.system-status-report tr.error {
  color: #8c2e0b;
  background-color: #fef5f1;
}
/**
 * Exception for webkit bug with the right border of the last cell
 * in some tables, since it's webkit only, we can use :last-child
 */
tr td:last-child {
  border-right: 1px solid #bebfb9; /* LTR */
}


/**
 * Fieldsets.
 *
 * Fieldset legends are displayed like containers in Seven. However, several
 * browsers do not support styling of LEGEND elements. To achieve the desired
 * styling:
 * - All fieldsets use 'position: relative'.
 * - All legend labels are wrapped in a single span.fieldset-legend that uses
 *   'position: absolute', which means that the LEGEND element itself is not
 *   rendered by browsers.
 * - Due to using 'position: absolute', collapsed fieldsets do not have a
 *   height; the fieldset requires a 'padding-top' to make the absolute
 *   positioned .fieldset-legend appear as though it would have a height.
 * - Various browsers are positioning the legend differently if there is a
 *   'padding-left'/'padding-right' applied on a fieldset and inherit the
 *   positioning even to absolute positioned elements within; we therefore have
 *   to apply all padding to the inner .fieldset-wrapper instead.
 */
fieldset {
  border: 1px solid #ccc;
  padding: 2.5em 0 0 0; /* LTR */
  position: relative;
  margin: 1em 0;
}
fieldset .fieldset-legend {
  margin-top: 0.5em;
  padding-left: 15px; /* LTR */
  position: absolute;
  text-transform: uppercase;
}
fieldset .fieldset-wrapper {
  padding: 0 13px 13px 15px; /* LTR */
}
fieldset.collapsed {
  background-color: transparent;
}
html.js fieldset.collapsed {
  border-width: 1px;
  height: auto;
}
fieldset fieldset {
  background-color: #fff;
}
fieldset fieldset fieldset {
  background-color: #f8f8f8;
}

/**
 * Form elements.
 */
.form-item {
  padding: 9px 0;
  margin: 0 0 10px;
}
.filter-wrapper .form-item,
div.teaser-checkbox .form-item,
.form-item .form-item {
  padding: 5px 0;
  margin: 0;
  border: 0;
}
.form-type-checkbox {
  padding: 0;
}
.text-format-wrapper .form-item {
  padding-bottom: 0;
}
.form-item label {
  margin: 0;
  padding: 0;
}
.form-item label.option {
  font-size: 0.923em;
  text-transform: none;
}
.form-item label.option input {
  vertical-align: middle;
}
.form-disabled input.form-autocomplete,
.form-disabled input.form-text,
.form-disabled input.form-file,
.form-disabled textarea.form-textarea,
.form-disabled select.form-select {
  background-color: #eee;
  color: #777;
}

/* Filter */
.filter-wrapper {
  border-top: 0;
  padding: 10px 2px;
}
.filter-wrapper .fieldset-wrapper {
  padding: 0 6px;
}
.filter-wrapper .form-item,
.filter-wrapper .filter-guidelines,
.filter-wrapper .filter-help {
  font-size: 0.923em;
  padding: 2px 0 0 0; /* LTR */
}
ul.tips,
div.description,
.form-item div.description {
  margin: 5px 0;
  line-height: 1.231em;
  font-size: 0.923em;
  color: #666;
}
ul.tips li {
  margin: 0.25em 0 0.25em 1.5em; /* LTR */
}
body div.form-type-radio div.description,
body div.form-type-checkbox div.description {
  margin-left: 1.5em; /* LTR */
}
input.form-submit,
a.button {
  cursor: pointer;
  padding: 4px 17px;
  margin-bottom: 1em;
  margin-right: 1em; /* LTR */
  color: #5a5a5a;
  text-align: center;
  font-weight: normal;
  font-size: 1.077em;
  font-family: "Lucida Grande", Verdana, sans-serif;
  border: 1px solid #e4e4e4;
  border-bottom: 1px solid #b4b4b4;
  border-left-color: #d2d2d2;
  border-right-color: #d2d2d2;
  background: url(images/buttons.png) 0 0 repeat-x;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}
a.button:link,
a.button:visited,
a.button:hover,
a.button:active {
  text-decoration: none;
  color: #5a5a5a;
}
input.form-submit:active {
  background: #666;
  color: #fff;
  border-color: #555;
  text-shadow: #222 0 -1px 0;
}
input.form-button-disabled,
input.form-button-disabled:active {
  background: #eee none;
  border-color: #eee;
  text-shadow: none;
  color: #999;
}
input.form-autocomplete,
input.form-text,
input.form-file,
textarea.form-textarea,
select.form-select {
  padding: 2px;
  border: 1px solid #ccc;
  border-top-color: #999;
  background: #fff;
  color: #333;
}
input.form-text:focus,
input.form-file:focus,
textarea.form-textarea:focus,
select.form-select:focus {
  color: #000;
  border-color: #ace;
}

ul.action-links {
  margin: 1em 0;
  padding: 0 20px 0 20px; /* LTR */
  list-style-type: none;
  overflow: hidden;
}
ul.action-links li {
  float: left; /* LTR */
  margin: 0 1em 0 0; /* LTR */
}
ul.action-links a {
  padding-left: 15px; /* LTR */
  background: transparent url(images/add.png) no-repeat 0 center;
  line-height: 30px;
}

/* Exceptions */
#diff-inline-form select,
div.filter-options select {
  padding: 0;
}

/**
 * System.
 */
div.admin .right,
div.admin .left {
  width: 49%;
  margin: 0;
}
div.admin-panel,
div.admin-panel .body {
  padding: 0;
  clear: left;
}
div.admin-panel {
  margin: 0 0 20px;
  padding: 9px;
  background: #f8f8f8;
  border: 1px solid #ccc;
}
div.admin-panel h3 {
  font-size: 0.923em;
  text-transform: uppercase;
  margin: 0;
  padding-bottom: 9px;
}

/* admin/appearance */
#system-themes-page h2 {
  font-weight: normal;
  text-transform: uppercase;
}
.theme-selector h3 {
  font-weight: normal;
}
.theme-default h3 {
  font-weight: bold;
}
.system-themes-list-enabled .theme-selector h3 {
  margin-top: 0;
}

/* Update options. */
div.admin-options {
  background: #f8f8f8;
  line-height: 30px;
  height: 30px;
  padding: 9px;
  border: 1px solid #ccc;
  margin: 0 0 10px;
}
div.admin-options label {
  text-transform: uppercase;
  font: 0.846em/1.875em Lucida Grande, Lucida Sans Unicode, sans-serif;
}
div.admin-options label,
div.admin-options div.form-item {
  margin-right: 10px; /* LTR */
  float: left; /* LTR */
}
div.admin-options div.form-item {
  padding: 0;
  border: 0;
}

/* Update status */
.versions table.version {
  border: none;
}

/* Maintenance theming */
body.in-maintenance #sidebar-first {
  float: left; /* LTR */
  width: 200px;
}
body.in-maintenance #content {
  float: right; /* LTR */
  width: 550px;
  padding-right: 20px; /* LTR */
  clear: none;
}
body.in-maintenance #page {
  overflow: auto;
  width: 770px;
  margin: 0 auto;
  padding-top: 2em;
}
body.in-maintenance #branding h1 {
  width: 770px;
  margin: 0 auto;
  float: none;
}
body.in-maintenance .form-radios .form-type-radio {
  padding: 2px 0;
}
body.in-maintenance div.form-item:after {
  content: "";
  display: none;
  clear: none;
}
body.in-maintenance .form-submit {
  display: block;
}
body.in-maintenance #logo {
  margin-bottom: 1.5em;
  max-width: 180px;
}
ol.task-list {
  margin-left: 0; /* LTR */
  list-style-type: none;
  list-style-image: none;
}
ol.task-list li {
  padding: 0.5em 1em 0.5em 20px; /* LTR */
  color: #adadad;
}
ol.task-list li.active {
  background: transparent url(images/task-item.png) no-repeat 3px 50%; /* LTR */
  padding: 0.5em 1em 0.5em 20px; /* LTR */
  color: #000;
}
ol.task-list li.done {
  background: transparent url(images/task-check.png) no-repeat 0 50%;
  color: green;
}

/* Overlay theming */
.overlay #branding {
  background-color: #fff;
  padding-top: 15px;
}
.overlay #branding h1.page-title,
.overlay #left,
.overlay #footer {
  display: none;
}
.overlay #page {
  margin: 0;
  padding: 0 20px;
}
.overlay #branding div.breadcrumb {
  float: left; /* LTR */
  position: relative;
  z-index: 10;
}
#overlay-tabs {
  bottom: -1px;
  font-size: 1.54em;
  line-height: 1.54em;
  margin: 0;
}
#overlay-tabs li {
  margin: 0 -2px;
}
.overlay ul.secondary {
  background: transparent none;
  margin: -1.4em 0 0.3em 0; /* LTR */
  overflow: visible;
}
.overlay #content {
  padding: 0;
}
h1#overlay-title {
  font-weight: normal;
}

/* Shortcut theming */
div.add-or-remove-shortcuts {
  float: left; /* LTR */
  padding-top: 6px;
  padding-left: 6px; /* LTR */
}

/* Dashboard */
#dashboard .dashboard-region div.block h2 {
  background: #E0E0D8;
}
#dashboard div.block h2 {
  margin: 0;
  font-size: 1em;
  padding: 3px 10px;
}
#dashboard div.block div.content {
  padding: 10px 5px 5px 5px; /* LTR */
}
#dashboard div.block div.content ul.menu {
  margin-left: 20px; /* LTR */
}
#dashboard .dashboard-region .block {
  border: #ccc 1px solid;
}

/* Field UI */

#field-display-overview input.field-formatter-settings-edit {
  margin: 0;
  padding: 1px 8px;
}
#field-display-overview tr.field-formatter-settings-changed {
  background: #FFFFBB;
}
#field-display-overview tr.drag {
  background: #FFEE77;
}
#field-display-overview tr.field-formatter-settings-editing {
  background: #D5E9F2;
}
#field-display-overview .field-formatter-settings-edit-form .form-item {
  margin: 10px 0;
}
#field-display-overview .field-formatter-settings-edit-form .form-submit {
  margin-bottom: 0;
}

/* Recent content block */
#dashboard div#block-node-recent div.content {
  padding: 0;
}
#block-node-recent table,
#block-node-recent tr {
  border: none;
}
#block-node-recent .more-link {
  padding: 0 5px 5px 0; /* LTR */
}

/* User login block */
#user-login-form .openid-links {
  margin-left: 0; /* LTR */
}
#user-login-form .openid-links .user-link {
  margin-left: 1.5em; /* LTR */
}

/* Disable overlay message */
#overlay-disable-message {
  background-color: #addafc;
}
#overlay-disable-message a,
#overlay-disable-message a:visited {
  color: #000;
}
#overlay-disable-message a:focus,
#overlay-disable-message a:active {
  outline: none;
  text-decoration: underline;
}
.overlay-disable-message-focused a {
  padding: 0.4em 0.6em;
}
.overlay-disable-message-focused #overlay-dismiss-message {
  background-color: #59a0d8;
  color: #fff;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

File

themes/seven/style.css

View source
  1. /**
  2. * Generic elements.
  3. */
  4. body {
  5. color: #000;
  6. background: #fff;
  7. font: normal 81.3%/1.538em "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  8. }
  9. a {
  10. color: #0074BD;
  11. text-decoration: none;
  12. }
  13. a:hover {
  14. text-decoration: underline;
  15. }
  16. hr {
  17. margin: 0;
  18. padding: 0;
  19. border: none;
  20. height: 1px;
  21. background: #cccccc;
  22. }
  23. legend {
  24. font-weight: bold;
  25. }
  26. h1,
  27. h2,
  28. h3,
  29. h4,
  30. h5,
  31. h6 {
  32. font-weight: bold;
  33. margin: 10px 0;
  34. }
  35. h1 {
  36. font-size: 1.538em;
  37. }
  38. h2 {
  39. font-size: 1.385em;
  40. }
  41. h3 {
  42. font-size: 1.231em;
  43. }
  44. h4 {
  45. font-size: 1.154em;
  46. }
  47. h5,
  48. h6 {
  49. font-size: 1.077em;
  50. }
  51. p {
  52. margin: 1em 0;
  53. }
  54. dl {
  55. margin: 0 0 20px;
  56. }
  57. dl dd,
  58. dl dl {
  59. margin-left: 20px; /* LTR */
  60. margin-bottom: 10px;
  61. }
  62. blockquote {
  63. margin: 1em 40px;
  64. }
  65. address {
  66. font-style: italic;
  67. }
  68. u,
  69. ins {
  70. text-decoration: underline;
  71. }
  72. s,
  73. strike,
  74. del {
  75. text-decoration: line-through;
  76. }
  77. big {
  78. font-size: larger;
  79. }
  80. small {
  81. font-size: smaller;
  82. }
  83. sub {
  84. vertical-align: sub;
  85. font-size: smaller;
  86. line-height: normal;
  87. }
  88. sup {
  89. vertical-align: super;
  90. font-size: smaller;
  91. line-height: normal;
  92. }
  93. nobr {
  94. white-space: nowrap;
  95. }
  96. abbr,
  97. acronym {
  98. border-bottom: dotted 1px;
  99. }
  100. ul,
  101. .block ul,
  102. .item-list ul {
  103. list-style-type: disc;
  104. list-style-image: none;
  105. margin: 0.25em 0 0.25em 1.5em; /* LTR */
  106. }
  107. .item-list .pager li {
  108. padding: 0.5em;
  109. }
  110. .item-list ul li,
  111. li.leaf,
  112. ul.menu li {
  113. list-style-type: disc;
  114. list-style-image: none;
  115. }
  116. ul.menu li {
  117. margin: 0;
  118. }
  119. ol {
  120. list-style-type: decimal;
  121. margin: 0.25em 0 0.25em 2em; /* LTR */
  122. }
  123. .item-list ul li.collapsed,
  124. ul.menu li.collapsed {
  125. list-style-image:url(../../misc/menu-collapsed.png);
  126. list-style-type:disc;
  127. }
  128. .item-list ul li.expanded,
  129. ul.menu li.expanded {
  130. list-style-image:url(../../misc/menu-expanded.png);
  131. list-style-type:circle;
  132. }
  133. quote,
  134. code {
  135. margin: .5em 0;
  136. }
  137. code,
  138. pre,
  139. kbd {
  140. font-size: 1.231em;
  141. }
  142. pre {
  143. margin: 0.5em 0;
  144. white-space: pre-wrap;
  145. }
  146. /**
  147. * Skip link.
  148. */
  149. #skip-link {
  150. margin-top: 0;
  151. position: absolute;
  152. left: 50%; /* LTR */
  153. margin-left: -5.25em; /* LTR */
  154. width: auto;
  155. z-index: 50;
  156. }
  157. #skip-link a,
  158. #skip-link a:link,
  159. #skip-link a:visited {
  160. display: block;
  161. background: #444;
  162. color: #fff;
  163. font-size: 0.94em;
  164. padding: 1px 10px 2px 10px; /* LTR */
  165. text-decoration: none;
  166. -moz-border-radius: 0 0 10px 10px;
  167. -webkit-border-top-left-radius: 0;
  168. -webkit-border-top-right-radius: 0;
  169. -webkit-border-bottom-left-radius: 10px;
  170. -webkit-border-bottom-right-radius: 10px;
  171. border-radius: 0 0 10px 10px;
  172. }
  173. #skip-link a:hover,
  174. #skip-link a:focus,
  175. #skip-link a:active {
  176. outline: 0;
  177. }
  178. /**
  179. * Branding.
  180. */
  181. #branding {
  182. overflow: hidden;
  183. padding: 20px 20px 0 20px; /* LTR */
  184. position: relative;
  185. background-color: #e0e0d8;
  186. }
  187. #branding div.breadcrumb {
  188. font-size: 0.846em;
  189. padding-bottom: 5px;
  190. }
  191. #branding div.block {
  192. position: relative;
  193. float: right; /* LTR */
  194. width: 240px;
  195. padding-left: 10px; /* LTR */
  196. background: #333;
  197. }
  198. #branding div.block form label {
  199. display: none;
  200. }
  201. #branding div.block form div.form-item {
  202. float: left; /* LTR */
  203. border: 0;
  204. margin: 0;
  205. padding: 0;
  206. }
  207. #branding div.block form input.form-text {
  208. width: 140px;
  209. margin-right: 10px; /* LTR */
  210. }
  211. #branding div.block form input.form-submit {
  212. text-align: center;
  213. width: 80px;
  214. }
  215. /**
  216. * Help.
  217. */
  218. #help {
  219. font-size: 0.923em;
  220. margin-top: 1em;
  221. }
  222. #help p {
  223. margin: 0 0 10px;
  224. }
  225. #help div.more-help-link {
  226. text-align: right; /* LTR */
  227. }
  228. /**
  229. * Page title.
  230. */
  231. #page-title {
  232. background: #333;
  233. padding-top: 20px;
  234. }
  235. #branding h1.page-title {
  236. color: #000;
  237. margin: 0;
  238. padding-bottom: 10px;
  239. font-size: 1.385em;
  240. font-weight: normal;
  241. float: left; /* LTR */
  242. }
  243. /**
  244. * Console.
  245. */
  246. #console {
  247. margin: 9px 0 10px;
  248. }
  249. /**
  250. * Tabs.
  251. */
  252. ul.primary {
  253. float: right; /* LTR */
  254. border-bottom: none;
  255. text-transform: uppercase;
  256. font-size: 0.923em;
  257. height: 2.60em;
  258. margin: 0;
  259. padding-top: 0;
  260. }
  261. ul.primary li {
  262. float: left; /* LTR */
  263. list-style: none;
  264. margin: 0 2px;
  265. }
  266. ul.primary li a:link,
  267. ul.primary li a.active,
  268. ul.primary li a:active,
  269. ul.primary li a:visited,
  270. ul.primary li a:hover,
  271. ul.primary li.active a {
  272. display: block;
  273. float: left; /* LTR */
  274. height: 2.60em;
  275. line-height: 2.60em;
  276. padding: 0 18px 8px;
  277. background-color: #a6a7a2;
  278. color: #000;
  279. font-weight: bold;
  280. border-width: 1px 1px 0 1px;
  281. border-style: solid;
  282. border-color: #a6a7a2;
  283. -moz-border-radius: 8px 8px 0 0;
  284. -webkit-border-top-left-radius: 8px;
  285. -webkit-border-top-right-radius: 8px;
  286. border-radius: 8px 8px 0 0;
  287. }
  288. ul.primary li.active a,
  289. ul.primary li.active a.active,
  290. ul.primary li.active a:active,
  291. ul.primary li.active a:visited {
  292. background-color: #fff;
  293. border-color: #c9cac4;
  294. }
  295. ul.primary li a:hover {
  296. color: #fff;
  297. }
  298. ul.primary li.active a:hover {
  299. color: #000;
  300. }
  301. .tabs-secondary {
  302. clear: both;
  303. }
  304. ul.secondary {
  305. float: right; /* LTR */
  306. font-size: 0.923em;
  307. padding: 0 3px 5px;
  308. line-height: 1.385em;
  309. overflow: hidden;
  310. background-color: #fff;
  311. }
  312. ul.secondary li {
  313. margin: 0 5px;
  314. float: none; /* LTR */
  315. }
  316. ul.secondary li a {
  317. background-color: #ddd;
  318. color: #000;
  319. display: inline-block;
  320. }
  321. ul.secondary li a,
  322. ul.secondary li a:hover,
  323. ul.secondary li.active a,
  324. ul.secondary li.active a.active {
  325. padding: 2px 10px;
  326. -moz-border-radius: 7px;
  327. -webkit-border-radius: 7px;
  328. border-radius: 7px;
  329. }
  330. ul.secondary li a:hover,
  331. ul.secondary li.active a,
  332. ul.secondary li.active a.active {
  333. color: #fff;
  334. background: #666;
  335. }
  336. #content {
  337. clear: left;
  338. }
  339. /**
  340. * Page layout.
  341. */
  342. #page {
  343. padding: 20px 0 40px 0; /* LTR */
  344. margin-right: 40px; /* LTR */
  345. margin-left: 40px; /* LTR */
  346. background: #fff;
  347. position: relative;
  348. color: #333;
  349. }
  350. #secondary-links ul.links li {
  351. padding: 0 10px 10px 0; /* LTR */
  352. }
  353. #secondary-links ul.links li a {
  354. font-size: 0.923em;
  355. background: #777;
  356. color: #fff;
  357. text-align: center;
  358. padding: 5px;
  359. height: 55px;
  360. width: 80px;
  361. overflow: hidden;
  362. -moz-border-radius: 5px;
  363. -webkit-border-radius: 5px;
  364. border-radius: 5px;
  365. }
  366. #secondary-links ul.links li a:hover {
  367. background: #999;
  368. }
  369. ul.links li,
  370. ul.inline li {
  371. padding-right: 1em; /* LTR */
  372. }
  373. ul.inline li {
  374. display: inline;
  375. }
  376. #secondary-links ul.links li.active-trail a,
  377. #secondary-links ul.links li a.active {
  378. background: #333;
  379. }
  380. ul.admin-list li {
  381. position: relative;
  382. padding-left: 30px; /* LTR */
  383. padding-top: 9px;
  384. border-top: 1px solid #ccc;
  385. margin-left: 0; /* LTR */
  386. margin-bottom: 10px;
  387. background: url(images/list-item.png) no-repeat 0 11px; /* LTR */
  388. list-style-type: none;
  389. list-style-image: none;
  390. }
  391. .admin-panel .item-list ul,
  392. ul.admin-list {
  393. margin: 0;
  394. padding: 0;
  395. }
  396. .admin-panel .item-list ul,
  397. ul.admin-list.compact {
  398. margin: 8px 0;
  399. }
  400. .admin-panel .item-list li,
  401. ul.admin-list.compact li {
  402. border: none;
  403. background: none;
  404. margin: 0 0 0.75em;
  405. line-height: 1;
  406. padding: 0;
  407. }
  408. ul.admin-list li:last-child {
  409. border-bottom: none;
  410. }
  411. ul.admin-list li a {
  412. margin-left: -30px; /* LTR */
  413. padding: 0 0 4px 30px; /* LTR */
  414. min-height: 0;
  415. }
  416. ul.admin-list.compact li a {
  417. margin-left: 0; /* LTR */
  418. padding: 0;
  419. }
  420. ul.admin-list li div.description a {
  421. margin-left: 0; /* LTR */
  422. padding: 0;
  423. min-height: inherit;
  424. }
  425. div.submitted {
  426. color: #898989;
  427. }
  428. /**
  429. * Tables.
  430. */
  431. table {
  432. width: 100%;
  433. font-size: 0.923em;
  434. margin: 0 0 10px;
  435. border: 1px solid #bebfb9;
  436. }
  437. table td,
  438. table th {
  439. vertical-align: middle;
  440. padding: 8px 10px;
  441. border: 0;
  442. color: #000;
  443. }
  444. tr.even,
  445. tr.odd {
  446. border-width: 0 1px 0 1px;
  447. border-style: solid;
  448. border-color: #bebfb9;
  449. background: #f3f4ee;
  450. }
  451. tr.odd {
  452. background: #fff;
  453. }
  454. tr.drag {
  455. background: #fe7;
  456. }
  457. tr.drag-previous {
  458. background: #ffb;
  459. }
  460. table th {
  461. text-transform: uppercase;
  462. background: #e1e2dc;
  463. font-weight: normal;
  464. border-width: 1px;
  465. border-style: solid;
  466. border-color: #bebfb9;
  467. padding: 3px 10px;
  468. }
  469. /**
  470. * Force browsers to calculate the width of a 'select all' TH element.
  471. */
  472. table th.select-all {
  473. width: 1px;
  474. }
  475. table th.active {
  476. background: #bdbeb9;
  477. }
  478. table th a {
  479. display: block;
  480. position: relative;
  481. }
  482. table th.active a {
  483. padding: 0 25px 0 0; /* LTR */
  484. }
  485. table th.active img {
  486. position: absolute;
  487. top: 3px;
  488. right: 3px; /* LTR */
  489. }
  490. table td.active {
  491. background: #e9e9dd;
  492. }
  493. table tr.odd td.active {
  494. background: #f3f4ee;
  495. }
  496. table tr.selected td.active,
  497. table tr.selected td {
  498. background: #ffc;
  499. border-color: #eeb;
  500. }
  501. table.system-status-report tr {
  502. border-bottom: 1px solid #ccc;
  503. }
  504. table.system-status-report tr.ok {
  505. color: #255b1e;
  506. background-color: #e5ffe2;
  507. }
  508. table.system-status-report tr.info {
  509. color: #040f37;
  510. background-color: #bdf;
  511. }
  512. table.system-status-report tr.warning {
  513. color: #840;
  514. background-color: #fffce5;
  515. }
  516. table.system-status-report tr.error {
  517. color: #8c2e0b;
  518. background-color: #fef5f1;
  519. }
  520. /**
  521. * Exception for webkit bug with the right border of the last cell
  522. * in some tables, since it's webkit only, we can use :last-child
  523. */
  524. tr td:last-child {
  525. border-right: 1px solid #bebfb9; /* LTR */
  526. }
  527. /**
  528. * Fieldsets.
  529. *
  530. * Fieldset legends are displayed like containers in Seven. However, several
  531. * browsers do not support styling of LEGEND elements. To achieve the desired
  532. * styling:
  533. * - All fieldsets use 'position: relative'.
  534. * - All legend labels are wrapped in a single span.fieldset-legend that uses
  535. * 'position: absolute', which means that the LEGEND element itself is not
  536. * rendered by browsers.
  537. * - Due to using 'position: absolute', collapsed fieldsets do not have a
  538. * height; the fieldset requires a 'padding-top' to make the absolute
  539. * positioned .fieldset-legend appear as though it would have a height.
  540. * - Various browsers are positioning the legend differently if there is a
  541. * 'padding-left'/'padding-right' applied on a fieldset and inherit the
  542. * positioning even to absolute positioned elements within; we therefore have
  543. * to apply all padding to the inner .fieldset-wrapper instead.
  544. */
  545. fieldset {
  546. border: 1px solid #ccc;
  547. padding: 2.5em 0 0 0; /* LTR */
  548. position: relative;
  549. margin: 1em 0;
  550. }
  551. fieldset .fieldset-legend {
  552. margin-top: 0.5em;
  553. padding-left: 15px; /* LTR */
  554. position: absolute;
  555. text-transform: uppercase;
  556. }
  557. fieldset .fieldset-wrapper {
  558. padding: 0 13px 13px 15px; /* LTR */
  559. }
  560. fieldset.collapsed {
  561. background-color: transparent;
  562. }
  563. html.js fieldset.collapsed {
  564. border-width: 1px;
  565. height: auto;
  566. }
  567. fieldset fieldset {
  568. background-color: #fff;
  569. }
  570. fieldset fieldset fieldset {
  571. background-color: #f8f8f8;
  572. }
  573. /**
  574. * Form elements.
  575. */
  576. .form-item {
  577. padding: 9px 0;
  578. margin: 0 0 10px;
  579. }
  580. .filter-wrapper .form-item,
  581. div.teaser-checkbox .form-item,
  582. .form-item .form-item {
  583. padding: 5px 0;
  584. margin: 0;
  585. border: 0;
  586. }
  587. .form-type-checkbox {
  588. padding: 0;
  589. }
  590. .text-format-wrapper .form-item {
  591. padding-bottom: 0;
  592. }
  593. .form-item label {
  594. margin: 0;
  595. padding: 0;
  596. }
  597. .form-item label.option {
  598. font-size: 0.923em;
  599. text-transform: none;
  600. }
  601. .form-item label.option input {
  602. vertical-align: middle;
  603. }
  604. .form-disabled input.form-autocomplete,
  605. .form-disabled input.form-text,
  606. .form-disabled input.form-file,
  607. .form-disabled textarea.form-textarea,
  608. .form-disabled select.form-select {
  609. background-color: #eee;
  610. color: #777;
  611. }
  612. /* Filter */
  613. .filter-wrapper {
  614. border-top: 0;
  615. padding: 10px 2px;
  616. }
  617. .filter-wrapper .fieldset-wrapper {
  618. padding: 0 6px;
  619. }
  620. .filter-wrapper .form-item,
  621. .filter-wrapper .filter-guidelines,
  622. .filter-wrapper .filter-help {
  623. font-size: 0.923em;
  624. padding: 2px 0 0 0; /* LTR */
  625. }
  626. ul.tips,
  627. div.description,
  628. .form-item div.description {
  629. margin: 5px 0;
  630. line-height: 1.231em;
  631. font-size: 0.923em;
  632. color: #666;
  633. }
  634. ul.tips li {
  635. margin: 0.25em 0 0.25em 1.5em; /* LTR */
  636. }
  637. body div.form-type-radio div.description,
  638. body div.form-type-checkbox div.description {
  639. margin-left: 1.5em; /* LTR */
  640. }
  641. input.form-submit,
  642. a.button {
  643. cursor: pointer;
  644. padding: 4px 17px;
  645. margin-bottom: 1em;
  646. margin-right: 1em; /* LTR */
  647. color: #5a5a5a;
  648. text-align: center;
  649. font-weight: normal;
  650. font-size: 1.077em;
  651. font-family: "Lucida Grande", Verdana, sans-serif;
  652. border: 1px solid #e4e4e4;
  653. border-bottom: 1px solid #b4b4b4;
  654. border-left-color: #d2d2d2;
  655. border-right-color: #d2d2d2;
  656. background: url(images/buttons.png) 0 0 repeat-x;
  657. -moz-border-radius: 20px;
  658. -webkit-border-radius: 20px;
  659. border-radius: 20px;
  660. }
  661. a.button:link,
  662. a.button:visited,
  663. a.button:hover,
  664. a.button:active {
  665. text-decoration: none;
  666. color: #5a5a5a;
  667. }
  668. input.form-submit:active {
  669. background: #666;
  670. color: #fff;
  671. border-color: #555;
  672. text-shadow: #222 0 -1px 0;
  673. }
  674. input.form-button-disabled,
  675. input.form-button-disabled:active {
  676. background: #eee none;
  677. border-color: #eee;
  678. text-shadow: none;
  679. color: #999;
  680. }
  681. input.form-autocomplete,
  682. input.form-text,
  683. input.form-file,
  684. textarea.form-textarea,
  685. select.form-select {
  686. padding: 2px;
  687. border: 1px solid #ccc;
  688. border-top-color: #999;
  689. background: #fff;
  690. color: #333;
  691. }
  692. input.form-text:focus,
  693. input.form-file:focus,
  694. textarea.form-textarea:focus,
  695. select.form-select:focus {
  696. color: #000;
  697. border-color: #ace;
  698. }
  699. ul.action-links {
  700. margin: 1em 0;
  701. padding: 0 20px 0 20px; /* LTR */
  702. list-style-type: none;
  703. overflow: hidden;
  704. }
  705. ul.action-links li {
  706. float: left; /* LTR */
  707. margin: 0 1em 0 0; /* LTR */
  708. }
  709. ul.action-links a {
  710. padding-left: 15px; /* LTR */
  711. background: transparent url(images/add.png) no-repeat 0 center;
  712. line-height: 30px;
  713. }
  714. /* Exceptions */
  715. #diff-inline-form select,
  716. div.filter-options select {
  717. padding: 0;
  718. }
  719. /**
  720. * System.
  721. */
  722. div.admin .right,
  723. div.admin .left {
  724. width: 49%;
  725. margin: 0;
  726. }
  727. div.admin-panel,
  728. div.admin-panel .body {
  729. padding: 0;
  730. clear: left;
  731. }
  732. div.admin-panel {
  733. margin: 0 0 20px;
  734. padding: 9px;
  735. background: #f8f8f8;
  736. border: 1px solid #ccc;
  737. }
  738. div.admin-panel h3 {
  739. font-size: 0.923em;
  740. text-transform: uppercase;
  741. margin: 0;
  742. padding-bottom: 9px;
  743. }
  744. /* admin/appearance */
  745. #system-themes-page h2 {
  746. font-weight: normal;
  747. text-transform: uppercase;
  748. }
  749. .theme-selector h3 {
  750. font-weight: normal;
  751. }
  752. .theme-default h3 {
  753. font-weight: bold;
  754. }
  755. .system-themes-list-enabled .theme-selector h3 {
  756. margin-top: 0;
  757. }
  758. /* Update options. */
  759. div.admin-options {
  760. background: #f8f8f8;
  761. line-height: 30px;
  762. height: 30px;
  763. padding: 9px;
  764. border: 1px solid #ccc;
  765. margin: 0 0 10px;
  766. }
  767. div.admin-options label {
  768. text-transform: uppercase;
  769. font: 0.846em/1.875em Lucida Grande, Lucida Sans Unicode, sans-serif;
  770. }
  771. div.admin-options label,
  772. div.admin-options div.form-item {
  773. margin-right: 10px; /* LTR */
  774. float: left; /* LTR */
  775. }
  776. div.admin-options div.form-item {
  777. padding: 0;
  778. border: 0;
  779. }
  780. /* Update status */
  781. .versions table.version {
  782. border: none;
  783. }
  784. /* Maintenance theming */
  785. body.in-maintenance #sidebar-first {
  786. float: left; /* LTR */
  787. width: 200px;
  788. }
  789. body.in-maintenance #content {
  790. float: right; /* LTR */
  791. width: 550px;
  792. padding-right: 20px; /* LTR */
  793. clear: none;
  794. }
  795. body.in-maintenance #page {
  796. overflow: auto;
  797. width: 770px;
  798. margin: 0 auto;
  799. padding-top: 2em;
  800. }
  801. body.in-maintenance #branding h1 {
  802. width: 770px;
  803. margin: 0 auto;
  804. float: none;
  805. }
  806. body.in-maintenance .form-radios .form-type-radio {
  807. padding: 2px 0;
  808. }
  809. body.in-maintenance div.form-item:after {
  810. content: "";
  811. display: none;
  812. clear: none;
  813. }
  814. body.in-maintenance .form-submit {
  815. display: block;
  816. }
  817. body.in-maintenance #logo {
  818. margin-bottom: 1.5em;
  819. max-width: 180px;
  820. }
  821. ol.task-list {
  822. margin-left: 0; /* LTR */
  823. list-style-type: none;
  824. list-style-image: none;
  825. }
  826. ol.task-list li {
  827. padding: 0.5em 1em 0.5em 20px; /* LTR */
  828. color: #adadad;
  829. }
  830. ol.task-list li.active {
  831. background: transparent url(images/task-item.png) no-repeat 3px 50%; /* LTR */
  832. padding: 0.5em 1em 0.5em 20px; /* LTR */
  833. color: #000;
  834. }
  835. ol.task-list li.done {
  836. background: transparent url(images/task-check.png) no-repeat 0 50%;
  837. color: green;
  838. }
  839. /* Overlay theming */
  840. .overlay #branding {
  841. background-color: #fff;
  842. padding-top: 15px;
  843. }
  844. .overlay #branding h1.page-title,
  845. .overlay #left,
  846. .overlay #footer {
  847. display: none;
  848. }
  849. .overlay #page {
  850. margin: 0;
  851. padding: 0 20px;
  852. }
  853. .overlay #branding div.breadcrumb {
  854. float: left; /* LTR */
  855. position: relative;
  856. z-index: 10;
  857. }
  858. #overlay-tabs {
  859. bottom: -1px;
  860. font-size: 1.54em;
  861. line-height: 1.54em;
  862. margin: 0;
  863. }
  864. #overlay-tabs li {
  865. margin: 0 -2px;
  866. }
  867. .overlay ul.secondary {
  868. background: transparent none;
  869. margin: -1.4em 0 0.3em 0; /* LTR */
  870. overflow: visible;
  871. }
  872. .overlay #content {
  873. padding: 0;
  874. }
  875. h1#overlay-title {
  876. font-weight: normal;
  877. }
  878. /* Shortcut theming */
  879. div.add-or-remove-shortcuts {
  880. float: left; /* LTR */
  881. padding-top: 6px;
  882. padding-left: 6px; /* LTR */
  883. }
  884. /* Dashboard */
  885. #dashboard .dashboard-region div.block h2 {
  886. background: #E0E0D8;
  887. }
  888. #dashboard div.block h2 {
  889. margin: 0;
  890. font-size: 1em;
  891. padding: 3px 10px;
  892. }
  893. #dashboard div.block div.content {
  894. padding: 10px 5px 5px 5px; /* LTR */
  895. }
  896. #dashboard div.block div.content ul.menu {
  897. margin-left: 20px; /* LTR */
  898. }
  899. #dashboard .dashboard-region .block {
  900. border: #ccc 1px solid;
  901. }
  902. /* Field UI */
  903. #field-display-overview input.field-formatter-settings-edit {
  904. margin: 0;
  905. padding: 1px 8px;
  906. }
  907. #field-display-overview tr.field-formatter-settings-changed {
  908. background: #FFFFBB;
  909. }
  910. #field-display-overview tr.drag {
  911. background: #FFEE77;
  912. }
  913. #field-display-overview tr.field-formatter-settings-editing {
  914. background: #D5E9F2;
  915. }
  916. #field-display-overview .field-formatter-settings-edit-form .form-item {
  917. margin: 10px 0;
  918. }
  919. #field-display-overview .field-formatter-settings-edit-form .form-submit {
  920. margin-bottom: 0;
  921. }
  922. /* Recent content block */
  923. #dashboard div#block-node-recent div.content {
  924. padding: 0;
  925. }
  926. #block-node-recent table,
  927. #block-node-recent tr {
  928. border: none;
  929. }
  930. #block-node-recent .more-link {
  931. padding: 0 5px 5px 0; /* LTR */
  932. }
  933. /* User login block */
  934. #user-login-form .openid-links {
  935. margin-left: 0; /* LTR */
  936. }
  937. #user-login-form .openid-links .user-link {
  938. margin-left: 1.5em; /* LTR */
  939. }
  940. /* Disable overlay message */
  941. #overlay-disable-message {
  942. background-color: #addafc;
  943. }
  944. #overlay-disable-message a,
  945. #overlay-disable-message a:visited {
  946. color: #000;
  947. }
  948. #overlay-disable-message a:focus,
  949. #overlay-disable-message a:active {
  950. outline: none;
  951. text-decoration: underline;
  952. }
  953. .overlay-disable-message-focused a {
  954. padding: 0.4em 0.6em;
  955. }
  956. .overlay-disable-message-focused #overlay-dismiss-message {
  957. background-color: #59a0d8;
  958. color: #fff;
  959. -moz-border-radius: 8px;
  960. -webkit-border-radius: 8px;
  961. border-radius: 8px;
  962. }

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