style.css

Same filename in this branch
  1. 9.x drupal/core/themes/seven/style.css
  2. 9.x drupal/core/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;
}
summary,
legend {
  font-weight: bold;
  text-transform: uppercase;
}
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,
.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;
  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 .breadcrumb {
  font-size: 0.846em;
  padding-bottom: 5px;
}

/**
 * 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;
  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;
  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 {
  background: #fff;
  color: #333;
  margin-left: 0.8125em;
  margin-right: 0.8125em;
  padding: 20px 0 40px 0;
  position: relative;
}
@media screen and (min-width:28.125em) { /* 450px */
  #page {
    margin-left: 1.25em;
    margin-right: 1.25em;
  }
}
@media screen and (min-width:45em) { /* 720px */
  #page {
    margin-left: 2.5em;
    margin-right: 2.5em;
  }
}
ul.links li,
ul.inline li {
  padding-right: 1em; /* LTR */
}
ul.inline li {
  display: inline;
}
.admin-list {
  margin: 0;
  padding: 0;
}
.admin-list li {
  position: relative;
  border-top: 1px solid #ccc;
  margin: 0;
  list-style-type: none;
  list-style-image: none;
  padding: 0;
}
.admin-list.compact li {
  border: none;
}
.admin-list li a {
  background: url(images/list-item.png) no-repeat 9px 11px; /* LTR */
  display: block;
  padding: 9px 9px 9px 39px; /* LTR */
  min-height: 0;
}
.admin-list.compact li a {
  background-image:  none;
  padding: 2px 19px;
}
.admin-list li a:hover,
.admin-list li a:focus,
.admin-list li a:active {
  text-decoration: none;
}
.admin-list li a:hover .label,
.admin-list li a:focus .label,
.admin-list li a:active .label {
  text-decoration: underline;
}
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;
}
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 */
}
/**
 * Force browsers to calculate the width of a 'select all' TH element.
 */
table th.select-all {
  width: 1px;
}
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.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 */
}


/**
 * Responsive tables.
 */
@media screen and (max-width:28.125em) { /* 450px */
  th.priority-low,
  td.priority-low,
  th.priority-medium,
  td.priority-medium {
    display: none;
  }
}
@media screen and (max-width:45em) { /* 720px */
  th.priority-low,
  td.priority-low {
    display: none;
  }
}

/**
 * Collapsible details.
 */
details {
  line-height: 1.295em;
}
details summary {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
details details {
  background-color: #fff;
}
details details details {
  background-color: #f8f8f8;
}

/**
 * Form elements.
 */
.form-item {
  margin: 1em 0;
}
.form-type-checkbox {
  padding: 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-tel,
.form-disabled input.form-email,
.form-disabled input.form-url,
.form-disabled input.form-search,
.form-disabled input.form-number,
.form-disabled input.form-color,
.form-disabled input.form-file,
.form-disabled textarea.form-textarea,
.form-disabled select.form-select {
  background-color: #eee;
  color: #777;
}

/* Filter */
.filter-wrapper {
  font-size: 0.923em;
}
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 */
}
a.button,
.form-button,
.image-button {
  margin-bottom: 1em;
  margin-right: 1em; /* LTR */
}
a.button,
.form-button {
  cursor: pointer;
  padding: 4px 17px;
  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-color: #e4e4e4;
  border-radius: 20px;
}
a.button:hover,
a.button:active,
.form-button:hover,
.form-button:active {
  text-decoration: none;
}
a.button:focus,
a.button:hover,
.form-button:focus,
.form-button:hover {
  background-color: #c0c0c0;
  border: 1px solid #bebebe;
  border-left-color: #afafaf;
  border-right-color: #afafaf;
  border-bottom-color: #9b9b9b;
  color: #2e2e2e;
}
a.button:active,
.form-button:active {
  background-color: #565656;
  border: 1px solid #333;
  border-left-color: #222;
  border-right-color: #222;
  border-bottom-color: #111;
  color: #fff;
  text-shadow: #222 0 -1px 0;
}
.form-button-primary {
  background-color: #9dcae7;
  border: 1px solid #8eB7cd;
  border-bottom-color: #7691a2;
  color: #133B54;
}
.form-button-primary:focus,
.form-button-primary:hover {
  background-color: #73b3dd;
  border: 1px solid #6ea3bf;
  border-bottom-color: #4680a0;
}
.form-button-primary:active {
  background-color: #3981b1;
  border: 1px solid #36647c;
  border-bottom-color: #284657;
}
.form-button-disabled,
.form-button-disabled:active {
  background-color: #eee;
  border-color: #eee;
  text-shadow: none;
  color: #999;
}
input.form-autocomplete,
input.form-text,
input.form-tel,
input.form-email,
input.form-url,
input.form-search,
input.form-number,
input.form-color,
input.form-file,
textarea.form-textarea,
select.form-select {
  padding: 2px;
  border: 1px solid #ccc;
  border-top-color: #999;
  background: #fff;
  color: #333;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
input.form-text:focus,
input.form-tel:focus,
input.form-email:focus,
input.form-url:focus,
input.form-search:focus,
input.form-number:focus,
input.form-color:focus,
input.form-file:focus,
textarea.form-textarea:focus,
select.form-select:focus {
  color: #000;
  border-color: rgba(0, 116, 189, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(220, 220, 220, 0.4);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(220, 220, 220, 0.4);
  outline-color: rgba(0, 116, 189, 0.5);
}
.js input.form-autocomplete {
  background-position: 100% 4px;
}
.js input.throbbing {
  background-position: 100% -16px;
}
a.button.add {
  background: #1078d8;
  background-image: -webkit-linear-gradient(top, #419ff1, #1076d5);
  background-image: -moz-linear-gradient(top, #419ff1, #1076d5);
  background-image: -o-linear-gradient(top, #419ff1, #1076d5);
  background-image: linear-gradient(to bottom, #419ff1, #1076d5);
  border: 1px solid #0048c8;
  border-radius: .4em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
  color: #fff;
  font-size: 1em;
  line-height: normal;
  margin: 0;
  padding: 4px 1em;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
}
a.button.add:focus,
a.button.add:hover {
  background-color: #419cf1;
  background-image: -webkit-linear-gradient(top, #59abf3, #2a90ef);
  background-image: -moz-linear-gradient(top, #59abf3, #2a90ef);
  background-image: -o-linear-gradient(top, #59abf3, #2a90ef);
  background-image: linear-gradient(to bottom, #59abf3, #2a90ef);
  color: #fff;
}
a.button.add:active {
  background-color: #0e69be;
  background-image: -webkit-linear-gradient(top, #0e69be, #2a93ef);
  background-image: -moz-linear-gradient(top, #0e69be, #2a93ef);
  background-image: -o-linear-gradient(top, #0e69be, #2a93ef);
  background-image: -ms-linear-gradient(top, #0e69be, #2a93ef);
  background-image: linear-gradient(to bottom, #0e69be, #2a93ef);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25);
}

/**
 * Improve form element usability on narrow devices.
 */
@media screen and (max-width: 600px) {
  #page {
    margin: 0 10px;
  }
  input.form-autocomplete,
  input.form-text,
  input.form-tel,
  input.form-email,
  input.form-url,
  input.form-search,
  input.form-number,
  input.form-color,
  input.form-file,
  textarea.form-textarea,
  .form-select {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
  }
  input.form-autocomplete,
  input.form-text,
  input.form-tel,
  input.form-email,
  input.form-url,
  input.form-search,
  input.form-number,
  input.form-color,
  input.form-file,
  textarea.form-textarea {
    font-size: 1.2em;
    line-height: 1.2em;
  }
  .form-actions input,
  .form-wrapper input[type="submit"] {
    float: none;
    margin-right: 0;
    margin-top: 10px;
    padding-bottom: 6px;
    padding-top: 6px;
    width: 100%;
  }
  .exposed-filters .filters,
  .exposed-filters .form-item label,
  .exposed-filters .form-select {
    float: none;
    margin-bottom: 2px;
    width: 100%;
  }
  details summary {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
  }
  #dblog-filter-form .form-actions {
    float: none;
    padding: 0;
  }
}

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

/**
 * System.
 */
@media screen and (min-width: 40em) {
  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 */
  max-width: 200px;
  width: 25%;
}
body.in-maintenance #content {
  float: right; /* LTR */
  max-width: 550px;
  clear: none;
  width: 72%;
}
body.in-maintenance #page {
  overflow: auto;
  max-width: 770px;
  margin: 0 auto;
  padding-top: 2em;
  width: 90%;
}
body.in-maintenance #branding h1 {
  max-width: 770px;
  margin: 0 auto;
  float: none;
  width: 90%;
}
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;
}
@media all and (max-width: 768px) {
  body.in-maintenance #sidebar-first,
  body.in-maintenance #content {
    float: left;
    max-width: none;
    width: auto;
  }
}
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;
}
@media all and (max-width: 768px) {
  ol.task-list li {
    float: left;
  }
}

/* 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 .breadcrumb {
  float: left; /* LTR */
  position: relative;
  z-index: 10;
}
#overlay-tabs {
  bottom: -1px;
  font-size: 1.54em;
  line-height: 1.54em;
  margin: 0;
}
.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 */
}

/* 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;
}

/* Modules page */
#system-modules fieldset {
  border: 0;
  border-top: 1px solid #ccc;
}
#system-modules .fieldset-wrapper {
  padding: 0;
}
#system-modules table {
  border: 0;
}
#system-modules tr.even,
#system-modules tr.odd {
  background: #f3f4ee;
  border: 0;
  border-bottom: 10px solid #fff;
}
#system-modules tr td:last-child {
  border: 0;
}
#system-modules table th {
  border: 0;
  border-bottom: 10px solid #fff;
}
#system-modules .sticky-header th {
  border: 0;
}
/* Recent content block */
#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 */
}

