drupal/core/modules/system/system.theme.css

421 lines
6.6 KiB
CSS

/**
* @file
* Basic styling for common markup.
*/
/**
* HTML elements.
*/
fieldset {
margin-bottom: 1em;
padding: 0.5em;
}
form {
margin: 0;
padding: 0;
}
hr {
border: 1px solid gray;
height: 1px;
}
img {
border: 0;
}
table {
border-collapse: collapse;
}
th {
border-bottom: 3px solid #ccc;
padding-right: 1em; /* LTR */
text-align: left; /* LTR */
}
tr.even,
tr.odd {
background-color: #eee;
border-bottom: 1px solid #ccc;
padding: 0.1em 0.6em;
}
/**
* Markup generated by theme_tablesort_indicator().
*/
th.active img {
display: inline;
}
td.active {
background-color: #ddd;
}
/**
* Markup generated by theme_item_list().
*/
.item-list .title {
font-weight: bold;
}
.item-list ul {
margin: 0 0 0.75em 0;
padding: 0;
}
.item-list ul li {
margin: 0 0 0.25em 1.5em; /* LTR */
padding: 0;
}
/**
* Markup generated by Form API.
*/
.form-item,
.form-actions {
margin-top: 1em;
margin-bottom: 1em;
}
tr.odd .form-item,
tr.even .form-item {
margin-top: 0;
margin-bottom: 0;
white-space: nowrap;
}
.form-item .description {
font-size: 0.85em;
}
label {
display: block;
font-weight: bold;
}
label.option {
display: inline;
font-weight: normal;
}
.form-checkboxes .form-item,
.form-radios .form-item {
margin-top: 0.4em;
margin-bottom: 0.4em;
}
.form-type-radio .description,
.form-type-checkbox .description {
margin-left: 2.4em;
}
input.form-checkbox,
input.form-radio {
vertical-align: middle;
}
.marker,
.form-required {
color: #f00;
}
abbr.form-required, abbr.tabledrag-changed, abbr.ajax-changed {
border-bottom: none;
}
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
border: 2px solid red;
}
/**
* Inline items.
*/
.container-inline .form-actions,
.container-inline.form-actions {
margin-top: 0;
margin-bottom: 0;
}
/**
* Markup generated by theme_more_link().
*/
.more-link {
text-align: right; /* LTR */
}
/**
* Markup generated by theme_more_help_link().
*/
.more-help-link {
text-align: right; /* LTR */
}
.more-help-link a {
background: url(../../misc/help.png) 0 50% no-repeat; /* LTR */
padding: 1px 0 1px 20px; /* LTR */
}
/**
* Markup generated by theme_pager().
*/
.item-list .pager {
clear: both;
text-align: center;
}
.item-list .pager li {
background-image: none;
display: inline;
list-style-type: none;
padding: 0.5em;
}
.pager-current {
font-weight: bold;
}
/**
* Autocomplete.
*
* @see autocomplete.js
*/
/* Suggestion list */
#autocomplete li.selected {
background: #0072b9;
color: #fff;
}
/**
* Collapsible fieldsets.
*
* @see collapse.js
*/
.js fieldset.collapsible > legend .fieldset-legend {
background: url(../../misc/menu-expanded.png) 5px 65% no-repeat; /* LTR */
padding-left: 15px; /* LTR */
}
.js fieldset.collapsed > legend .fieldset-legend {
background-image: url(../../misc/menu-collapsed.png); /* LTR */
background-position: 5px 50%; /* LTR */
}
.fieldset-legend span.summary {
color: #999;
font-size: 0.9em;
margin-left: 0.5em;
}
/**
* TableDrag behavior.
*
* @see tabledrag.js
*/
tr.drag {
background-color: #fffff0;
}
tr.drag-previous {
background-color: #ffd;
}
.tabledrag-toggle-weight {
font-size: 0.9em;
}
body div.tabledrag-changed-warning {
margin-bottom: 0.5em;
}
/**
* TableSelect behavior.
*
* @see tableselect.js
*/
tr.selected td {
background: #ffc;
}
td.checkbox,
th.checkbox {
text-align: center;
}
/**
* Progress bar.
*
* @see progress.js
*/
.progress {
font-weight: bold;
}
.progress .bar {
background: #ccc;
border-color: #666;
margin: 0 0.2em;
-moz-border-radius: 3px;
border-radius: 3px;
}
.progress .filled {
background: #0072b9 url(../../misc/progress.gif);
}
/**
* Markup generated by theme_menu_tree().
*/
ul.menu {
border: none;
list-style: none;
text-align: left; /* LTR */
}
ul.menu li {
margin: 0 0 0 0.5em; /* LTR */
}
ul li.expanded {
list-style-image: url(../../misc/menu-expanded.png);
list-style-type: circle;
}
ul li.collapsed {
list-style-image: url(../../misc/menu-collapsed.png); /* LTR */
list-style-type: disc;
}
ul li.leaf {
list-style-image: url(../../misc/menu-leaf.png);
list-style-type: square;
}
li.expanded,
li.collapsed,
li.leaf {
padding: 0.2em 0.5em 0 0; /* LTR */
margin: 0;
}
li a.active {
color: #000;
}
td.menu-disabled {
background: #ccc;
}
/**
* Markup generated by theme_links().
*/
ul.inline,
ul.links.inline {
display: inline;
padding-left: 0;
}
ul.inline li {
display: inline;
list-style-type: none;
padding: 0 0.5em;
}
/**
* Markup generated by theme_breadcrumb().
*/
.breadcrumb {
padding-bottom: 0.5em;
}
.breadcrumb ol {
margin: 0;
padding: 0;
}
.breadcrumb li {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}
/**
* Markup generated by theme_menu_local_tasks().
*/
ul.primary {
border-bottom: 1px solid #bbb;
border-collapse: collapse;
height: auto;
line-height: normal;
list-style: none;
margin: 5px;
padding: 0 0 0 1em; /* LTR */
white-space: nowrap;
}
ul.primary li {
display: inline;
}
ul.primary li a {
background-color: #ddd;
border-color: #bbb;
border-style: solid solid none solid;
border-width: 1px;
height: auto;
margin-right: 0.5em; /* LTR */
padding: 0 1em;
text-decoration: none;
}
ul.primary li.active a {
background-color: #fff;
border: 1px solid #bbb;
border-bottom: 1px solid #fff;
}
ul.primary li a:hover {
background-color: #eee;
border-color: #ccc;
border-bottom-color: #eee;
}
ul.secondary {
border-bottom: 1px solid #bbb;
padding: 0.5em 1em;
margin: 5px;
}
ul.secondary li {
border-right: 1px solid #ccc; /* LTR */
display: inline;
padding: 0 1em;
}
ul.secondary a {
padding: 0;
text-decoration: none;
}
ul.secondary a.active {
border-bottom: 4px solid #999;
}
/**
* Styles for system messages.
*/
div.messages {
background-position: 8px 8px; /* LTR */
background-repeat: no-repeat;
border: 1px solid;
margin: 6px 0;
padding: 10px 10px 10px 50px; /* LTR */
}
div.status {
background-image: url(../../misc/message-24-ok.png);
border-color: #be7;
}
div.status,
.ok {
color: #234600;
}
div.status,
table tr.ok {
background-color: #f8fff0;
}
div.warning {
background-image: url(../../misc/message-24-warning.png);
border-color: #ed5;
}
div.warning,
.warning {
color: #840;
}
div.warning,
table tr.warning {
background-color: #fffce5;
}
div.error {
background-image: url(../../misc/message-24-error.png);
border-color: #ed541d;
}
div.error,
.error {
color: #8c2e0b;
}
div.error,
table tr.error {
background-color: #fef5f1;
}
div.error p.error {
color: #333;
}
div.messages ul {
margin: 0 0 0 1em; /* LTR */
padding: 0;
}
div.messages ul li {
list-style-image: none;
}