style.css

Same filename in this branch
  1. 7.x themes/seven/style.css
  2. 7.x themes/bartik/css/style.css
/**
 * Generic elements
 */
body {
  margin: 0;
  padding: 0;
  background: #edf5fa;
  font: 76%/170% Verdana, sans-serif;
  color: #494949;
}

input {
  font: 1em/100% Verdana, sans-serif;
  color: #494949;
}

textarea,
select {
  font: 1em/160% Verdana, sans-serif;
  color: #494949;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: Helvetica, Arial, sans-serif;
}

h1 {
  font-size: 170%;
}

h2,
#center h1 {
  font-size: 160%;
  line-height: 130%;
}

h3 {
  font-size: 140%;
}

h4 {
  font-size: 130%;
}

h5 {
  font-size: 120%;
}

h6 {
  font-size: 110%;
}

quote,
code,
fieldset {
  margin: .5em 0;
}

code,
pre,
kbd {
  font-size: 115%;
}

p {
  margin: 0.6em 0 1.2em;
  padding: 0;
}

a:link,
a:visited {
  color: #027AC6;
  text-decoration: none;
}

a:hover {
  color: #0062A0;
  text-decoration: underline;
}

a:active,
a.active {
  color: #5895be;
}

hr {
  margin: 0;
  padding: 0;
  border: none;
  height: 1px;
  background: #5294c1;
}

ul,
.block ul,
ol {
  margin: 0.5em 0 1em;
  padding: 0 0 0 1.5em; /* LTR */
}

/* Default to menu leaf bullet for unordered list items. "ul" used here so it can cascade to list items and "li.leaf" to override the system leaf image. */
ul,
ul li.leaf {
  list-style-image: url(images/menu-leaf.gif);
}

/* This is used to cancel the list style image when an ordered list is embedded in an unordered list. */
ol {
  list-style-image: none;
}

ul.menu,
.item-list ul {
  margin: 0.35em 0 0 -0.5em; /* LTR */
}

ol li,
ul li,
ul.menu li,
.item-list ul li,
li.leaf {
  margin: 0.15em 0 0.15em .5em; /* LTR */
  padding-bottom: .1em;
}

ul li.expanded {
  list-style-image: url(images/menu-expanded.gif);
}

ul li.collapsed {
  list-style-image: url(images/menu-collapsed.gif); /* LTR */
}

ul li.leaf a,
ul li.expanded a,
ul li.collapsed a {
  display: block;
}

ul.inline li {
  background: none;
  margin: 0;
  padding: 0 1em 0 0; /* LTR */
}

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 2em; /* LTR */
}
ol.task-list li.active {
  background: transparent url(images/task-list.png) no-repeat 3px 50%; /* LTR */
}
ol.task-list li.done {
  color: #393;
  background: transparent url(../../misc/watchdog-ok.png) no-repeat 0px 50%; /* LTR */
}
ol.task-list li.active {
  margin-right: 1em; /* LTR */
}

fieldset ul.clearfix li {
  margin: 0;
  padding: 0;
  background-image: none;
}

dl {
  margin: 0.5em 0 1em 1.5em; /* LTR */
}

dl dt {
}

dl dd {
  margin: 0 0 .5em 1.5em; /* LTR */
}

img,
a img {
  border: none;
}

table {
  margin: 1em 0;
  width: 100%;
}

thead th {
  border-bottom: 2px solid #d3e7f4;
  color: #494949;
  font-weight: bold;
}

th a:link,
th a:visited {
  color: #6f9dbd;
}

td,
th {
  padding: .3em .5em;
}

tr.even,
tr.odd,
tbody th {
  border: solid #d3e7f4;
  border-width: 1px 0;
}

tr.odd,
tr.info {
  background-color: #edf5fa;
}

tr.even {
  background-color: #fff;
}

tr.drag {
  background-color: #ffb;
}

tr.drag-previous {
  background-color: #ffd;
}

tr.odd td.active {
  background-color: #ddecf5;
}

tr.even td.active {
  background-color: #e6f1f7;
}

td.region-title,
td.module,
td.container,
td.category {
  border-top: 1.5em solid #fff;
  border-bottom: 1px solid #b4d7f0;
  background-color: #d4e7f3;
  color: #455067;
  font-weight: bold;
}

tr:first-child td.region-title,
tr:first-child td.module,
tr:first-child td.container,
tr:first-child td.category {
  border-top-width: 0;
}

span.form-required {
  color: #ffae00;
}

.submitted, .description,
.vertical-tab-button .summary {
  font-size: 0.92em;
  color: #898989;
}

.description .more-help-link {
  font-size: 0.92em;
}

.description {
  line-height: 150%;
  margin-bottom: 0.75em;
  color: #898989;
}

.preview {
  margin: .75em 0 .75em;
  padding: .5em 1em;
}

.form-checkboxes,
.form-radios,
.form-checkboxes .form-item,
.form-radios .form-item {
  margin: 0.25em 0;
}

#center form {
  margin-bottom: 2em;
}

.form-actions {
  margin: 2em 0 1em;
}
.form-button,
.form-submit {
  margin: 0 0.5em 0 0; /* LTR */
}

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

/**
 * Layout
 */
.region-header {
  min-height: 1em;
  background: #d2e6f3 url(images/bg-navigation.png) repeat-x 50% 100%;
}

.region-header .block {
  display: block;
  margin: 0 1em;
}

.region-header .block-region {
  display: block;
  margin: 0 0.5em 1em;
  padding: 0.5em;
  position: relative;
  top: 0.5em;
}

.region-header * {
  display: inline;
  line-height: 1.5em;
  margin-top: 0;
  margin-bottom: 0;
}

/* Prevent the previous directive from showing the content of script elements in Mozilla browsers. */
.region-header script {
  display: none;
}

.region-header p,
.region-header img {
  margin-top: 0.5em;
}

.region-header h2 {
  margin: 0 1em 0 0; /* LTR */
}

.region-header h3,
.region-header label,
.region-header li {
  margin: 0 1em;
  padding: 0;
  background: none;
}

#wrapper {
  background: #edf5fa url(images/body.png) repeat-x 50% 0;
}

/* Set container widths when we are using the "fixed width" option. */
#wrapper #container {
  width: 560px;
  margin: 0 auto;
  padding: 0 20px;
}

body.one-sidebar #wrapper #container {
  width: 770px;
}

body.two-sidebars #wrapper #container {
  width: 980px;
}

/* Unset container width when we are using the "fluid width" option. */
body.fluid-width #wrapper #container {
  width: auto;
  max-width: 1270px;
}

#wrapper #container #header {
  height: 80px;
}

#wrapper #container #header #logo-floater {
  position: absolute;
}

#branding,
#branding a:link,
#branding a:visited {
  line-height: 120px;
  position: relative;
  z-index: 2;
  white-space: nowrap;
}

#branding span {
  font-weight: bold;
}

#branding img {
  padding-top: 14px;
  padding-right: 20px; /* LTR */
  float: left; /* LTR */
}