/* Dropbutton */
.js .dropbutton-widget {
  background-color: #fff;
  background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0), #e7e7e7);
  background-image: -o-linear-gradient(-90deg, rgba(255, 255, 255, 0), #e7e7e7);
  background-image: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0), #e7e7e7);
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), #e7e7e7);
  border-radius: 5px;
}
.js .dropbutton-widget:hover {
  background-color: #f0f0f0;
  border-color: #b8b8b8;
}
.js .dropbutton-multiple.open .dropbutton-widget:hover {
  background-color: #fff;
}
.dropbutton-content li:first-child > * {
  text-overflow: ellipsis;
}
.dropbutton-multiple.open .dropbutton-content li:first-child > * {
  text-overflow: clip;
}

/* 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;
  border-radius: 8px;
}

/**
 * Views styling
 */

/* @group Forms */

/**
 * Seven positions the summary absolutely, but does not have a way to ignore
 * details without a summary so we make one up.
 *
 * @todo Neither a fieldset without legend nor a details without summary is
 *   valid HTML markup in any way. Refactor Views UI to not produce such invalid
 *   markup.
 */
details.fieldset-no-legend {
  padding-top: 0;
}

/**
 * Being extra safe here and scoping this to the add view wizard form (where
 * a layout problem occurs for the Display format details if we don't fix its
 * padding), but it's probably safe to just let it apply everywhere.
 */
#views-ui-add-form details details .details-wrapper {
  padding-left: 0;
  padding-right: 0;
}

.views-display-tab details.box-padding .details-wrapper {
  padding: 0;
}

.views-admin .form-item label.option,
#views-ui-preview-form .form-item label.option {
  font-size: 1em;
}

#views-ui-preview-form .form-submit {
  margin-top: 3px;
}

.views-admin input.form-submit,
.views-ui-dialog input.form-submit,
.views-admin a.button,
.views-ui-dialog a.button {
  margin-bottom: 0;
  margin-right: 0; /* LTR */
  margin-top: 0;
}

/* Override for a button on the edit display screen */
#edit-displays-preview-controls .form-submit {
  display: inline-block;
  margin-right: 1em;
}

.form-radios > .form-item {
  margin-top: 3px;
}

/* @group Dependent options
 */

/* This is necessary to supercede the Seven .form-item
 * reset declaration that sets the margin to zero.
 */
.form-item-options-expose-required,
.form-item-options-expose-label,
.form-item-options-expose-description {
  margin-left: 1.5em;
}

.views-admin-dependent .form-item .form-item,
.views-admin-dependent .form-type-checkboxes,
.views-admin-dependent .form-type-radios,
.views-admin-dependent .form-item .form-item,
.form-item-options-expose-required,
.form-item-options-expose-label,
.form-item-options-expose-description {
  margin-bottom: 6px;
  margin-top: 6px;
}

.views-admin-dependent .form-type-radio,
.views-admin-dependent .form-radios .form-item {
  margin-bottom: 2px;
  margin-top: 2px;
}

/* @end */

/* @group Lists */

.views-admin ul.secondary,
.views-admin .item-list ul {
  margin: 0;
  padding: 0;
}

.views-displays ul.secondary li a,
.views-displays ul.secondary li.active a,
.views-displays ul.secondary li.active a.active {
  padding: 2px 7px 3px;
}

.views-displays ul.secondary li a {
  color: #0074bd;
}

.views-displays ul.secondary li.active a,
.views-displays ul.secondary li.active a.active {
  border: 1px solid transparent;
}

.views-admin .links li {
  padding-right: 0; /* LTR */
}

.views-admin .button .links li {
  padding-right: 12px; /* LTR */
}

.views-display-top ul.secondary {
  background-color: transparent;
  float: left
}

.views-display-top .secondary .action-list li {
  float: none;
  margin: 0;
}

