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. /**

  3.  * Generic elements.

  4.  */

  5. body {

  6.   color: #000;

  7.   background: #fff;

  8.   font: normal 81.3%/1.538em "Lucida Grande", "Lucida Sans Unicode", sans-serif;

  9. }

  10. a {

  11.   color: #0074BD;

  12.   text-decoration: none;

  13. }

  14. a:hover {

  15.   text-decoration: underline;

  16. }

  17. hr {

  18.   margin: 0;

  19.   padding: 0;

  20.   border: none;

  21.   height: 1px;

  22.   background: #cccccc;

  23. }

  24. legend {

  25.   font-weight: bold;

  26. }

  27. h1,

  28. h2,

  29. h3,

  30. h4,

  31. h5,

  32. h6 {

  33.   font-weight: bold;

  34.   margin: 10px 0;

  35. }

  36. h1 {

  37.   font-size: 1.538em;

  38. }

  39. h2 {

  40.   font-size: 1.385em;

  41. }

  42. h3 {

  43.   font-size: 1.231em;

  44. }

  45. h4 {

  46.   font-size: 1.154em;

  47. }

  48. h5,

  49. h6 {

  50.   font-size: 1.077em;

  51. }

  52. p {

  53.   margin: 1em 0;

  54. }

  55. dl {

  56.   margin: 0 0 20px;

  57. }

  58. dl dd,

  59. dl dl {

  60.   margin-left: 20px; /* LTR */

  61.   margin-bottom: 10px;

  62. }

  63. blockquote {

  64.   margin: 1em 40px;

  65. }

  66. address {

  67.   font-style: italic;

  68. }

  69. u,

  70. ins {

  71.   text-decoration: underline;

  72. }

  73. s,

  74. strike,

  75. del {

  76.   text-decoration: line-through;

  77. }

  78. big {

  79.   font-size: larger;

  80. }

  81. small {

  82.   font-size: smaller;

  83. }

  84. sub {

  85.   vertical-align: sub;

  86.   font-size: smaller;

  87.   line-height: normal;

  88. }

  89. sup {

  90.   vertical-align: super;

  91.   font-size: smaller;

  92.   line-height: normal;

  93. }

  94. nobr {

  95.   white-space: nowrap;

  96. }

  97. abbr,

  98. acronym {

  99.   border-bottom: dotted 1px;

  100. }

  101. ul,

  102. .block ul,

  103. .item-list ul {

  104.   list-style-type: disc;

  105.   list-style-image: none;

  106.   margin: 0.25em 0 0.25em 1.5em; /* LTR */

  107. }

  108. .item-list .pager li {

  109.   padding: 0.5em;

  110. }

  111. .item-list ul li,

  112. li.leaf,

  113. ul.menu li {

  114.   list-style-type: disc;

  115.   list-style-image: none;

  116. }

  117. ul.menu li {

  118.   margin: 0;

  119. }

  120. ol {

  121.   list-style-type: decimal;

  122.   margin: 0.25em 0 0.25em 2em; /* LTR */

  123. }

  124. .item-list ul li.collapsed,

  125. ul.menu li.collapsed {

  126.   list-style-image:url(../../misc/menu-collapsed.png);

  127.   list-style-type:disc;

  128. }

  129. .item-list ul li.expanded,

  130. ul.menu li.expanded {

  131.   list-style-image:url(../../misc/menu-expanded.png);

  132.   list-style-type:circle;

  133. }

  134. quote,

  135. code {

  136.   margin: .5em 0;

  137. }

  138. code,

  139. pre,

  140. kbd {

  141.   font-size: 1.231em;

  142. }

  143. pre {

  144.   margin: 0.5em 0;

  145.   white-space: pre-wrap;

  146. }

  147. 

  148. /**

  149.  * Skip link.

  150.  */

  151. #skip-link {

  152.   margin-top: 0;

  153.   position: absolute;

  154.   left: 50%; /* LTR */

  155.   margin-left: -5.25em; /* LTR */

  156.   width: auto;

  157.   z-index: 50;

  158. }

  159. #skip-link a,

  160. #skip-link a:link,

  161. #skip-link a:visited {

  162.   display: block;

  163.   background: #444;

  164.   color: #fff;

  165.   font-size: 0.94em;

  166.   padding: 1px 10px 2px 10px; /* LTR */

  167.   text-decoration: none;

  168.   -moz-border-radius: 0 0 10px 10px;

  169.   -webkit-border-top-left-radius: 0;

  170.   -webkit-border-top-right-radius: 0;

  171.   -webkit-border-bottom-left-radius: 10px;

  172.   -webkit-border-bottom-right-radius: 10px;

  173.   border-radius: 0 0 10px 10px;

  174. }

  175. #skip-link a:hover,

  176. #skip-link a:focus,

  177. #skip-link a:active {

  178.   outline: 0;

  179. }

  180. 

  181. /**

  182.  * Branding.

  183.  */

  184. #branding {

  185.   overflow: hidden;

  186.   padding: 20px 20px 0 20px; /* LTR */

  187.   position: relative;

  188.   background-color: #e0e0d8;

  189. }

  190. #branding div.breadcrumb {

  191.   font-size: 0.846em;

  192.   padding-bottom: 5px;

  193. }

  194. #branding div.block {

  195.   position: relative;

  196.   float: right; /* LTR */

  197.   width: 240px;

  198.   padding-left: 10px; /* LTR */

  199.   background: #333;

  200. }

  201. #branding div.block form label {

  202.   display: none;

  203. }

  204. #branding div.block form div.form-item {

  205.   float: left; /* LTR */

  206.   border: 0;

  207.   margin: 0;

  208.   padding: 0;

  209. }

  210. #branding div.block form input.form-text {

  211.   width: 140px;

  212.   margin-right: 10px; /* LTR */

  213. }

  214. #branding div.block form input.form-submit {

  215.   text-align: center;

  216.   width: 80px;

  217. }

  218. 

  219. /**

  220.  * Help.

  221.  */

  222. #help {

  223.   font-size: 0.923em;

  224.   margin-top: 1em;

  225. }

  226. #help p {

  227.   margin: 0 0 10px;

  228. }

  229. #help div.more-help-link {

  230.   text-align: right; /* LTR */

  231. }

  232. 

  233. /**

  234.  * Page title.

  235.  */

  236. #page-title {

  237.   background: #333;

  238.   padding-top: 20px;

  239. }

  240. #branding h1.page-title {

  241.   color: #000;

  242.   margin: 0;

  243.   padding-bottom: 10px;

  244.   font-size: 1.385em;

  245.   font-weight: normal;

  246.   float: left; /* LTR */

  247. }

  248. 

  249. /**

  250.  * Console.

  251.  */

  252. #console {

  253.   margin: 9px 0 10px;

  254. }

  255. 

  256. /**

  257.  * Tabs.

  258.  */

  259. ul.primary {

  260.   float: right; /* LTR */

  261.   border-bottom: none;

  262.   text-transform: uppercase;

  263.   font-size: 0.923em;

  264.   height: 2.60em;

  265.   margin: 0;

  266.   padding-top: 0;

  267. }

  268. ul.primary li {

  269.   float: left; /* LTR */

  270.   list-style: none;

  271.   margin: 0 2px;

  272. }

  273. ul.primary li a:link,

  274. ul.primary li a.active,

  275. ul.primary li a:active,

  276. ul.primary li a:visited,

  277. ul.primary li a:hover,

  278. ul.primary li.active a {

  279.   display: block;

  280.   float: left; /* LTR */

  281.   height: 2.60em;

  282.   line-height: 2.60em;

  283.   padding: 0 18px 8px;

  284.   background-color: #a6a7a2;

  285.   color: #000;

  286.   font-weight: bold;

  287.   border-width: 1px 1px 0 1px;

  288.   border-style: solid;

  289.   border-color: #a6a7a2;

  290.   -moz-border-radius: 8px 8px 0 0;

  291.   -webkit-border-top-left-radius: 8px;

  292.   -webkit-border-top-right-radius: 8px;

  293.   border-radius: 8px 8px 0 0;

  294. }

  295. ul.primary li.active a,

  296. ul.primary li.active a.active,

  297. ul.primary li.active a:active,

  298. ul.primary li.active a:visited {

  299.   background-color: #fff;

  300.   border-color: #c9cac4;

  301. }

  302. ul.primary li a:hover {

  303.   color: #fff;

  304. }

  305. ul.primary li.active a:hover {

  306.   color: #000;

  307. }

  308. .tabs-secondary {

  309.   clear: both;

  310. }

  311. ul.secondary {

  312.   float: right; /* LTR */

  313.   font-size: 0.923em;

  314.   padding: 0 3px 5px;

  315.   line-height: 1.385em;

  316.   overflow: hidden;

  317.   background-color: #fff;

  318. }

  319. ul.secondary li {

  320.   margin: 0 5px;

  321.   float: none; /* LTR */

  322. }

  323. ul.secondary li a {

  324.   background-color: #ddd;

  325.   color: #000;

  326.   display: inline-block;

  327. }

  328. ul.secondary li a,

  329. ul.secondary li a:hover,

  330. ul.secondary li.active a,

  331. ul.secondary li.active a.active {

  332.   padding: 2px 10px;

  333.   -moz-border-radius: 7px;

  334.   -webkit-border-radius: 7px;

  335.   border-radius: 7px;

  336. }

  337. ul.secondary li a:hover,

  338. ul.secondary li.active a,

  339. ul.secondary li.active a.active {

  340.   color: #fff;

  341.   background: #666;

  342. }

  343. #content {

  344.   clear: left;

  345. }

  346. 

  347. /**

  348.  * Page layout.

  349.  */

  350. #page {

  351.   padding: 20px 0 40px 0; /* LTR */

  352.   margin-right: 40px; /* LTR */

  353.   margin-left: 40px; /* LTR */

  354.   background: #fff;

  355.   position: relative;

  356.   color: #333;

  357. }

  358. #secondary-links ul.links li {

  359.   padding: 0 10px 10px 0; /* LTR */

  360. }

  361. #secondary-links ul.links li a {

  362.   font-size: 0.923em;

  363.   background: #777;

  364.   color: #fff;

  365.   text-align: center;

  366.   padding: 5px;

  367.   height: 55px;

  368.   width: 80px;

  369.   overflow: hidden;

  370.   -moz-border-radius: 5px;

  371.   -webkit-border-radius: 5px;

  372.   border-radius: 5px;

  373. }

  374. #secondary-links ul.links li a:hover {

  375.   background: #999;

  376. }

  377. ul.links li,

  378. ul.inline li {

  379.   padding-right: 1em; /* LTR */

  380. }

  381. ul.inline li {

  382.   display: inline;

  383. }

  384. #secondary-links ul.links li.active-trail a,

  385. #secondary-links ul.links li a.active {

  386.   background: #333;

  387. }

  388. ul.admin-list li {

  389.   position: relative;

  390.   padding-left: 30px; /* LTR */

  391.   padding-top: 9px;

  392.   border-top: 1px solid #ccc;

  393.   margin-left: 0; /* LTR */

  394.   margin-bottom: 10px;

  395.   background: url(images/list-item.png) no-repeat 0 11px; /* LTR */

  396.   list-style-type: none;

  397.   list-style-image: none;

  398. }

  399. .admin-panel .item-list ul,

  400. ul.admin-list {

  401.   margin: 0;

  402.   padding: 0;

  403. }

  404. .admin-panel .item-list ul,

  405. ul.admin-list.compact {

  406.   margin: 8px 0;

  407. }

  408. .admin-panel .item-list li,

  409. ul.admin-list.compact li {

  410.   border: none;

  411.   background: none;

  412.   margin: 0 0 0.75em;

  413.   line-height: 1;

  414.   padding: 0;

  415. }

  416. ul.admin-list li:last-child {

  417.   border-bottom: none;

  418. }

  419. ul.admin-list li a {

  420.   margin-left: -30px; /* LTR */

  421.   padding: 0 0 4px 30px; /* LTR */

  422.   min-height: 0;

  423. }

  424. ul.admin-list.compact li a {

  425.   margin-left: 0; /* LTR */

  426.   padding: 0;

  427. }

  428. ul.admin-list li div.description a {

  429.   margin-left: 0; /* LTR */

  430.   padding: 0;

  431.   min-height: inherit;

  432. }

  433. div.submitted {

  434.   color: #898989;

  435. }

  436. 

  437. /**

  438.  * Tables.

  439.  */

  440. table {

  441.   width: 100%;

  442.   font-size: 0.923em;

  443.   margin: 0 0 10px;

  444.   border: 1px solid #bebfb9;

  445. }

  446. table td,

  447. table th {

  448.   vertical-align: middle;

  449.   padding: 8px 10px;

  450.   border: 0;

  451.   color: #000;

  452. }

  453. tr.even,

  454. tr.odd {

  455.   border-width: 0 1px 0 1px;

  456.   border-style: solid;

  457.   border-color: #bebfb9;

  458.   background: #f3f4ee;

  459. }

  460. tr.odd {

  461.   background: #fff;

  462. }

  463. tr.drag {

  464.   background: #fe7;

  465. }

  466. tr.drag-previous {

  467.   background: #ffb;

  468. }

  469. table th {

  470.   text-transform: uppercase;

  471.   background: #e1e2dc;

  472.   font-weight: normal;

  473.   border-width: 1px;

  474.   border-style: solid;

  475.   border-color: #bebfb9;

  476.   padding: 3px 10px;

  477. }

  478. /**

  479.  * Force browsers to calculate the width of a 'select all' TH element.

  480.  */

  481. table th.select-all {

  482.   width: 1px;

  483. }

  484. table th.active {

  485.   background: #bdbeb9;

  486. }

  487. table th a {

  488.   display: block;

  489.   position: relative;

  490. }

  491. table th.active a {

  492.   padding: 0 25px 0 0; /* LTR */

  493. }

  494. table th.active img {

  495.   position: absolute;

  496.   top: 3px;

  497.   right: 3px; /* LTR */

  498. }

  499. table td.active {

  500.   background: #e9e9dd;

  501. }

  502. table tr.odd td.active {

  503.   background: #f3f4ee;

  504. }

  505. table tr.selected td.active,

  506. table tr.selected td {

  507.   background: #ffc;

  508.   border-color: #eeb;

  509. }

  510. table.system-status-report tr {

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

  512. }

  513. table.system-status-report tr.ok {

  514.   color: #255b1e;

  515.   background-color: #e5ffe2;

  516. }

  517. table.system-status-report tr.info {

  518.   color: #040f37;

  519.   background-color: #bdf;

  520. }

  521. table.system-status-report tr.warning {

  522.   color: #840;

  523.   background-color: #fffce5;

  524. }

  525. table.system-status-report tr.error {

  526.   color: #8c2e0b;

  527.   background-color: #fef5f1;

  528. }

  529. /**

  530.  * Exception for webkit bug with the right border of the last cell

  531.  * in some tables, since it's webkit only, we can use :last-child

  532.  */

  533. tr td:last-child {

  534.   border-right: 1px solid #bebfb9; /* LTR */

  535. }

  536. 

  537. 

  538. /**

  539.  * Fieldsets.

  540.  *

  541.  * Fieldset legends are displayed like containers in Seven. However, several

  542.  * browsers do not support styling of LEGEND elements. To achieve the desired

  543.  * styling:

  544.  * - All fieldsets use 'position: relative'.

  545.  * - All legend labels are wrapped in a single span.fieldset-legend that uses

  546.  *   'position: absolute', which means that the LEGEND element itself is not

  547.  *   rendered by browsers.

  548.  * - Due to using 'position: absolute', collapsed fieldsets do not have a

  549.  *   height; the fieldset requires a 'padding-top' to make the absolute

  550.  *   positioned .fieldset-legend appear as though it would have a height.

  551.  * - Various browsers are positioning the legend differently if there is a

  552.  *   'padding-left'/'padding-right' applied on a fieldset and inherit the

  553.  *   positioning even to absolute positioned elements within; we therefore have

  554.  *   to apply all padding to the inner .fieldset-wrapper instead.

  555.  */

  556. fieldset {

  557.   border: 1px solid #ccc;

  558.   padding: 2.5em 0 0 0; /* LTR */

  559.   position: relative;

  560.   margin: 1em 0;

  561. }

  562. fieldset .fieldset-legend {

  563.   margin-top: 0.5em;

  564.   padding-left: 15px; /* LTR */

  565.   position: absolute;

  566.   text-transform: uppercase;

  567. }

  568. fieldset .fieldset-wrapper {

  569.   padding: 0 13px 13px 15px; /* LTR */

  570. }

  571. fieldset.collapsed {

  572.   background-color: transparent;

  573. }

  574. html.js fieldset.collapsed {

  575.   border-width: 1px;

  576.   height: auto;

  577. }

  578. fieldset fieldset {

  579.   background-color: #fff;

  580. }

  581. fieldset fieldset fieldset {

  582.   background-color: #f8f8f8;

  583. }

  584. 

  585. /**

  586.  * Form elements.

  587.  */

  588. .form-item {

  589.   padding: 9px 0;

  590.   margin: 0 0 10px;

  591. }

  592. .filter-wrapper .form-item,

  593. div.teaser-checkbox .form-item,

  594. .form-item .form-item {

  595.   padding: 5px 0;

  596.   margin: 0;

  597.   border: 0;

  598. }

  599. .form-type-checkbox {

  600.   padding: 0;

  601. }

  602. .text-format-wrapper .form-item {

  603.   padding-bottom: 0;

  604. }

  605. .form-item label {

  606.   margin: 0;

  607.   padding: 0;

  608. }

  609. .form-item label.option {

  610.   font-size: 0.923em;

  611.   text-transform: none;

  612. }

  613. .form-item label.option input {

  614.   vertical-align: middle;

  615. }

  616. .form-disabled input.form-autocomplete,

  617. .form-disabled input.form-text,

  618. .form-disabled input.form-file,

  619. .form-disabled textarea.form-textarea,

  620. .form-disabled select.form-select {

  621.   background-color: #eee;

  622.   color: #777;

  623. }

  624. 

  625. /* Filter */

  626. .filter-wrapper {

  627.   border-top: 0;

  628.   padding: 10px 2px;

  629. }

  630. .filter-wrapper .fieldset-wrapper {

  631.   padding: 0 6px;

  632. }

  633. .filter-wrapper .form-item,

  634. .filter-wrapper .filter-guidelines,

  635. .filter-wrapper .filter-help {

  636.   font-size: 0.923em;

  637.   padding: 2px 0 0 0; /* LTR */

  638. }

  639. ul.tips,

  640. div.description,

  641. .form-item div.description {

  642.   margin: 5px 0;

  643.   line-height: 1.231em;

  644.   font-size: 0.923em;

  645.   color: #666;

  646. }

  647. ul.tips li {

  648.   margin: 0.25em 0 0.25em 1.5em; /* LTR */

  649. }

  650. body div.form-type-radio div.description,

  651. body div.form-type-checkbox div.description {

  652.   margin-left: 1.5em; /* LTR */

  653. }

  654. input.form-submit,

  655. a.button {

  656.   cursor: pointer;

  657.   padding: 4px 17px;

  658.   margin-bottom: 1em;

  659.   margin-right: 1em; /* LTR */

  660.   color: #5a5a5a;

  661.   text-align: center;

  662.   font-weight: normal;

  663.   font-size: 1.077em;

  664.   font-family: "Lucida Grande", Verdana, sans-serif;

  665.   border: 1px solid #e4e4e4;

  666.   border-bottom: 1px solid #b4b4b4;

  667.   border-left-color: #d2d2d2;

  668.   border-right-color: #d2d2d2;

  669.   background: url(images/buttons.png) 0 0 repeat-x;

  670.   -moz-border-radius: 20px;

  671.   -webkit-border-radius: 20px;

  672.   border-radius: 20px;

  673. }

  674. a.button:link,

  675. a.button:visited,

  676. a.button:hover,

  677. a.button:active {

  678.   text-decoration: none;

  679.   color: #5a5a5a;

  680. }

  681. input.form-submit:active {

  682.   background: #666;

  683.   color: #fff;

  684.   border-color: #555;

  685.   text-shadow: #222 0 -1px 0;

  686. }

  687. input.form-button-disabled,

  688. input.form-button-disabled:active {

  689.   background: #eee none;

  690.   border-color: #eee;

  691.   text-shadow: none;

  692.   color: #999;

  693. }

  694. input.form-autocomplete,

  695. input.form-text,

  696. input.form-file,

  697. textarea.form-textarea,

  698. select.form-select {

  699.   padding: 2px;

  700.   border: 1px solid #ccc;

  701.   border-top-color: #999;

  702.   background: #fff;

  703.   color: #333;

  704. }

  705. input.form-text:focus,

  706. input.form-file:focus,

  707. textarea.form-textarea:focus,

  708. select.form-select:focus {

  709.   color: #000;

  710.   border-color: #ace;

  711. }

  712. 

  713. ul.action-links {

  714.   margin: 1em 0;

  715.   padding: 0 20px 0 20px; /* LTR */

  716.   list-style-type: none;

  717.   overflow: hidden;

  718. }

  719. ul.action-links li {

  720.   float: left; /* LTR */

  721.   margin: 0 1em 0 0; /* LTR */

  722. }

  723. ul.action-links a {

  724.   padding-left: 15px; /* LTR */

  725.   background: transparent url(images/add.png) no-repeat 0 center;

  726.   line-height: 30px;

  727. }

  728. 

  729. /* Exceptions */

  730. #diff-inline-form select,

  731. div.filter-options select {

  732.   padding: 0;

  733. }

  734. 

  735. /**

  736.  * System.

  737.  */

  738. div.admin .right,

  739. div.admin .left {

  740.   width: 49%;

  741.   margin: 0;

  742. }

  743. div.admin-panel,

  744. div.admin-panel .body {

  745.   padding: 0;

  746.   clear: left;

  747. }

  748. div.admin-panel {

  749.   margin: 0 0 20px;

  750.   padding: 9px;

  751.   background: #f8f8f8;

  752.   border: 1px solid #ccc;

  753. }

  754. div.admin-panel h3 {

  755.   font-size: 0.923em;

  756.   text-transform: uppercase;

  757.   margin: 0;

  758.   padding-bottom: 9px;

  759. }

  760. 

  761. /* admin/appearance */

  762. #system-themes-page h2 {

  763.   font-weight: normal;

  764.   text-transform: uppercase;

  765. }

  766. .theme-selector h3 {

  767.   font-weight: normal;

  768. }

  769. .theme-default h3 {

  770.   font-weight: bold;

  771. }

  772. .system-themes-list-enabled .theme-selector h3 {

  773.   margin-top: 0;

  774. }

  775. 

  776. /* Update options. */

  777. div.admin-options {

  778.   background: #f8f8f8;

  779.   line-height: 30px;

  780.   height: 30px;

  781.   padding: 9px;

  782.   border: 1px solid #ccc;

  783.   margin: 0 0 10px;

  784. }

  785. div.admin-options label {

  786.   text-transform: uppercase;

  787.   font: 0.846em/1.875em Lucida Grande, Lucida Sans Unicode, sans-serif;

  788. }

  789. div.admin-options label,

  790. div.admin-options div.form-item {

  791.   margin-right: 10px; /* LTR */

  792.   float: left; /* LTR */

  793. }

  794. div.admin-options div.form-item {

  795.   padding: 0;

  796.   border: 0;

  797. }

  798. 

  799. /* Update status */

  800. .versions table.version {

  801.   border: none;

  802. }

  803. 

  804. /* Maintenance theming */

  805. body.in-maintenance #sidebar-first {

  806.   float: left; /* LTR */

  807.   width: 200px;

  808. }

  809. body.in-maintenance #content {

  810.   float: right; /* LTR */

  811.   width: 550px;

  812.   padding-right: 20px; /* LTR */

  813.   clear: none;

  814. }

  815. body.in-maintenance #page {

  816.   overflow: auto;

  817.   width: 770px;

  818.   margin: 0 auto;

  819.   padding-top: 2em;

  820. }

  821. body.in-maintenance #branding h1 {

  822.   width: 770px;

  823.   margin: 0 auto;

  824.   float: none;

  825. }

  826. body.in-maintenance .form-radios .form-type-radio {

  827.   padding: 2px 0;

  828. }

  829. body.in-maintenance div.form-item:after {

  830.   content: "";

  831.   display: none;

  832.   clear: none;

  833. }

  834. body.in-maintenance .form-submit {

  835.   display: block;

  836. }

  837. body.in-maintenance #logo {

  838.   margin-bottom: 1.5em;

  839.   max-width: 180px;

  840. }

  841. ol.task-list {

  842.   margin-left: 0; /* LTR */

  843.   list-style-type: none;

  844.   list-style-image: none;

  845. }

  846. ol.task-list li {

  847.   padding: 0.5em 1em 0.5em 20px; /* LTR */

  848.   color: #adadad;

  849. }

  850. ol.task-list li.active {

  851.   background: transparent url(images/task-item.png) no-repeat 3px 50%; /* LTR */

  852.   padding: 0.5em 1em 0.5em 20px; /* LTR */

  853.   color: #000;

  854. }

  855. ol.task-list li.done {

  856.   background: transparent url(images/task-check.png) no-repeat 0 50%;

  857.   color: green;

  858. }

  859. 

  860. /* Overlay theming */

  861. .overlay #branding {

  862.   background-color: #fff;

  863.   padding-top: 15px;

  864. }

  865. .overlay #branding h1.page-title,

  866. .overlay #left,

  867. .overlay #footer {

  868.   display: none;

  869. }

  870. .overlay #page {

  871.   margin: 0;

  872.   padding: 0 20px;

  873. }

  874. .overlay #branding div.breadcrumb {

  875.   float: left; /* LTR */

  876.   position: relative;

  877.   z-index: 10;

  878. }

  879. #overlay-tabs {

  880.   bottom: -1px;

  881.   font-size: 1.54em;

  882.   line-height: 1.54em;

  883.   margin: 0;

  884. }

  885. #overlay-tabs li {

  886.   margin: 0 -2px;

  887. }

  888. .overlay ul.secondary {

  889.   background: transparent none;

  890.   margin: -1.4em 0 0.3em 0; /* LTR */

  891.   overflow: visible;

  892. }

  893. .overlay #content {

  894.   padding: 0;

  895. }

  896. h1#overlay-title {

  897.   font-weight: normal;

  898. }

  899. 

  900. /* Shortcut theming */

  901. div.add-or-remove-shortcuts {

  902.   float: left; /* LTR */

  903.   padding-top: 6px;

  904.   padding-left: 6px; /* LTR */

  905. }

  906. 

  907. /* Dashboard */

  908. #dashboard .dashboard-region div.block h2 {

  909.   background: #E0E0D8;

  910. }

  911. #dashboard div.block h2 {

  912.   margin: 0;

  913.   font-size: 1em;

  914.   padding: 3px 10px;

  915. }

  916. #dashboard div.block div.content {

  917.   padding: 10px 5px 5px 5px; /* LTR */

  918. }

  919. #dashboard div.block div.content ul.menu {

  920.   margin-left: 20px; /* LTR */

  921. }

  922. #dashboard .dashboard-region .block {

  923.   border: #ccc 1px solid;

  924. }

  925. 

  926. /* Field UI */

  927. 

  928. #field-display-overview input.field-formatter-settings-edit {

  929.   margin: 0;

  930.   padding: 1px 8px;

  931. }

  932. #field-display-overview tr.field-formatter-settings-changed {

  933.   background: #FFFFBB;

  934. }

  935. #field-display-overview tr.drag {

  936.   background: #FFEE77;

  937. }

  938. #field-display-overview tr.field-formatter-settings-editing {

  939.   background: #D5E9F2;

  940. }

  941. #field-display-overview .field-formatter-settings-edit-form .form-item {

  942.   margin: 10px 0;

  943. }

  944. #field-display-overview .field-formatter-settings-edit-form .form-submit {

  945.   margin-bottom: 0;

  946. }

  947. 

  948. /* Recent content block */

  949. #dashboard div#block-node-recent div.content {

  950.   padding: 0;

  951. }

  952. #block-node-recent table,

  953. #block-node-recent tr {

  954.   border: none;

  955. }

  956. #block-node-recent .more-link {

  957.   padding: 0 5px 5px 0; /* LTR */

  958. }

  959. 

  960. /* User login block */

  961. #user-login-form .openid-links {

  962.   margin-left: 0; /* LTR */

  963. }

  964. #user-login-form .openid-links .user-link {

  965.   margin-left: 1.5em; /* LTR */

  966. }

  967. 

  968. /* Disable overlay message */

  969. #overlay-disable-message {

  970.   background-color: #addafc;

  971. }

  972. #overlay-disable-message a,

  973. #overlay-disable-message a:visited {

  974.   color: #000;

  975. }

  976. #overlay-disable-message a:focus,

  977. #overlay-disable-message a:active {

  978.   outline: none;

  979.   text-decoration: underline;

  980. }

  981. .overlay-disable-message-focused a {

  982.   padding: 0.4em 0.6em;

  983. }

  984. .overlay-disable-message-focused #overlay-dismiss-message {

  985.   background-color: #59a0d8;

  986.   color: #fff;

  987.   -moz-border-radius: 8px;

  988.   -webkit-border-radius: 8px;

  989.   border-radius: 8px;

  990. }

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