/* With 3 columns, require a minimum width of 1000px to ensure there is enough horizontal space. */
body.two-sidebars {
  min-width: 980px;
}
/* With 2 columns, require a minimum width of 800px. */
body.sidebar-first,
body.sidebar-second {
  min-width: 780px;
}

/* We must define 100% width to avoid the body being too narrow for near-empty pages */
#wrapper #container #center {
  float: left; /* LTR */
  width: 100%;
}

/* So we move the #center container over the sidebars to compensate */
body.sidebar-first #center {
  margin-left: -210px; /* LTR */
}
body.sidebar-second #center {
  margin-right: -210px; /* LTR */
}
body.two-sidebars #center {
  margin: 0 -210px;
}

/* And add blanks left and right for the sidebars to fill */
body.sidebar-first #squeeze {
  margin-left: 210px; /* LTR */
}
body.sidebar-second #squeeze {
  margin-right: 210px; /* LTR */
}
body.two-sidebars #squeeze {
  margin: 0 210px;
}

/* We ensure the sidebars are still clickable using z-index */
#wrapper #container .sidebar {
  margin: 60px 0 5em;
  width: 210px;
  float: left; /* LTR */
  z-index: 2;
  position: relative;
}

#wrapper #container .sidebar .block {
  margin: 0 0 1.5em 0;
}

#sidebar-first .block {
  padding: 0 15px 0 0; /* LTR */
}

#sidebar-second .block {
  padding: 0 0 0 15px; /* LTR */
}

.block .content {
  margin: 0.5em 0;
}

#sidebar-first .block-region {
  margin: 0 15px 0 0px; /* LTR */
}

#sidebar-second .block-region {
  margin: 0 0px 0 15px; /* LTR */
}

.block-region {
  padding: 1em;
  background: transparent;
  border: 2px dashed #b4d7f0;
  text-align: center;
  font-size: 1.3em;
}

/* Now we add the backgrounds for the main content shading */
#wrapper #container #center #squeeze {
  background: #fff url(images/bg-content.png) repeat-x 50% 0;
  position: relative;
}

#wrapper #container #center .right-corner {
  background: transparent url(images/bg-content-right.png) no-repeat 100% 0;
  position: relative;
  left: 10px;
}

#wrapper #container #center .right-corner .left-corner {
  padding: 60px 25px 5em 35px;
  background: transparent url(images/bg-content-left.png) no-repeat 0 0;
  margin-left: -10px;
  position: relative;
  left: -10px;
  min-height: 400px;
}

#wrapper #container .region-footer {
  float: none;
  clear: both;
  text-align: center;
  margin: 4em 0 -3em;
  color: #898989;
}

#wrapper #container .breadcrumb {
  position: absolute;
  top: 15px;
  left: 35px; /* LTR */
  z-index: 3;
}

body.sidebar-first .region-footer {
  margin-left: -210px;
}

body.sidebar-second .region-footer {
  margin-right: -210px;
}

body.two-sidebars .region-footer {
  margin: 0 -210px;
}

/**
 * Header
 */
div#branding {
  font-family: Helvetica,Arial,sans-serif;
}

div#branding strong {
   font-weight: normal;
}

#branding,
#branding a:link,
#branding a:visited {
  color: #fff;
  text-shadow: #1659ac 0px 1px 3px;
  font-size: 1.5em;
}

#branding a:hover {
  text-decoration: none;
}

#wrapper #container .breadcrumb {
  font-size: 0.92em;
}

#wrapper #container .breadcrumb,
#wrapper #container .breadcrumb a {
  color: #529ad6;
}

#highlighted {
  padding: 1em;
  background-color: #fff;
  border: 1px solid #e0e5fb;
  margin-bottom: 2em;
}

/**
 * Overlay
 */
#overlay #overlay-tabs li a {
  background: #d9eaf5;
  color: #000;
}
#overlay #overlay-tabs li a:hover,
#overlay #overlay-tabs li a:focus {
  background: #fff;
}
#overlay #overlay-tabs li.active a {
  background: url("images/body.png") repeat-x scroll 50% -58px #edf5fa;
  color: #fff;
}
#overlay-content {
  padding: 1px;
}
#overlay-content #header {
  display: none;
}
#overlay-content #wrapper {
  background-position: 50% -80px;
}


/**
 * Primary navigation
 */
ul.main-menu {
  margin: 0;
  padding: 0;
  float: right; /* LTR */
  position: relative;
  z-index: 4;
}

ul.main-menu li {
  margin: 0;
  padding: 0;
  float: left; /* LTR */
  background-image: none;
}

ul.main-menu li a,
ul.main-menu li a:link,
ul.main-menu li a:visited {
  display: block;
  margin: 0 1em;
  padding: .75em 0 0;
  color: #fff;
  background: transparent url(images/bg-navigation-item.png) no-repeat 50% 0;
}

ul.main-menu li a:hover,
ul.main-menu li a.active {
  color: #fff;
  background: transparent url(images/bg-navigation-item-hover.png) no-repeat 50% 0;
}

/**
 * Secondary navigation
 */
ul.secondary-menu {
  margin: 0;
  padding: 18px 0 0;
  float: right; /* LTR */
  clear: right; /* LTR */
  position: relative;
  z-index: 4;
}

ul.secondary-menu li {
  margin: 0;
  padding: 0;
  float: left; /* LTR */
  background-image: none;
}

ul.secondary-menu li a,
ul.secondary-menu li a:link,
ul.secondary-menu li a:visited {
  display: block;
  margin: 0 1em;
  padding: .75em 0 0;
  color: #cde3f1;
  background: transparent;
}

ul.secondary-menu li a:hover,
ul.secondary-menu li a.active {
  color: #cde3f1;
  background: transparent;
}

/**
 * Local tasks
 */
ul.primary,
ul.primary li,
ul.secondary,
ul.secondary li {
  border: 0;
  background: none;
  margin: 0;
  padding: 0;
}

#tabs-wrapper {
  margin: 0 -26px 1em;
  padding: 0 26px;
  border-bottom: 1px solid #e9eff3;
  position: relative;
}
ul.primary {
  padding: 0.5em 0 10px;
  float: left; /* LTR */
}
ul.secondary {
  clear: both;
  text-align: left; /* LTR */
  border-bottom: 1px solid #e9eff3;
  margin: -0.2em -26px 1em;
  padding: 0 26px 0.6em;
}
h1.with-tabs {
  float: left; /* LTR */
  margin: 0 2em 0 0; /* LTR */
  padding: 0;
}

ul.primary li a,
ul.primary li.active a,
ul.primary li a:hover,
ul.primary li a:visited,
ul.secondary li a,
ul.secondary li.active a,
ul.secondary li a:hover,
ul.secondary li a:visited {
  border: 0;
  background: transparent;
  padding: 4px 1em;
  margin: 0 0 0 1px; /* LTR */
  height: auto;
  text-decoration: none;
  position: relative;
  top: -1px;
  display: inline-block;
}
ul.primary li.active a,
ul.primary li.active a:link,
ul.primary li.active a:visited,
ul.primary li a:hover,
ul.secondary li.active a,
ul.secondary li.active a:link,
ul.secondary li.active a:visited,
ul.secondary li a:hover {
  background: url(images/bg-tab.png) repeat-x 0 50%;
  color: #fff;
}
ul.primary li.active a,
ul.secondary li.active a {
  font-weight: bold;
}