/* @end */

/* @group Tables */

.views-ui-rearrange-filter-form table td,
.views-ui-rearrange-filter-form table th {
  vertical-align: top;
}

/* @end */

/* @group Attachment details */

#edit-display-settings-title {
  color: #008BCB;
}

/* @end */

/* @group Attachment details tabs
 *
 * The tabs that switch between sections
 */

.views-displays .secondary {
 text-align: left; /* LTR */
}

.views-admin .icon.add {
  background-position: center 3px;
}

.views-displays .secondary a:hover > .icon.add {
  background-position: center -25px;
}

.views-displays .secondary .open > a {
  -moz-border-radius: 7px 7px 0 0;
  -webkit-border-radius: 7px 7px 0 0;
  border-radius: 7px 7px 0 0;
}

.views-displays .secondary .open > a:hover {
  background-color: #f1f1f1;
  color: #008BCB;
}

.views-displays .secondary .action-list  li:first-child {
  -moz-border-radius: 0 7px 0 0;
  -webkit-border-radius: 0 7px 0 0;
  border-radius: 0 7px 0 0;
}

.views-displays .secondary .action-list  li:last-child {
  -moz-border-radius: 0 0 7px 7px;
  -webkit-border-radius: 0 0 7px 7px;
  border-radius: 0 0 7px 7px;
}

.views-displays .secondary .action-list input.form-submit {
  color: #008bcb;
}

/* @end */

/* @group Attachment buckets
 *
 * These are the individual "buckets," or boxes, inside the display settings area
 */

.views-ui-display-tab-bucket h3 {
  font-size: 12px;
  text-transform: uppercase;
}

.views-ui-display-tab-bucket .links {
  padding: 2px 6px 4px;
}

.views-ui-display-tab-bucket .links li + li {
  margin-left: 3px;
}

/* @end */

/* @group Rearrange filter criteria */

#views-ui-rearrange-filter-form .action-links {
  margin: 0;
  padding: 0;
}

#views-ui-rearrange-filter-form table {
  border: medium none;
}

#views-ui-rearrange-filter-form [id^="views-row"] {
  border: medium none;
}

#views-ui-rearrange-filter-form tr td:last-child {
  border-right: medium none;
}

#views-ui-rearrange-filter-form .filter-group-operator-row {
  border-left: 1px solid transparent !important;
  border-right: 1px solid transparent !important;
}

#views-ui-rearrange-filter-form tr.drag td {
  background-color: #FFEE77 !important;
}

#views-ui-rearrange-filter-form tr.drag-previous td {
  background-color: #FFFFBB !important;
}

/* @end */

/* @group Live preview elements */

.views-query-info pre {
  margin-bottom: 0;
  margin-top: 0;
}

/* @group Query info table */

.views-query-info table {
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  -webkit-border-horizontal-spacing: 1px;
  -webkit-border-vertical-spacing: 1px;
}

.views-query-info table tr td:last-child {
  /* Fixes a Seven style that bleeds down into this table unnecessarily */
  border-right: 0 none;
}

/* @end */

/* @end */

/* @group Add view */

.form-item-page-create,
.form-item-block-create {
  margin-top: 13px;
}

/* @end */

/* @group Modal dialog box
 *
 * The contents of the popup dialog on the views edit form.
 */

.views-ui-dialog .ui-dialog-titlebar-close {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #cccccc;
  right: -27px;
  top: -1px;
}

.views-ui-dialog details.collapsible:not(.collapsed) {
  padding-top: 1.5em;
}

.filterable-option .form-item.form-type-checkbox {
  /* This selector is aggressive because Seven's reset for .form-items is aggressive. */
  padding-bottom: 4px;
  padding-left: 4px;
  padding-top: 4px;
}

/* @end */

/* @end */

File