/**
 * Nodes & comments
 */
.node {
  border-bottom: 1px solid #e9eff3;
  margin: 0 -16px 1.5em;
  padding: 1.5em 16px;
}

ul.links li,
ul.inline li {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0; /* LTR */
  padding-right: 1em; /* LTR */
  background-image: none;
}

.node .links,
.comment .links {
  text-align: left; /* LTR */
  padding-left: 0; /* LTR */
}

.user-picture,
.comment .submitted {
  float: right; /* LTR */
  clear: right; /* LTR */
  padding-left: 1em; /* LTR */
}

.new {
  color: #ffae00;
  font-size: 0.92em;
  font-weight: bold;
  float: right; /* LTR */
}

.preview .node,
.preview .comment,
.node-sticky {
  margin: 0;
  padding: 0.5em 0;
  border: 0;
  background: 0;
}

.node-sticky {
  padding: 1em;
  background-color: #fff;
  border: 1px solid #e0e5fb;
  margin-bottom: 2em;
}

#comments {
  position: relative;
  top: -1px;
  border-bottom: 1px solid #e9eff3;
  margin: 1.5em -25px 0;
  padding: 0 25px;
}

#comments h2.comments {
  margin: 0 -25px;
  padding: .5em 25px;
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
}

.comment {
  margin: 0 -25px;
  padding: 1.5em 25px 1.5em;
  border-top: 1px solid #e9eff3;
}

.indented {
  margin-left: 25px; /* LTR */
}

.comment h3 a.active {
  color: #494949;
}

.node .content,
.comment .content {
  margin: 0.6em 0;
}

/**
 * Aggregator.module
 */
#aggregator {
  margin-top: 1em;
}
#aggregator .feed-item-title {
  font-size: 160%;
  line-height: 130%;
}
#aggregator .feed-item {
  border-bottom: 1px solid #e9eff3;
  margin: -1.5em -31px 1.75em;
  padding: 1.5em 31px;
}
#aggregator .feed-item-categories {
  font-size: 0.92em;
}
#aggregator .feed-item-meta {
  font-size: 0.92em;
  color: #898989;
}

/**
 * Color.module
 */
#palette .form-item {
  border: 1px solid #fff;
}
#palette .item-selected {
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
  border: 1px solid #d9eaf5;
}

/**
 * Menu.module
 */
tr.odd td.menu-disabled {
  background-color: #edf5fa;
}
tr.even td.menu-disabled {
  background-color: #fff;
}

/**
 * Poll.module
 */
.poll .bar {
  background: #fff url(images/bg-bar-white.png) repeat-x 0 0;
  border: solid #f0f0f0;
  border-width: 0 1px 1px;
}

.poll .bar .foreground {
  background: #71a7cc url(images/bg-bar.png) repeat-x 0 100%;
}

.poll .percent {
  font-size: .9em;
}

/**
 * Autocomplete.
 */
#autocomplete li {
  cursor: default;
  padding: 2px;
  margin: 0;
}

/**
 * Collapsible fieldsets
 */
fieldset {
  margin: 1em 0;
  padding: 1em;
  border: 1px solid #d9eaf5;
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
}

/* Targets IE 7. Fixes background image in field sets. */
*:first-child+html fieldset {
  padding: 0 1em 1em;
  background-position: 0 .75em;
  background-color: transparent;
}
*:first-child+html .text-format-wrapper .filter-wrapper {
  padding: 1.5em 0 1.5em;
  background-position: 0 0;
}

/* Keep the background position at 0 for filters and vertical tabs. */
*:first-child+html fieldset.filter-wrapper,
*:first-child+html fieldset.vertical-tabs-pane {
  background-position: 0 0;
}

*:first-child+html fieldset .fieldset-wrapper .fieldset-description {
  padding-top: 1em;
}

html.js fieldset.collapsed {
  background: transparent;
  padding-top: 0;
  padding-bottom: .6em;
}

html.js fieldset.collapsible .fieldset-legend {
  padding-left: 2em; /* LTR */
  background: url(images/menu-expanded.gif) no-repeat 0% 50%; /* LTR */
}
html.js fieldset.collapsed .fieldset-legend {
  background: url(images/menu-collapsed.gif) no-repeat 0% 50%; /* LTR */
}

.fieldset-legend span.summary {
  color: #898989;
}

/**
 * Vertical tabs.
 */
div.vertical-tabs {
  border-color: #d9eaf5;
}

div.vertical-tabs .vertical-tabs-panes fieldset.vertical-tabs-pane {
  padding: 0.5em 1em;
}

div.vertical-tabs ul.vertical-tabs-list {
  border-color: #d9eaf5;
}

div.vertical-tabs ul.vertical-tabs-list li {
  background-color: #edf5fa;
  border-color: #d9eaf5;
}

div.vertical-tabs ul.vertical-tabs-list li strong {
  font-weight: normal;
}

div.vertical-tabs ul.vertical-tabs-list li.selected strong {
  font-weight: bold;
}

div.vertical-tabs ul.vertical-tabs-list li.selected small {
  color: #898989;
}

div.vertical-tabs ul.vertical-tabs-list li.selected {
  background: #fff repeat-x 0 0;
}

div.vertical-tabs ul.vertical-tabs-list li.selected.first {
  background-image: url(images/gradient-inner.png);
}

div.vertical-tabs ul.vertical-tabs-list li.selected a strong {
  color: #494949;
}

/**
 * Syndication icons and block
 */
#block-node-syndicate h2 {
  float: left; /* LTR */
  padding-right: 20px; /* LTR */
}

#block-node-syndicate img,
.feed-icon {
  float: right; /* LTR */
  padding-top: 4px;
}

#block-node-syndicate .content {
  clear: right; /* LTR */
}

/**
 * Login Block
 */
#user-login-form {
  text-align: center;
}
#user-login-form ul {
  text-align: left; /* LTR */
}
#user-login .openid-links {
  padding: 0;
}
#user-login-form .openid-links {
  padding-left: 0.5em; /* LTR */
}
#user-login-form .openid-links li.user-link {
  padding-left: 1em; /* LTR */
}

/**
 * User profiles.
 */
.profile {
  margin-top: 1.5em;
}
.profile h3 {
  border-bottom: 0;
  margin-bottom: 1em;
}
.profile dl {
  margin: 0;
}
.profile dt {
  font-weight: normal;
  color: #898989;
  font-size: 0.92em;
  line-height: 1.3em;
  margin-top: 1.4em;
  margin-bottom: 0.45em;
}
.profile dd {
  margin-bottom: 1.6em;
}

/**
 * Admin Styles
 */
div.admin-panel,
div.admin-panel .description,
div.admin-panel .body,
div.admin,
div.admin .left,
div.admin .right,
div.admin .expert-link,
div.item-list,
.menu {
  margin: 0;
  padding: 0;
}

div.admin .left {
  float: left; /* LTR */
  width: 48%;
}
div.admin .right {
  float: right; /* LTR */
  width: 48%;
}

div.admin-panel {
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
  padding: 1em 1em 1.5em;
}
div.admin-panel .description {
  margin-bottom: 1.5em;
}
div.admin-panel dl {
  margin: 0;
}
div.admin-panel dd {
  color: #898989;
  font-size: 0.92em;
  line-height: 1.3em;
  margin-top: -.2em;
  margin-bottom: .65em;
}

table.system-status-report th {
  border-color: #d3e7f4;
}

#autocomplete li.selected,
tr.selected td,
tr.selected td.active {
  background: #027ac6;
  color: #fff;
}

tr.selected td a:link,
tr.selected td a:visited,
tr.selected td a:active {
  color: #d3e7f4;
}

tr.taxonomy-term-preview {
  opacity: 0.5;
}

tr.taxonomy-term-divider-top {
  border-bottom: none;
}

tr.taxonomy-term-divider-bottom {
  border-top: 1px dotted #CCC;
}

.theme-selector h3 {
  margin: 10px 0;
}
.theme-selector .operations li {
  list-style-image: none;
}

/**
 * CSS support
 */

/*******************************************************************
 * Color Module: Don't touch                                       *
 *******************************************************************/

/**
 * Generic elements.
 */
.preview {
  background-color: #fcfce8;
  border: 1px solid #e5e58f;
}

.form-item input.error,
.form-item textarea.error {
  border: 1px solid #c52020;
  color: #363636;
}

/**
 * dblog.module
 */
tr.dblog-user {
  background-color: #fcf9e5;
}

tr.dblog-user td.active {
  background-color: #fbf5cf;
}

tr.dblog-content {
  background-color: #fefefe;
}

tr.dblog-content td.active {
  background-color: #f5f5f5;
}

tr.dblog-warning {
  background-color: #fdf5e6;
}

tr.dblog-warning td.active {
  background-color: #fdf2de;
}

tr.dblog-error {
  background-color: #fbe4e4;
}

tr.dblog-error td.active {
  background-color: #fbdbdb;
}
tr.dblog-page-not-found,
tr.dblog-access-denied {
  background: #d7ffd7;
}
tr.dblog-page-not-found td.active,
tr.dblog-access-denied td.active {
  background: #c7eec7;
}

/**
 * Status report colors.
 */
table.system-status-report tr.error,
table.system-status-report tr.error th {
  background-color: #fcc;
  border-color: #ebb;
  color: #200;
}
table.system-status-report tr.warning,
table.system-status-report tr.warning th {
  background-color: #ffd;
  border-color: #eeb;
}
table.system-status-report tr.ok,
table.system-status-report tr.ok th {
  background-color: #dfd;
  border-color: #beb;
}

File

themes/garland/style.css