drupal/core/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. summary,

  24. legend {

  25.   font-weight: bold;

  26.   text-transform: uppercase;

  27. }

  28. h1,

  29. h2,

  30. h3,

  31. h4,

  32. h5,

  33. h6 {

  34.   font-weight: bold;

  35.   margin: 10px 0;

  36. }

  37. h1 {

  38.   font-size: 1.538em;

  39. }

  40. h2 {

  41.   font-size: 1.385em;

  42. }

  43. h3 {

  44.   font-size: 1.231em;

  45. }

  46. h4 {

  47.   font-size: 1.154em;

  48. }

  49. h5,

  50. h6 {

  51.   font-size: 1.077em;

  52. }

  53. p {

  54.   margin: 1em 0;

  55. }

  56. dl {

  57.   margin: 0 0 20px;

  58. }

  59. dl dd,

  60. dl dl {

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

  62.   margin-bottom: 10px;

  63. }

  64. blockquote {

  65.   margin: 1em 40px;

  66. }

  67. address {

  68.   font-style: italic;

  69. }

  70. u,

  71. ins {

  72.   text-decoration: underline;

  73. }

  74. s,

  75. strike,

  76. del {

  77.   text-decoration: line-through;

  78. }

  79. big {

  80.   font-size: larger;

  81. }

  82. small {

  83.   font-size: smaller;

  84. }

  85. sub {

  86.   vertical-align: sub;

  87.   font-size: smaller;

  88.   line-height: normal;

  89. }

  90. sup {

  91.   vertical-align: super;

  92.   font-size: smaller;

  93.   line-height: normal;

  94. }

  95. nobr {

  96.   white-space: nowrap;

  97. }

  98. abbr,

  99. acronym {

  100.   border-bottom: dotted 1px;

  101. }

  102. 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.   border-radius: 0 0 10px 10px;

  169. }

  170. #skip-link a:hover,

  171. #skip-link a:focus,

  172. #skip-link a:active {

  173.   outline: 0;

  174. }

  175. 

  176. /**

  177.  * Branding.

  178.  */

  179. #branding {

  180.   overflow: hidden;

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

  182.   position: relative;

  183.   background-color: #e0e0d8;

  184. }

  185. #branding .breadcrumb {

  186.   font-size: 0.846em;

  187.   padding-bottom: 5px;

  188. }

  189. 

  190. /**

  191.  * Help.

  192.  */

  193. #help {

  194.   font-size: 0.923em;

  195.   margin-top: 1em;

  196. }

  197. #help p {

  198.   margin: 0 0 10px;

  199. }

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

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

  202. }

  203. 

  204. /**

  205.  * Page title.

  206.  */

  207. #page-title {

  208.   background: #333;

  209.   padding-top: 20px;

  210. }

  211. #branding h1.page-title {

  212.   color: #000;

  213.   margin: 0;

  214.   padding-bottom: 10px;

  215.   font-size: 1.385em;

  216.   font-weight: normal;

  217.   float: left; /* LTR */

  218. }

  219. 

  220. /**

  221.  * Console.

  222.  */

  223. #console {

  224.   margin: 9px 0 10px;

  225. }

  226. 

  227. /**

  228.  * Tabs.

  229.  */

  230. ul.primary {

  231.   float: right; /* LTR */

  232.   border-bottom: none;

  233.   text-transform: uppercase;

  234.   font-size: 0.923em;

  235.   height: 2.60em;

  236.   margin: 0;

  237.   padding-top: 0;

  238. }

  239. ul.primary li {

  240.   float: left; /* LTR */

  241.   list-style: none;

  242.   margin: 0 2px;

  243. }

  244. ul.primary li a:link,

  245. ul.primary li a.active,

  246. ul.primary li a:active,

  247. ul.primary li a:visited,

  248. ul.primary li a:hover,

  249. ul.primary li.active a {

  250.   display: block;

  251.   float: left; /* LTR */

  252.   height: 2.60em;

  253.   line-height: 2.60em;

  254.   padding: 0 18px 8px;

  255.   background-color: #a6a7a2;

  256.   color: #000;

  257.   font-weight: bold;

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

  259.   border-style: solid;

  260.   border-color: #a6a7a2;

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

  262. }

  263. ul.primary li.active a,

  264. ul.primary li.active a.active,

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

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

  267.   background-color: #fff;

  268.   border-color: #c9cac4;

  269. }

  270. ul.primary li a:hover {

  271.   color: #fff;

  272. }

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

  274.   color: #000;

  275. }

  276. .tabs-secondary {

  277.   clear: both;

  278. }

  279. ul.secondary {

  280.   float: right; /* LTR */

  281.   font-size: 0.923em;

  282.   padding: 0 3px 5px;

  283.   line-height: 1.385em;

  284.   overflow: hidden;

  285.   background-color: #fff;

  286. }

  287. ul.secondary li {

  288.   margin: 0 5px;

  289.   float: none; /* LTR */

  290. }

  291. ul.secondary li a {

  292.   background-color: #ddd;

  293.   color: #000;

  294.   display: inline-block;

  295. }

  296. ul.secondary li a,

  297. ul.secondary li a:hover,

  298. ul.secondary li.active a,

  299. ul.secondary li.active a.active {

  300.   padding: 2px 10px;

  301.   border-radius: 7px;

  302. }

  303. ul.secondary li a:hover,

  304. ul.secondary li.active a,

  305. ul.secondary li.active a.active {

  306.   color: #fff;

  307.   background: #666;

  308. }

  309. #content {

  310.   clear: left;

  311. }

  312. 

  313. /**

  314.  * Page layout.

  315.  */

  316. #page {

  317.   background: #fff;

  318.   color: #333;

  319.   margin-left: 0.8125em;

  320.   margin-right: 0.8125em;

  321.   padding: 20px 0 40px 0;

  322.   position: relative;

  323. }

  324. @media screen and (min-width:28.125em) { /* 450px */

  325.   #page {

  326.     margin-left: 1.25em;

  327.     margin-right: 1.25em;

  328.   }

  329. }

  330. @media screen and (min-width:45em) { /* 720px */

  331.   #page {

  332.     margin-left: 2.5em;

  333.     margin-right: 2.5em;

  334.   }

  335. }

  336. ul.links li,

  337. ul.inline li {

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

  339. }

  340. ul.inline li {

  341.   display: inline;

  342. }

  343. .admin-list {

  344.   margin: 0;

  345.   padding: 0;

  346. }

  347. .admin-list li {

  348.   position: relative;

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

  350.   margin: 0;

  351.   list-style-type: none;

  352.   list-style-image: none;

  353.   padding: 0;

  354. }

  355. .admin-list.compact li {

  356.   border: none;

  357. }

  358. .admin-list li a {

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

  360.   display: block;

  361.   padding: 9px 9px 9px 39px; /* LTR */

  362.   min-height: 0;

  363. }

  364. .admin-list.compact li a {

  365.   background-image:  none;

  366.   padding: 2px 19px;

  367. }

  368. .admin-list li a:hover,

  369. .admin-list li a:focus,

  370. .admin-list li a:active {

  371.   text-decoration: none;

  372. }

  373. .admin-list li a:hover .label,

  374. .admin-list li a:focus .label,

  375. .admin-list li a:active .label {

  376.   text-decoration: underline;

  377. }

  378. div.submitted {

  379.   color: #898989;

  380. }

  381. 

  382. /**

  383.  * Tables.

  384.  */

  385. table {

  386.   width: 100%;

  387.   font-size: 0.923em;

  388.   margin: 0 0 10px;

  389.   border: 1px solid #bebfb9;

  390. }

  391. table td,

  392. table th {

  393.   vertical-align: middle;

  394.   padding: 8px 10px;

  395.   border: 0;

  396.   color: #000;

  397. }

  398. tr.even,

  399. tr.odd {

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

  401.   border-style: solid;

  402.   border-color: #bebfb9;

  403.   background: #f3f4ee;

  404. }

  405. tr.odd {

  406.   background: #fff;

  407. }

  408. tr.drag {

  409.   background: #fe7;

  410. }

  411. tr.drag-previous {

  412.   background: #ffb;

  413. }

  414. table th {

  415.   text-transform: uppercase;

  416.   background: #e1e2dc;

  417.   font-weight: normal;

  418.   border-width: 1px;

  419.   border-style: solid;

  420.   border-color: #bebfb9;

  421.   padding: 3px 10px;

  422. }

  423. table th.active {

  424.   background: #bdbeb9;

  425. }

  426. table th a {

  427.   display: block;

  428.   position: relative;

  429. }

  430. table th.active a {

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

  432. }

  433. table th.active img {

  434.   position: absolute;

  435.   top: 3px;

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

  437. }

  438. /**

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

  440.  */

  441. table th.select-all {

  442.   width: 1px;

  443. }

  444. table td.active {

  445.   background: #e9e9dd;

  446. }

  447. table tr.odd td.active {

  448.   background: #f3f4ee;

  449. }

  450. table tr.selected td.active,

  451. table tr.selected td {

  452.   background: #ffc;

  453.   border-color: #eeb;

  454. }

  455. 

  456. table.system-status-report tr {

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

  458. }

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

  460.   color: #255b1e;

  461.   background-color: #e5ffe2;

  462. }

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

  464.   color: #840;

  465.   background-color: #fffce5;

  466. }

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

  468.   color: #8c2e0b;

  469.   background-color: #fef5f1;

  470. }

  471. 

  472. /**

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

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

  475.  */

  476. tr td:last-child {

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

  478. }

  479. 

  480. 

  481. /**

  482.  * Responsive tables.

  483.  */

  484. @media screen and (max-width:28.125em) { /* 450px */

  485.   th.priority-low,

  486.   td.priority-low,

  487.   th.priority-medium,

  488.   td.priority-medium {

  489.     display: none;

  490.   }

  491. }

  492. @media screen and (max-width:45em) { /* 720px */

  493.   th.priority-low,

  494.   td.priority-low {

  495.     display: none;

  496.   }

  497. }

  498. 

  499. /**

  500.  * Collapsible details.

  501.  */

  502. details {

  503.   line-height: 1.295em;

  504. }

  505. details summary {

  506.   padding-top: 0.5em;

  507.   padding-bottom: 0.5em;

  508. }

  509. details details {

  510.   background-color: #fff;

  511. }

  512. details details details {

  513.   background-color: #f8f8f8;

  514. }

  515. 

  516. /**

  517.  * Form elements.

  518.  */

  519. .form-item {

  520.   margin: 1em 0;

  521. }

  522. .form-type-checkbox {

  523.   padding: 0;

  524. }

  525. .form-item label {

  526.   margin: 0;

  527.   padding: 0;

  528. }

  529. .form-item label.option {

  530.   font-size: 0.923em;

  531.   text-transform: none;

  532. }

  533. .form-item label.option input {

  534.   vertical-align: middle;

  535. }

  536. .form-disabled input.form-autocomplete,

  537. .form-disabled input.form-text,

  538. .form-disabled input.form-tel,

  539. .form-disabled input.form-email,

  540. .form-disabled input.form-url,

  541. .form-disabled input.form-search,

  542. .form-disabled input.form-number,

  543. .form-disabled input.form-color,

  544. .form-disabled input.form-file,

  545. .form-disabled textarea.form-textarea,

  546. .form-disabled select.form-select {

  547.   background-color: #eee;

  548.   color: #777;

  549. }

  550. 

  551. /* Filter */

  552. .filter-wrapper {

  553.   font-size: 0.923em;

  554. }

  555. ul.tips,

  556. div.description,

  557. .form-item div.description {

  558.   margin: 5px 0;

  559.   line-height: 1.231em;

  560.   font-size: 0.923em;

  561.   color: #666;

  562. }

  563. ul.tips li {

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

  565. }

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

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

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

  569. }

  570. a.button,

  571. .form-button,

  572. .image-button {

  573.   margin-bottom: 1em;

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

  575. }

  576. a.button,

  577. .form-button {

  578.   cursor: pointer;

  579.   padding: 4px 17px;

  580.   color: #5a5a5a;

  581.   text-align: center;

  582.   font-weight: normal;

  583.   font-size: 1.077em;

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

  585.   border: 1px solid #e4e4e4;

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

  587.   border-left-color: #d2d2d2;

  588.   border-right-color: #d2d2d2;

  589.   background-color: #e4e4e4;

  590.   border-radius: 20px;

  591. }

  592. a.button:hover,

  593. a.button:active,

  594. .form-button:hover,

  595. .form-button:active {

  596.   text-decoration: none;

  597. }

  598. a.button:focus,

  599. a.button:hover,

  600. .form-button:focus,

  601. .form-button:hover {

  602.   background-color: #c0c0c0;

  603.   border: 1px solid #bebebe;

  604.   border-left-color: #afafaf;

  605.   border-right-color: #afafaf;

  606.   border-bottom-color: #9b9b9b;

  607.   color: #2e2e2e;

  608. }

  609. a.button:active,

  610. .form-button:active {

  611.   background-color: #565656;

  612.   border: 1px solid #333;

  613.   border-left-color: #222;

  614.   border-right-color: #222;

  615.   border-bottom-color: #111;

  616.   color: #fff;

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

  618. }

  619. .form-button-primary {

  620.   background-color: #9dcae7;

  621.   border: 1px solid #8eB7cd;

  622.   border-bottom-color: #7691a2;

  623.   color: #133B54;

  624. }

  625. .form-button-primary:focus,

  626. .form-button-primary:hover {

  627.   background-color: #73b3dd;

  628.   border: 1px solid #6ea3bf;

  629.   border-bottom-color: #4680a0;

  630. }

  631. .form-button-primary:active {

  632.   background-color: #3981b1;

  633.   border: 1px solid #36647c;

  634.   border-bottom-color: #284657;

  635. }

  636. .form-button-disabled,

  637. .form-button-disabled:active {

  638.   background-color: #eee;

  639.   border-color: #eee;

  640.   text-shadow: none;

  641.   color: #999;

  642. }

  643. input.form-autocomplete,

  644. input.form-text,

  645. input.form-tel,

  646. input.form-email,

  647. input.form-url,

  648. input.form-search,

  649. input.form-number,

  650. input.form-color,

  651. input.form-file,

  652. textarea.form-textarea,

  653. select.form-select {

  654.   padding: 2px;

  655.   border: 1px solid #ccc;

  656.   border-top-color: #999;

  657.   background: #fff;

  658.   color: #333;

  659.   -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;

  660.   -moz-transition: border linear 0.2s, box-shadow linear 0.2s;

  661.   transition: border linear 0.2s, box-shadow linear 0.2s;

  662. }

  663. input.form-text:focus,

  664. input.form-tel:focus,

  665. input.form-email:focus,

  666. input.form-url:focus,

  667. input.form-search:focus,

  668. input.form-number:focus,

  669. input.form-color:focus,

  670. input.form-file:focus,

  671. textarea.form-textarea:focus,

  672. select.form-select:focus {

  673.   color: #000;

  674.   border-color: rgba(0, 116, 189, 0.8);

  675.   -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(220, 220, 220, 0.4);

  676.   box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(220, 220, 220, 0.4);

  677.   outline-color: rgba(0, 116, 189, 0.5);

  678. }

  679. .js input.form-autocomplete {

  680.   background-position: 100% 4px;

  681. }

  682. .js input.throbbing {

  683.   background-position: 100% -16px;

  684. }

  685. a.button.add {

  686.   background: #1078d8;

  687.   background-image: -webkit-linear-gradient(top, #419ff1, #1076d5);

  688.   background-image: -moz-linear-gradient(top, #419ff1, #1076d5);

  689.   background-image: -o-linear-gradient(top, #419ff1, #1076d5);

  690.   background-image: linear-gradient(to bottom, #419ff1, #1076d5);

  691.   border: 1px solid #0048c8;

  692.   border-radius: .4em;

  693.   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);

  694.   box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);

  695.   color: #fff;

  696.   font-size: 1em;

  697.   line-height: normal;

  698.   margin: 0;

  699.   padding: 4px 1em;

  700.   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);

  701. }

  702. a.button.add:focus,

  703. a.button.add:hover {

  704.   background-color: #419cf1;

  705.   background-image: -webkit-linear-gradient(top, #59abf3, #2a90ef);

  706.   background-image: -moz-linear-gradient(top, #59abf3, #2a90ef);

  707.   background-image: -o-linear-gradient(top, #59abf3, #2a90ef);

  708.   background-image: linear-gradient(to bottom, #59abf3, #2a90ef);

  709.   color: #fff;

  710. }

  711. a.button.add:active {

  712.   background-color: #0e69be;

  713.   background-image: -webkit-linear-gradient(top, #0e69be, #2a93ef);

  714.   background-image: -moz-linear-gradient(top, #0e69be, #2a93ef);

  715.   background-image: -o-linear-gradient(top, #0e69be, #2a93ef);

  716.   background-image: -ms-linear-gradient(top, #0e69be, #2a93ef);

  717.   background-image: linear-gradient(to bottom, #0e69be, #2a93ef);

  718.   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25);

  719.   box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25);

  720. }

  721. 

  722. /**

  723.  * Improve form element usability on narrow devices.

  724.  */

  725. @media screen and (max-width: 600px) {

  726.   #page {

  727.     margin: 0 10px;

  728.   }

  729.   input.form-autocomplete,

  730.   input.form-text,

  731.   input.form-tel,

  732.   input.form-email,

  733.   input.form-url,

  734.   input.form-search,

  735.   input.form-number,

  736.   input.form-color,

  737.   input.form-file,

  738.   textarea.form-textarea,

  739.   .form-select {

  740.       -moz-box-sizing: border-box;

  741.       -webkit-box-sizing: border-box;

  742.       box-sizing: border-box;

  743.       width: 100%;

  744.   }

  745.   input.form-autocomplete,

  746.   input.form-text,

  747.   input.form-tel,

  748.   input.form-email,

  749.   input.form-url,

  750.   input.form-search,

  751.   input.form-number,

  752.   input.form-color,

  753.   input.form-file,

  754.   textarea.form-textarea {

  755.     font-size: 1.2em;

  756.     line-height: 1.2em;

  757.   }

  758.   .form-actions input,

  759.   .form-wrapper input[type="submit"] {

  760.     float: none;

  761.     margin-right: 0;

  762.     margin-top: 10px;

  763.     padding-bottom: 6px;

  764.     padding-top: 6px;

  765.     width: 100%;

  766.   }

  767.   .exposed-filters .filters,

  768.   .exposed-filters .form-item label,

  769.   .exposed-filters .form-select {

  770.     float: none;

  771.     margin-bottom: 2px;

  772.     width: 100%;

  773.   }

  774.   details summary {

  775.     overflow: hidden;

  776.     text-overflow: ellipsis;

  777.     white-space: nowrap;

  778.     width: 100%;

  779.   }

  780.   #dblog-filter-form .form-actions {

  781.     float: none;

  782.     padding: 0;

  783.   }

  784. }

  785. 

  786. /* Exceptions */

  787. #diff-inline-form select,

  788. div.filter-options select {

  789.   padding: 0;

  790. }

  791. 

  792. /**

  793.  * System.

  794.  */

  795. @media screen and (min-width: 40em) {

  796.   div.admin .right,

  797.   div.admin .left {

  798.     width: 49%;

  799.     margin: 0;

  800.   }

  801. }

  802. div.admin-panel,

  803. div.admin-panel .body {

  804.   padding: 0;

  805.   clear: left;

  806. }

  807. div.admin-panel {

  808.   margin: 0 0 20px;

  809.   padding: 9px;

  810.   background: #f8f8f8;

  811.   border: 1px solid #ccc;

  812. }

  813. div.admin-panel h3 {

  814.   font-size: 0.923em;

  815.   text-transform: uppercase;

  816.   margin: 0;

  817.   padding-bottom: 9px;

  818. }

  819. 

  820. /* admin/appearance */

  821. #system-themes-page h2 {

  822.   font-weight: normal;

  823.   text-transform: uppercase;

  824. }

  825. .theme-selector h3 {

  826.   font-weight: normal;

  827. }

  828. .theme-default h3 {

  829.   font-weight: bold;

  830. }

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

  832.   margin-top: 0;

  833. }

  834. 

  835. /* Update options. */

  836. div.admin-options {

  837.   background: #f8f8f8;

  838.   line-height: 30px;

  839.   height: 30px;

  840.   padding: 9px;

  841.   border: 1px solid #ccc;

  842.   margin: 0 0 10px;

  843. }

  844. div.admin-options label {

  845.   text-transform: uppercase;

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

  847. }

  848. div.admin-options label,

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

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

  851.   float: left; /* LTR */

  852. }

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

  854.   padding: 0;

  855.   border: 0;

  856. }

  857. 

  858. /* Update status */

  859. .versions table.version {

  860.   border: none;

  861. }

  862. 

  863. /* Maintenance theming */

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

  865.   float: left; /* LTR */

  866.   max-width: 200px;

  867.   width: 25%;

  868. }

  869. body.in-maintenance #content {

  870.   float: right; /* LTR */

  871.   max-width: 550px;

  872.   clear: none;

  873.   width: 72%;

  874. }

  875. body.in-maintenance #page {

  876.   overflow: auto;

  877.   max-width: 770px;

  878.   margin: 0 auto;

  879.   padding-top: 2em;

  880.   width: 90%;

  881. }

  882. body.in-maintenance #branding h1 {

  883.   max-width: 770px;

  884.   margin: 0 auto;

  885.   float: none;

  886.   width: 90%;

  887. }

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

  889.   padding: 2px 0;

  890. }

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

  892.   content: "";

  893.   display: none;

  894.   clear: none;

  895. }

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

  897.   display: block;

  898. }

  899. body.in-maintenance #logo {

  900.   margin-bottom: 1.5em;

  901.   max-width: 180px;

  902. }

  903. @media all and (max-width: 768px) {

  904.   body.in-maintenance #sidebar-first,

  905.   body.in-maintenance #content {

  906.     float: left;

  907.     max-width: none;

  908.     width: auto;

  909.   }

  910. }

  911. ol.task-list {

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

  913.   list-style-type: none;

  914.   list-style-image: none;

  915. }

  916. ol.task-list li {

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

  918.   color: #adadad;

  919. }

  920. ol.task-list li.active {

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

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

  923.   color: #000;

  924. }

  925. ol.task-list li.done {

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

  927.   color: green;

  928. }

  929. @media all and (max-width: 768px) {

  930.   ol.task-list li {

  931.     float: left;

  932.   }

  933. }

  934. 

  935. /* Overlay theming */

  936. .overlay #branding {

  937.   background-color: #fff;

  938.   padding-top: 15px;

  939. }

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

  941. .overlay #left,

  942. .overlay #footer {

  943.   display: none;

  944. }

  945. .overlay #page {

  946.   margin: 0;

  947.   padding: 0 20px;

  948. }

  949. .overlay #branding .breadcrumb {

  950.   float: left; /* LTR */

  951.   position: relative;

  952.   z-index: 10;

  953. }

  954. #overlay-tabs {

  955.   bottom: -1px;

  956.   font-size: 1.54em;

  957.   line-height: 1.54em;

  958.   margin: 0;

  959. }

  960. .overlay ul.secondary {

  961.   background: transparent none;

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

  963.   overflow: visible;

  964. }

  965. .overlay #content {

  966.   padding: 0;

  967. }

  968. h1#overlay-title {

  969.   font-weight: normal;

  970. }

  971. 

  972. /* Shortcut theming */

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

  974.   float: left; /* LTR */

  975.   padding-top: 6px;

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

  977. }

  978. 

  979. /* Field UI */

  980. 

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

  982.   margin: 0;

  983.   padding: 1px 8px;

  984. }

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

  986.   background: #ffffbb;

  987. }

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

  989.   background: #ffee77;

  990. }

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

  992.   background: #d5e9f2;

  993. }

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

  995.   margin: 10px 0;

  996. }

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

  998.   margin-bottom: 0;

  999. }

  1000. 

  1001. /* Modules page */

  1002. #system-modules fieldset {

  1003.   border: 0;

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

  1005. }

  1006. #system-modules .fieldset-wrapper {

  1007.   padding: 0;

  1008. }

  1009. #system-modules table {

  1010.   border: 0;

  1011. }

  1012. #system-modules tr.even,

  1013. #system-modules tr.odd {

  1014.   background: #f3f4ee;

  1015.   border: 0;

  1016.   border-bottom: 10px solid #fff;

  1017. }

  1018. #system-modules tr td:last-child {

  1019.   border: 0;

  1020. }

  1021. #system-modules table th {

  1022.   border: 0;

  1023.   border-bottom: 10px solid #fff;

  1024. }

  1025. #system-modules .sticky-header th {

  1026.   border: 0;

  1027. }

  1028. /* Recent content block */

  1029. #block-node-recent table,

  1030. #block-node-recent tr {

  1031.   border: none;

  1032. }

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

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

  1035. }

  1036. 

  1037. /* User login block */

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

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

  1040. }

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

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

  1043. }

  1044. 

  1045. /* Dropbutton */

  1046. .js .dropbutton-widget {

  1047.   background-color: #fff;

  1048.   background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0), #e7e7e7);

  1049.   background-image: -o-linear-gradient(-90deg, rgba(255, 255, 255, 0), #e7e7e7);

  1050.   background-image: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0), #e7e7e7);

  1051.   background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), #e7e7e7);

  1052.   border-radius: 5px;

  1053. }

  1054. .js .dropbutton-widget:hover {

  1055.   background-color: #f0f0f0;

  1056.   border-color: #b8b8b8;

  1057. }

  1058. .js .dropbutton-multiple.open .dropbutton-widget:hover {

  1059.   background-color: #fff;

  1060. }

  1061. .dropbutton-content li:first-child > * {

  1062.   text-overflow: ellipsis;

  1063. }

  1064. .dropbutton-multiple.open .dropbutton-content li:first-child > * {

  1065.   text-overflow: clip;

  1066. }

  1067. 

  1068. /* Disable overlay message */

  1069. #overlay-disable-message {

  1070.   background-color: #addafc;

  1071. }

  1072. #overlay-disable-message a,

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

  1074.   color: #000;

  1075. }

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

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

  1078.   outline: none;

  1079.   text-decoration: underline;

  1080. }

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

  1082.   padding: 0.4em 0.6em;

  1083. }

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

  1085.   background-color: #59a0d8;

  1086.   color: #fff;

  1087.   border-radius: 8px;

  1088. }

  1089. 

  1090. /**

  1091.  * Views styling

  1092.  */

  1093. 

  1094. /* @group Forms */

  1095. 

  1096. /**

  1097.  * Seven positions the summary absolutely, but does not have a way to ignore

  1098.  * details without a summary so we make one up.

  1099.  *

  1100.  * @todo Neither a fieldset without legend nor a details without summary is

  1101.  *   valid HTML markup in any way. Refactor Views UI to not produce such invalid

  1102.  *   markup.

  1103.  */

  1104. details.fieldset-no-legend {

  1105.   padding-top: 0;

  1106. }

  1107. 

  1108. /**

  1109.  * Being extra safe here and scoping this to the add view wizard form (where

  1110.  * a layout problem occurs for the Display format details if we don't fix its

  1111.  * padding), but it's probably safe to just let it apply everywhere.

  1112.  */

  1113. #views-ui-add-form details details .details-wrapper {

  1114.   padding-left: 0;

  1115.   padding-right: 0;

  1116. }

  1117. 

  1118. .views-display-tab details.box-padding .details-wrapper {

  1119.   padding: 0;

  1120. }

  1121. 

  1122. .views-admin .form-item label.option,

  1123. #views-ui-preview-form .form-item label.option {

  1124.   font-size: 1em;

  1125. }

  1126. 

  1127. #views-ui-preview-form .form-submit {

  1128.   margin-top: 3px;

  1129. }

  1130. 

  1131. .views-admin input.form-submit,

  1132. .views-ui-dialog input.form-submit,

  1133. .views-admin a.button,

  1134. .views-ui-dialog a.button {

  1135.   margin-bottom: 0;

  1136.   margin-right: 0; /* LTR */

  1137.   margin-top: 0;

  1138. }

  1139. 

  1140. /* Override for a button on the edit display screen */

  1141. #edit-displays-preview-controls .form-submit {

  1142.   display: inline-block;

  1143.   margin-right: 1em;

  1144. }

  1145. 

  1146. .form-radios > .form-item {

  1147.   margin-top: 3px;

  1148. }

  1149. 

  1150. /* @group Dependent options

  1151.  */

  1152. 

  1153. /* This is necessary to supercede the Seven .form-item

  1154.  * reset declaration that sets the margin to zero.

  1155.  */

  1156. .form-item-options-expose-required,

  1157. .form-item-options-expose-label,

  1158. .form-item-options-expose-description {

  1159.   margin-left: 1.5em;

  1160. }

  1161. 

  1162. .views-admin-dependent .form-item .form-item,

  1163. .views-admin-dependent .form-type-checkboxes,

  1164. .views-admin-dependent .form-type-radios,

  1165. .views-admin-dependent .form-item .form-item,

  1166. .form-item-options-expose-required,

  1167. .form-item-options-expose-label,

  1168. .form-item-options-expose-description {

  1169.   margin-bottom: 6px;

  1170.   margin-top: 6px;

  1171. }

  1172. 

  1173. .views-admin-dependent .form-type-radio,

  1174. .views-admin-dependent .form-radios .form-item {

  1175.   margin-bottom: 2px;

  1176.   margin-top: 2px;

  1177. }

  1178. 

  1179. /* @end */

  1180. 

  1181. /* @group Lists */

  1182. 

  1183. .views-admin ul.secondary,

  1184. .views-admin .item-list ul {

  1185.   margin: 0;

  1186.   padding: 0;

  1187. }

  1188. 

  1189. .views-displays ul.secondary li a,

  1190. .views-displays ul.secondary li.active a,

  1191. .views-displays ul.secondary li.active a.active {

  1192.   padding: 2px 7px 3px;

  1193. }

  1194. 

  1195. .views-displays ul.secondary li a {

  1196.   color: #0074bd;

  1197. }

  1198. 

  1199. .views-displays ul.secondary li.active a,

  1200. .views-displays ul.secondary li.active a.active {

  1201.   border: 1px solid transparent;

  1202. }

  1203. 

  1204. .views-admin .links li {

  1205.   padding-right: 0; /* LTR */

  1206. }

  1207. 

  1208. .views-admin .button .links li {

  1209.   padding-right: 12px; /* LTR */

  1210. }

  1211. 

  1212. .views-display-top ul.secondary {

  1213.   background-color: transparent;

  1214.   float: left

  1215. }

  1216. 

  1217. .views-display-top .secondary .action-list li {

  1218.   float: none;

  1219.   margin: 0;

  1220. }

  1221. 

  1222. /* @end */

  1223. 

  1224. /* @group Tables */

  1225. 

  1226. .views-ui-rearrange-filter-form table td,

  1227. .views-ui-rearrange-filter-form table th {

  1228.   vertical-align: top;

  1229. }

  1230. 

  1231. /* @end */

  1232. 

  1233. /* @group Attachment details */

  1234. 

  1235. #edit-display-settings-title {

  1236.   color: #008BCB;

  1237. }

  1238. 

  1239. /* @end */

  1240. 

  1241. /* @group Attachment details tabs

  1242.  *

  1243.  * The tabs that switch between sections

  1244.  */

  1245. 

  1246. .views-displays .secondary {

  1247.  text-align: left; /* LTR */

  1248. }

  1249. 

  1250. .views-admin .icon.add {

  1251.   background-position: center 3px;

  1252. }

  1253. 

  1254. .views-displays .secondary a:hover > .icon.add {

  1255.   background-position: center -25px;

  1256. }

  1257. 

  1258. .views-displays .secondary .open > a {

  1259.   -moz-border-radius: 7px 7px 0 0;

  1260.   -webkit-border-radius: 7px 7px 0 0;

  1261.   border-radius: 7px 7px 0 0;

  1262. }

  1263. 

  1264. .views-displays .secondary .open > a:hover {

  1265.   background-color: #f1f1f1;

  1266.   color: #008BCB;

  1267. }

  1268. 

  1269. .views-displays .secondary .action-list  li:first-child {

  1270.   -moz-border-radius: 0 7px 0 0;

  1271.   -webkit-border-radius: 0 7px 0 0;

  1272.   border-radius: 0 7px 0 0;

  1273. }

  1274. 

  1275. .views-displays .secondary .action-list  li:last-child {

  1276.   -moz-border-radius: 0 0 7px 7px;

  1277.   -webkit-border-radius: 0 0 7px 7px;

  1278.   border-radius: 0 0 7px 7px;

  1279. }

  1280. 

  1281. .views-displays .secondary .action-list input.form-submit {

  1282.   color: #008bcb;

  1283. }

  1284. 

  1285. /* @end */

  1286. 

  1287. /* @group Attachment buckets

  1288.  *

  1289.  * These are the individual "buckets," or boxes, inside the display settings area

  1290.  */

  1291. 

  1292. .views-ui-display-tab-bucket h3 {

  1293.   font-size: 12px;

  1294.   text-transform: uppercase;

  1295. }

  1296. 

  1297. .views-ui-display-tab-bucket .links {

  1298.   padding: 2px 6px 4px;

  1299. }

  1300. 

  1301. .views-ui-display-tab-bucket .links li + li {

  1302.   margin-left: 3px;

  1303. }

  1304. 

  1305. /* @end */

  1306. 

  1307. /* @group Rearrange filter criteria */

  1308. 

  1309. #views-ui-rearrange-filter-form .action-links {

  1310.   margin: 0;

  1311.   padding: 0;

  1312. }

  1313. 

  1314. #views-ui-rearrange-filter-form table {

  1315.   border: medium none;

  1316. }

  1317. 

  1318. #views-ui-rearrange-filter-form [id^="views-row"] {

  1319.   border: medium none;

  1320. }

  1321. 

  1322. #views-ui-rearrange-filter-form tr td:last-child {

  1323.   border-right: medium none;

  1324. }

  1325. 

  1326. #views-ui-rearrange-filter-form .filter-group-operator-row {

  1327.   border-left: 1px solid transparent !important;

  1328.   border-right: 1px solid transparent !important;

  1329. }

  1330. 

  1331. #views-ui-rearrange-filter-form tr.drag td {

  1332.   background-color: #FFEE77 !important;

  1333. }

  1334. 

  1335. #views-ui-rearrange-filter-form tr.drag-previous td {

  1336.   background-color: #FFFFBB !important;

  1337. }

  1338. 

  1339. /* @end */

  1340. 

  1341. /* @group Live preview elements */

  1342. 

  1343. .views-query-info pre {

  1344.   margin-bottom: 0;

  1345.   margin-top: 0;

  1346. }

  1347. 

  1348. /* @group Query info table */

  1349. 

  1350. .views-query-info table {

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

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

  1353.   border-radius: 7px;

  1354.   -webkit-border-horizontal-spacing: 1px;

  1355.   -webkit-border-vertical-spacing: 1px;

  1356. }

  1357. 

  1358. .views-query-info table tr td:last-child {

  1359.   /* Fixes a Seven style that bleeds down into this table unnecessarily */

  1360.   border-right: 0 none;

  1361. }

  1362. 

  1363. /* @end */

  1364. 

  1365. /* @end */

  1366. 

  1367. /* @group Add view */

  1368. 

  1369. .form-item-page-create,

  1370. .form-item-block-create {

  1371.   margin-top: 13px;

  1372. }

  1373. 

  1374. /* @end */

  1375. 

  1376. /* @group Modal dialog box

  1377.  *

  1378.  * The contents of the popup dialog on the views edit form.

  1379.  */

  1380. 

  1381. .views-ui-dialog .ui-dialog-titlebar-close {

  1382.   -moz-box-shadow: none;

  1383.   -webkit-box-shadow: none;

  1384.   box-shadow: none;

  1385.   border-color: #cccccc;

  1386.   right: -27px;

  1387.   top: -1px;

  1388. }

  1389. 

  1390. .views-ui-dialog details.collapsible:not(.collapsed) {

  1391.   padding-top: 1.5em;

  1392. }

  1393. 

  1394. .filterable-option .form-item.form-type-checkbox {

  1395.   /* This selector is aggressive because Seven's reset for .form-items is aggressive. */

  1396.   padding-bottom: 4px;

  1397.   padding-left: 4px;

  1398.   padding-top: 4px;

  1399. }

  1400. 

  1401. /* @end */

  1402. 

  1403. /* @end */