View source
  1. /**
  2. * Generic elements
  3. */
  4. body {
  5. margin: 0;
  6. padding: 0;
  7. background: #edf5fa;
  8. font: 76%/170% Verdana, sans-serif;
  9. color: #494949;
  10. }
  11. input {
  12. font: 1em/100% Verdana, sans-serif;
  13. color: #494949;
  14. }
  15. textarea,
  16. select {
  17. font: 1em/160% Verdana, sans-serif;
  18. color: #494949;
  19. }
  20. h1,
  21. h2,
  22. h3,
  23. h4,
  24. h5,
  25. h6 {
  26. margin: 0;
  27. padding: 0;
  28. font-weight: normal;
  29. font-family: Helvetica, Arial, sans-serif;
  30. }
  31. h1 {
  32. font-size: 170%;
  33. }
  34. h2,
  35. #center h1 {
  36. font-size: 160%;
  37. line-height: 130%;
  38. }
  39. h3 {
  40. font-size: 140%;
  41. }
  42. h4 {
  43. font-size: 130%;
  44. }
  45. h5 {
  46. font-size: 120%;
  47. }
  48. h6 {
  49. font-size: 110%;
  50. }
  51. quote,
  52. code,
  53. fieldset {
  54. margin: .5em 0;
  55. }
  56. code,
  57. pre,
  58. kbd {
  59. font-size: 115%;
  60. }
  61. p {
  62. margin: 0.6em 0 1.2em;
  63. padding: 0;
  64. }
  65. a:link,
  66. a:visited {
  67. color: #027AC6;
  68. text-decoration: none;
  69. }
  70. a:hover {
  71. color: #0062A0;
  72. text-decoration: underline;
  73. }
  74. a:active,
  75. a.active {
  76. color: #5895be;
  77. }
  78. hr {
  79. margin: 0;
  80. padding: 0;
  81. border: none;
  82. height: 1px;
  83. background: #5294c1;
  84. }
  85. ul,
  86. .block ul,
  87. ol {
  88. margin: 0.5em 0 1em;
  89. padding: 0 0 0 1.5em; /* LTR */
  90. }
  91. /* Default to menu leaf bullet for unordered list items. "ul" used here so it can cascade to list items and "li.leaf" to override the system leaf image. */
  92. ul,
  93. ul li.leaf {
  94. list-style-image: url(images/menu-leaf.gif);
  95. }
  96. /* This is used to cancel the list style image when an ordered list is embedded in an unordered list. */
  97. ol {
  98. list-style-image: none;
  99. }
  100. ul.menu,
  101. .item-list ul {
  102. margin: 0.35em 0 0 -0.5em; /* LTR */
  103. }
  104. ol li,
  105. ul li,
  106. ul.menu li,
  107. .item-list ul li,
  108. li.leaf {
  109. margin: 0.15em 0 0.15em .5em; /* LTR */
  110. padding-bottom: .1em;
  111. }
  112. ul li.expanded {
  113. list-style-image: url(images/menu-expanded.gif);
  114. }
  115. ul li.collapsed {
  116. list-style-image: url(images/menu-collapsed.gif); /* LTR */
  117. }
  118. ul li.leaf a,
  119. ul li.expanded a,
  120. ul li.collapsed a {
  121. display: block;
  122. }
  123. ul.inline li {
  124. background: none;
  125. margin: 0;
  126. padding: 0 1em 0 0; /* LTR */
  127. }
  128. ol.task-list {
  129. margin-left: 0; /* LTR */
  130. list-style-type: none;
  131. list-style-image: none;
  132. }
  133. ol.task-list li {
  134. padding: 0.5em 1em 0.5em 2em; /* LTR */
  135. }
  136. ol.task-list li.active {
  137. background: transparent url(images/task-list.png) no-repeat 3px 50%; /* LTR */
  138. }
  139. ol.task-list li.done {
  140. color: #393;
  141. background: transparent url(../../misc/watchdog-ok.png) no-repeat 0px 50%; /* LTR */
  142. }
  143. ol.task-list li.active {
  144. margin-right: 1em; /* LTR */
  145. }
  146. fieldset ul.clearfix li {
  147. margin: 0;
  148. padding: 0;
  149. background-image: none;
  150. }
  151. dl {
  152. margin: 0.5em 0 1em 1.5em; /* LTR */
  153. }
  154. dl dt {
  155. }
  156. dl dd {
  157. margin: 0 0 .5em 1.5em; /* LTR */
  158. }
  159. img,
  160. a img {
  161. border: none;
  162. }
  163. table {
  164. margin: 1em 0;
  165. width: 100%;
  166. }
  167. thead th {
  168. border-bottom: 2px solid #d3e7f4;
  169. color: #494949;
  170. font-weight: bold;
  171. }
  172. th a:link,
  173. th a:visited {
  174. color: #6f9dbd;
  175. }
  176. td,
  177. th {
  178. padding: .3em .5em;
  179. }
  180. tr.even,
  181. tr.odd,
  182. tbody th {
  183. border: solid #d3e7f4;
  184. border-width: 1px 0;
  185. }
  186. tr.odd,
  187. tr.info {
  188. background-color: #edf5fa;
  189. }
  190. tr.even {
  191. background-color: #fff;
  192. }
  193. tr.drag {
  194. background-color: #ffb;
  195. }
  196. tr.drag-previous {
  197. background-color: #ffd;
  198. }
  199. tr.odd td.active {
  200. background-color: #ddecf5;
  201. }
  202. tr.even td.active {
  203. background-color: #e6f1f7;
  204. }
  205. td.region-title,
  206. td.module,
  207. td.container,
  208. td.category {
  209. border-top: 1.5em solid #fff;
  210. border-bottom: 1px solid #b4d7f0;
  211. background-color: #d4e7f3;
  212. color: #455067;
  213. font-weight: bold;
  214. }
  215. tr:first-child td.region-title,
  216. tr:first-child td.module,
  217. tr:first-child td.container,
  218. tr:first-child td.category {
  219. border-top-width: 0;
  220. }
  221. span.form-required {
  222. color: #ffae00;
  223. }
  224. .submitted, .description,
  225. .vertical-tab-button .summary {
  226. font-size: 0.92em;
  227. color: #898989;
  228. }
  229. .description .more-help-link {
  230. font-size: 0.92em;
  231. }
  232. .description {
  233. line-height: 150%;
  234. margin-bottom: 0.75em;
  235. color: #898989;
  236. }
  237. .preview {
  238. margin: .75em 0 .75em;
  239. padding: .5em 1em;
  240. }
  241. .form-checkboxes,
  242. .form-radios,
  243. .form-checkboxes .form-item,
  244. .form-radios .form-item {
  245. margin: 0.25em 0;
  246. }
  247. #center form {
  248. margin-bottom: 2em;
  249. }
  250. .form-actions {
  251. margin: 2em 0 1em;
  252. }
  253. .form-button,
  254. .form-submit {
  255. margin: 0 0.5em 0 0; /* LTR */
  256. }
  257. /**
  258. * Skip link
  259. */
  260. #skip-link {
  261. left: 50%;
  262. margin-left: -5.25em;
  263. margin-top: 0;
  264. position: absolute;
  265. width: auto;
  266. z-index: 1000;
  267. }
  268. #skip-link a,
  269. #skip-link a:link,
  270. #skip-link a:visited {
  271. background: #444;
  272. background: rgba(0, 0, 0, 0.6);
  273. color: #fff;
  274. display: block;
  275. font-size: 0.94em;
  276. line-height: 1.7;
  277. margin-top: 1px;
  278. padding: 2px 10px;
  279. text-decoration: none;
  280. -khtml-border-radius: 0 0 2px 2px;
  281. -moz-border-radius: 0 0 2px 2px;
  282. -webkit-border-bottom-left-radius: 2px;
  283. -webkit-border-bottom-right-radius: 2px;
  284. -webkit-border-top-left-radius: 0;
  285. -webkit-border-top-right-radius: 0;
  286. border-radius: 0 0 2px 2px;
  287. }
  288. #skip-link a:hover,
  289. #skip-link a:active,
  290. #skip-link a:focus {
  291. outline: 0;
  292. }
  293. /**
  294. * Layout
  295. */
  296. .region-header {
  297. min-height: 1em;
  298. background: #d2e6f3 url(images/bg-navigation.png) repeat-x 50% 100%;
  299. }
  300. .region-header .block {
  301. display: block;
  302. margin: 0 1em;
  303. }
  304. .region-header .block-region {
  305. display: block;
  306. margin: 0 0.5em 1em;
  307. padding: 0.5em;
  308. position: relative;
  309. top: 0.5em;
  310. }
  311. .region-header * {
  312. display: inline;
  313. line-height: 1.5em;
  314. margin-top: 0;
  315. margin-bottom: 0;
  316. }
  317. /* Prevent the previous directive from showing the content of script elements in Mozilla browsers. */
  318. .region-header script {
  319. display: none;
  320. }
  321. .region-header p,
  322. .region-header img {
  323. margin-top: 0.5em;
  324. }
  325. .region-header h2 {
  326. margin: 0 1em 0 0; /* LTR */
  327. }
  328. .region-header h3,
  329. .region-header label,
  330. .region-header li {
  331. margin: 0 1em;
  332. padding: 0;
  333. background: none;
  334. }
  335. #wrapper {
  336. background: #edf5fa url(images/body.png) repeat-x 50% 0;
  337. }
  338. /* Set container widths when we are using the "fixed width" option. */
  339. #wrapper #container {
  340. width: 560px;
  341. margin: 0 auto;
  342. padding: 0 20px;
  343. }
  344. body.one-sidebar #wrapper #container {
  345. width: 770px;
  346. }
  347. body.two-sidebars #wrapper #container {
  348. width: 980px;
  349. }
  350. /* Unset container width when we are using the "fluid width" option. */
  351. body.fluid-width #wrapper #container {
  352. width: auto;
  353. max-width: 1270px;
  354. }
  355. #wrapper #container #header {
  356. height: 80px;
  357. }
  358. #wrapper #container #header #logo-floater {
  359. position: absolute;
  360. }
  361. #branding,
  362. #branding a:link,
  363. #branding a:visited {
  364. line-height: 120px;
  365. position: relative;
  366. z-index: 2;
  367. white-space: nowrap;
  368. }
  369. #branding span {
  370. font-weight: bold;
  371. }
  372. #branding img {
  373. padding-top: 14px;
  374. padding-right: 20px; /* LTR */
  375. float: left; /* LTR */
  376. }
  377. /* With 3 columns, require a minimum width of 1000px to ensure there is enough horizontal space. */
  378. body.two-sidebars {
  379. min-width: 980px;
  380. }
  381. /* With 2 columns, require a minimum width of 800px. */
  382. body.sidebar-first,
  383. body.sidebar-second {
  384. min-width: 780px;
  385. }
  386. /* We must define 100% width to avoid the body being too narrow for near-empty pages */
  387. #wrapper #container #center {
  388. float: left; /* LTR */
  389. width: 100%;
  390. }
  391. /* So we move the #center container over the sidebars to compensate */
  392. body.sidebar-first #center {
  393. margin-left: -210px; /* LTR */
  394. }
  395. body.sidebar-second #center {
  396. margin-right: -210px; /* LTR */
  397. }
  398. body.two-sidebars #center {
  399. margin: 0 -210px;
  400. }
  401. /* And add blanks left and right for the sidebars to fill */
  402. body.sidebar-first #squeeze {
  403. margin-left: 210px; /* LTR */
  404. }
  405. body.sidebar-second #squeeze {
  406. margin-right: 210px; /* LTR */
  407. }
  408. body.two-sidebars #squeeze {
  409. margin: 0 210px;
  410. }
  411. /* We ensure the sidebars are still clickable using z-index */
  412. #wrapper #container .sidebar {
  413. margin: 60px 0 5em;
  414. width: 210px;
  415. float: left; /* LTR */
  416. z-index: 2;
  417. position: relative;
  418. }
  419. #wrapper #container .sidebar .block {
  420. margin: 0 0 1.5em 0;
  421. }
  422. #sidebar-first .block {
  423. padding: 0 15px 0 0; /* LTR */
  424. }
  425. #sidebar-second .block {
  426. padding: 0 0 0 15px; /* LTR */
  427. }
  428. .block .content {
  429. margin: 0.5em 0;
  430. }
  431. #sidebar-first .block-region {
  432. margin: 0 15px 0 0px; /* LTR */
  433. }
  434. #sidebar-second .block-region {
  435. margin: 0 0px 0 15px; /* LTR */
  436. }
  437. .block-region {
  438. padding: 1em;
  439. background: transparent;
  440. border: 2px dashed #b4d7f0;
  441. text-align: center;
  442. font-size: 1.3em;
  443. }
  444. /* Now we add the backgrounds for the main content shading */
  445. #wrapper #container #center #squeeze {
  446. background: #fff url(images/bg-content.png) repeat-x 50% 0;
  447. position: relative;
  448. }
  449. #wrapper #container #center .right-corner {
  450. background: transparent url(images/bg-content-right.png) no-repeat 100% 0;
  451. position: relative;
  452. left: 10px;
  453. }
  454. #wrapper #container #center .right-corner .left-corner {
  455. padding: 60px 25px 5em 35px;
  456. background: transparent url(images/bg-content-left.png) no-repeat 0 0;
  457. margin-left: -10px;
  458. position: relative;
  459. left: -10px;
  460. min-height: 400px;
  461. }
  462. #wrapper #container .region-footer {
  463. float: none;
  464. clear: both;
  465. text-align: center;
  466. margin: 4em 0 -3em;
  467. color: #898989;
  468. }
  469. #wrapper #container .breadcrumb {
  470. position: absolute;
  471. top: 15px;
  472. left: 35px; /* LTR */
  473. z-index: 3;
  474. }
  475. body.sidebar-first .region-footer {
  476. margin-left: -210px;
  477. }
  478. body.sidebar-second .region-footer {
  479. margin-right: -210px;
  480. }
  481. body.two-sidebars .region-footer {
  482. margin: 0 -210px;
  483. }
  484. /**
  485. * Header
  486. */
  487. div#branding {
  488. font-family: Helvetica,Arial,sans-serif;
  489. }
  490. div#branding strong {
  491. font-weight: normal;
  492. }
  493. #branding,
  494. #branding a:link,
  495. #branding a:visited {
  496. color: #fff;
  497. text-shadow: #1659ac 0px 1px 3px;
  498. font-size: 1.5em;
  499. }
  500. #branding a:hover {
  501. text-decoration: none;
  502. }
  503. #wrapper #container .breadcrumb {
  504. font-size: 0.92em;
  505. }
  506. #wrapper #container .breadcrumb,
  507. #wrapper #container .breadcrumb a {
  508. color: #529ad6;
  509. }
  510. #highlighted {
  511. padding: 1em;
  512. background-color: #fff;
  513. border: 1px solid #e0e5fb;
  514. margin-bottom: 2em;
  515. }
  516. /**
  517. * Overlay
  518. */
  519. #overlay #overlay-tabs li a {
  520. background: #d9eaf5;
  521. color: #000;
  522. }
  523. #overlay #overlay-tabs li a:hover,
  524. #overlay #overlay-tabs li a:focus {
  525. background: #fff;
  526. }
  527. #overlay #overlay-tabs li.active a {
  528. background: url("images/body.png") repeat-x scroll 50% -58px #edf5fa;
  529. color: #fff;
  530. }
  531. #overlay-content {
  532. padding: 1px;
  533. }
  534. #overlay-content #header {
  535. display: none;
  536. }
  537. #overlay-content #wrapper {
  538. background-position: 50% -80px;
  539. }
  540. /**
  541. * Primary navigation
  542. */
  543. ul.main-menu {
  544. margin: 0;
  545. padding: 0;
  546. float: right; /* LTR */
  547. position: relative;
  548. z-index: 4;
  549. }
  550. ul.main-menu li {
  551. margin: 0;
  552. padding: 0;
  553. float: left; /* LTR */
  554. background-image: none;
  555. }
  556. ul.main-menu li a,
  557. ul.main-menu li a:link,
  558. ul.main-menu li a:visited {
  559. display: block;
  560. margin: 0 1em;
  561. padding: .75em 0 0;
  562. color: #fff;
  563. background: transparent url(images/bg-navigation-item.png) no-repeat 50% 0;
  564. }
  565. ul.main-menu li a:hover,
  566. ul.main-menu li a.active {
  567. color: #fff;
  568. background: transparent url(images/bg-navigation-item-hover.png) no-repeat 50% 0;
  569. }
  570. /**
  571. * Secondary navigation
  572. */
  573. ul.secondary-menu {
  574. margin: 0;
  575. padding: 18px 0 0;
  576. float: right; /* LTR */
  577. clear: right; /* LTR */
  578. position: relative;
  579. z-index: 4;
  580. }
  581. ul.secondary-menu li {
  582. margin: 0;
  583. padding: 0;
  584. float: left; /* LTR */
  585. background-image: none;
  586. }
  587. ul.secondary-menu li a,
  588. ul.secondary-menu li a:link,
  589. ul.secondary-menu li a:visited {
  590. display: block;
  591. margin: 0 1em;
  592. padding: .75em 0 0;
  593. color: #cde3f1;
  594. background: transparent;
  595. }
  596. ul.secondary-menu li a:hover,
  597. ul.secondary-menu li a.active {
  598. color: #cde3f1;
  599. background: transparent;
  600. }
  601. /**
  602. * Local tasks
  603. */
  604. ul.primary,
  605. ul.primary li,
  606. ul.secondary,
  607. ul.secondary li {
  608. border: 0;
  609. background: none;
  610. margin: 0;
  611. padding: 0;
  612. }
  613. #tabs-wrapper {
  614. margin: 0 -26px 1em;
  615. padding: 0 26px;
  616. border-bottom: 1px solid #e9eff3;
  617. position: relative;
  618. }
  619. ul.primary {
  620. padding: 0.5em 0 10px;
  621. float: left; /* LTR */
  622. }
  623. ul.secondary {
  624. clear: both;
  625. text-align: left; /* LTR */
  626. border-bottom: 1px solid #e9eff3;
  627. margin: -0.2em -26px 1em;
  628. padding: 0 26px 0.6em;
  629. }
  630. h1.with-tabs {
  631. float: left; /* LTR */
  632. margin: 0 2em 0 0; /* LTR */
  633. padding: 0;
  634. }
  635. ul.primary li a,
  636. ul.primary li.active a,
  637. ul.primary li a:hover,
  638. ul.primary li a:visited,
  639. ul.secondary li a,
  640. ul.secondary li.active a,
  641. ul.secondary li a:hover,
  642. ul.secondary li a:visited {
  643. border: 0;
  644. background: transparent;
  645. padding: 4px 1em;
  646. margin: 0 0 0 1px; /* LTR */
  647. height: auto;
  648. text-decoration: none;
  649. position: relative;
  650. top: -1px;
  651. display: inline-block;
  652. }
  653. ul.primary li.active a,
  654. ul.primary li.active a:link,
  655. ul.primary li.active a:visited,
  656. ul.primary li a:hover,
  657. ul.secondary li.active a,
  658. ul.secondary li.active a:link,
  659. ul.secondary li.active a:visited,
  660. ul.secondary li a:hover {
  661. background: url(images/bg-tab.png) repeat-x 0 50%;
  662. color: #fff;
  663. }
  664. ul.primary li.active a,
  665. ul.secondary li.active a {
  666. font-weight: bold;
  667. }
  668. /**
  669. * Nodes & comments
  670. */
  671. .node {
  672. border-bottom: 1px solid #e9eff3;
  673. margin: 0 -16px 1.5em;
  674. padding: 1.5em 16px;
  675. }
  676. ul.links li,
  677. ul.inline li {
  678. margin-left: 0;
  679. margin-right: 0;
  680. padding-left: 0; /* LTR */
  681. padding-right: 1em; /* LTR */
  682. background-image: none;
  683. }
  684. .node .links,
  685. .comment .links {
  686. text-align: left; /* LTR */
  687. padding-left: 0; /* LTR */
  688. }
  689. .user-picture,
  690. .comment .submitted {
  691. float: right; /* LTR */
  692. clear: right; /* LTR */
  693. padding-left: 1em; /* LTR */
  694. }
  695. .new {
  696. color: #ffae00;
  697. font-size: 0.92em;
  698. font-weight: bold;
  699. float: right; /* LTR */
  700. }
  701. .preview .node,
  702. .preview .comment,
  703. .node-sticky {
  704. margin: 0;
  705. padding: 0.5em 0;
  706. border: 0;
  707. background: 0;
  708. }
  709. .node-sticky {
  710. padding: 1em;
  711. background-color: #fff;
  712. border: 1px solid #e0e5fb;
  713. margin-bottom: 2em;
  714. }
  715. #comments {
  716. position: relative;
  717. top: -1px;
  718. border-bottom: 1px solid #e9eff3;
  719. margin: 1.5em -25px 0;
  720. padding: 0 25px;
  721. }
  722. #comments h2.comments {
  723. margin: 0 -25px;
  724. padding: .5em 25px;
  725. background: #fff url(images/gradient-inner.png) repeat-x 0 0;
  726. }
  727. .comment {
  728. margin: 0 -25px;
  729. padding: 1.5em 25px 1.5em;
  730. border-top: 1px solid #e9eff3;
  731. }
  732. .indented {
  733. margin-left: 25px; /* LTR */
  734. }
  735. .comment h3 a.active {
  736. color: #494949;
  737. }
  738. .node .content,
  739. .comment .content {
  740. margin: 0.6em 0;
  741. }
  742. /**
  743. * Aggregator.module
  744. */
  745. #aggregator {
  746. margin-top: 1em;
  747. }
  748. #aggregator .feed-item-title {
  749. font-size: 160%;
  750. line-height: 130%;
  751. }
  752. #aggregator .feed-item {
  753. border-bottom: 1px solid #e9eff3;
  754. margin: -1.5em -31px 1.75em;
  755. padding: 1.5em 31px;
  756. }
  757. #aggregator .feed-item-categories {
  758. font-size: 0.92em;
  759. }
  760. #aggregator .feed-item-meta {
  761. font-size: 0.92em;
  762. color: #898989;
  763. }
  764. /**
  765. * Color.module
  766. */
  767. #palette .form-item {
  768. border: 1px solid #fff;
  769. }
  770. #palette .item-selected {
  771. background: #fff url(images/gradient-inner.png) repeat-x 0 0;
  772. border: 1px solid #d9eaf5;
  773. }
  774. /**
  775. * Menu.module
  776. */
  777. tr.odd td.menu-disabled {
  778. background-color: #edf5fa;
  779. }
  780. tr.even td.menu-disabled {
  781. background-color: #fff;
  782. }
  783. /**
  784. * Poll.module
  785. */
  786. .poll .bar {
  787. background: #fff url(images/bg-bar-white.png) repeat-x 0 0;
  788. border: solid #f0f0f0;
  789. border-width: 0 1px 1px;
  790. }
  791. .poll .bar .foreground {
  792. background: #71a7cc url(images/bg-bar.png) repeat-x 0 100%;
  793. }
  794. .poll .percent {
  795. font-size: .9em;
  796. }
  797. /**
  798. * Autocomplete.
  799. */
  800. #autocomplete li {
  801. cursor: default;
  802. padding: 2px;
  803. margin: 0;
  804. }
  805. /**
  806. * Collapsible fieldsets
  807. */
  808. fieldset {
  809. margin: 1em 0;
  810. padding: 1em;
  811. border: 1px solid #d9eaf5;
  812. background: #fff url(images/gradient-inner.png) repeat-x 0 0;
  813. }
  814. /* Targets IE 7. Fixes background image in field sets. */
  815. *:first-child+html fieldset {
  816. padding: 0 1em 1em;
  817. background-position: 0 .75em;
  818. background-color: transparent;
  819. }
  820. *:first-child+html .text-format-wrapper .filter-wrapper {
  821. padding: 1.5em 0 1.5em;
  822. background-position: 0 0;
  823. }
  824. /* Keep the background position at 0 for filters and vertical tabs. */
  825. *:first-child+html fieldset.filter-wrapper,
  826. *:first-child+html fieldset.vertical-tabs-pane {
  827. background-position: 0 0;
  828. }
  829. *:first-child+html fieldset .fieldset-wrapper .fieldset-description {
  830. padding-top: 1em;
  831. }
  832. html.js fieldset.collapsed {
  833. background: transparent;
  834. padding-top: 0;
  835. padding-bottom: .6em;
  836. }
  837. html.js fieldset.collapsible .fieldset-legend {
  838. padding-left: 2em; /* LTR */
  839. background: url(images/menu-expanded.gif) no-repeat 0% 50%; /* LTR */
  840. }
  841. html.js fieldset.collapsed .fieldset-legend {
  842. background: url(images/menu-collapsed.gif) no-repeat 0% 50%; /* LTR */
  843. }
  844. .fieldset-legend span.summary {
  845. color: #898989;
  846. }
  847. /**
  848. * Vertical tabs.
  849. */
  850. div.vertical-tabs {
  851. border-color: #d9eaf5;
  852. }
  853. div.vertical-tabs .vertical-tabs-panes fieldset.vertical-tabs-pane {
  854. padding: 0.5em 1em;
  855. }
  856. div.vertical-tabs ul.vertical-tabs-list {
  857. border-color: #d9eaf5;
  858. }
  859. div.vertical-tabs ul.vertical-tabs-list li {
  860. background-color: #edf5fa;
  861. border-color: #d9eaf5;
  862. }
  863. div.vertical-tabs ul.vertical-tabs-list li strong {
  864. font-weight: normal;
  865. }
  866. div.vertical-tabs ul.vertical-tabs-list li.selected strong {
  867. font-weight: bold;
  868. }
  869. div.vertical-tabs ul.vertical-tabs-list li.selected small {
  870. color: #898989;
  871. }
  872. div.vertical-tabs ul.vertical-tabs-list li.selected {
  873. background: #fff repeat-x 0 0;
  874. }
  875. div.vertical-tabs ul.vertical-tabs-list li.selected.first {
  876. background-image: url(images/gradient-inner.png);
  877. }
  878. div.vertical-tabs ul.vertical-tabs-list li.selected a strong {
  879. color: #494949;
  880. }
  881. /**
  882. * Syndication icons and block
  883. */
  884. #block-node-syndicate h2 {
  885. float: left; /* LTR */
  886. padding-right: 20px; /* LTR */
  887. }
  888. #block-node-syndicate img,
  889. .feed-icon {
  890. float: right; /* LTR */
  891. padding-top: 4px;
  892. }
  893. #block-node-syndicate .content {
  894. clear: right; /* LTR */
  895. }
  896. /**
  897. * Login Block
  898. */
  899. #user-login-form {
  900. text-align: center;
  901. }
  902. #user-login-form ul {
  903. text-align: left; /* LTR */
  904. }
  905. #user-login .openid-links {
  906. padding: 0;
  907. }
  908. #user-login-form .openid-links {
  909. padding-left: 0.5em; /* LTR */
  910. }
  911. #user-login-form .openid-links li.user-link {
  912. padding-left: 1em; /* LTR */
  913. }
  914. /**
  915. * User profiles.
  916. */
  917. .profile {
  918. margin-top: 1.5em;
  919. }
  920. .profile h3 {
  921. border-bottom: 0;
  922. margin-bottom: 1em;
  923. }
  924. .profile dl {
  925. margin: 0;
  926. }
  927. .profile dt {
  928. font-weight: normal;
  929. color: #898989;
  930. font-size: 0.92em;
  931. line-height: 1.3em;
  932. margin-top: 1.4em;
  933. margin-bottom: 0.45em;
  934. }
  935. .profile dd {
  936. margin-bottom: 1.6em;
  937. }
  938. /**
  939. * Admin Styles
  940. */
  941. div.admin-panel,
  942. div.admin-panel .description,
  943. div.admin-panel .body,
  944. div.admin,
  945. div.admin .left,
  946. div.admin .right,
  947. div.admin .expert-link,
  948. div.item-list,
  949. .menu {
  950. margin: 0;
  951. padding: 0;
  952. }
  953. div.admin .left {
  954. float: left; /* LTR */
  955. width: 48%;
  956. }
  957. div.admin .right {
  958. float: right; /* LTR */
  959. width: 48%;
  960. }
  961. div.admin-panel {
  962. background: #fff url(images/gradient-inner.png) repeat-x 0 0;
  963. padding: 1em 1em 1.5em;
  964. }
  965. div.admin-panel .description {
  966. margin-bottom: 1.5em;
  967. }
  968. div.admin-panel dl {
  969. margin: 0;
  970. }
  971. div.admin-panel dd {
  972. color: #898989;
  973. font-size: 0.92em;
  974. line-height: 1.3em;
  975. margin-top: -.2em;
  976. margin-bottom: .65em;
  977. }
  978. table.system-status-report th {
  979. border-color: #d3e7f4;
  980. }
  981. #autocomplete li.selected,
  982. tr.selected td,
  983. tr.selected td.active {
  984. background: #027ac6;
  985. color: #fff;
  986. }
  987. tr.selected td a:link,
  988. tr.selected td a:visited,
  989. tr.selected td a:active {
  990. color: #d3e7f4;
  991. }
  992. tr.taxonomy-term-preview {
  993. opacity: 0.5;
  994. }
  995. tr.taxonomy-term-divider-top {
  996. border-bottom: none;
  997. }
  998. tr.taxonomy-term-divider-bottom {
  999. border-top: 1px dotted #CCC;
  1000. }
  1001. .theme-selector h3 {
  1002. margin: 10px 0;
  1003. }
  1004. .theme-selector .operations li {
  1005. list-style-image: none;
  1006. }
  1007. /**
  1008. * CSS support
  1009. */
  1010. /*******************************************************************
  1011. * Color Module: Don't touch *
  1012. *******************************************************************/
  1013. /**
  1014. * Generic elements.
  1015. */
  1016. .preview {
  1017. background-color: #fcfce8;
  1018. border: 1px solid #e5e58f;
  1019. }
  1020. .form-item input.error,
  1021. .form-item textarea.error {
  1022. border: 1px solid #c52020;
  1023. color: #363636;
  1024. }
  1025. /**
  1026. * dblog.module
  1027. */
  1028. tr.dblog-user {
  1029. background-color: #fcf9e5;
  1030. }
  1031. tr.dblog-user td.active {
  1032. background-color: #fbf5cf;
  1033. }
  1034. tr.dblog-content {
  1035. background-color: #fefefe;
  1036. }
  1037. tr.dblog-content td.active {
  1038. background-color: #f5f5f5;
  1039. }
  1040. tr.dblog-warning {
  1041. background-color: #fdf5e6;
  1042. }
  1043. tr.dblog-warning td.active {
  1044. background-color: #fdf2de;
  1045. }
  1046. tr.dblog-error {
  1047. background-color: #fbe4e4;
  1048. }
  1049. tr.dblog-error td.active {
  1050. background-color: #fbdbdb;
  1051. }
  1052. tr.dblog-page-not-found,
  1053. tr.dblog-access-denied {
  1054. background: #d7ffd7;
  1055. }
  1056. tr.dblog-page-not-found td.active,
  1057. tr.dblog-access-denied td.active {
  1058. background: #c7eec7;
  1059. }
  1060. /**
  1061. * Status report colors.
  1062. */
  1063. table.system-status-report tr.error,
  1064. table.system-status-report tr.error th {
  1065. background-color: #fcc;
  1066. border-color: #ebb;
  1067. color: #200;
  1068. }
  1069. table.system-status-report tr.warning,
  1070. table.system-status-report tr.warning th {
  1071. background-color: #ffd;
  1072. border-color: #eeb;
  1073. }
  1074. table.system-status-report tr.ok,
  1075. table.system-status-report tr.ok th {
  1076. background-color: #dfd;
  1077. border-color: #beb;
  1078. }

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