Basic styling for common markup.
-
- /**
- * @file
- * Basic styling for common markup.
- */
-
- /**
- * HTML elements.
- */
- fieldset {
- border: 1px solid #ccc;
- margin: 1em 0;
- padding: 0.5em;
- }
- form {
- margin: 0;
- padding: 0;
- }
- hr {
- border: 1px solid gray;
- height: 1px;
- }
- img {
- border: 0;
- }
- table {
- border-collapse: collapse;
- width: 100%;
- }
- th {
- padding-right: 1em; /* LTR */
- text-align: left; /* LTR */
- }
- thead > tr {
- border-bottom: 1px solid #000;
- }
- tr {
- border-bottom: 1px solid #ccc;
- padding: 0.1em 0.6em;
- }
- caption {
- text-align: left; /* LTR */
- }
-
- /**
- * Publishing status.
- */
- .unpublished {
- background-color: #fff4f4;
- }
- .preview {
- background-color: #ffffea;
- }
-
- /**
- * 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;
- }
- h4.label {
- font-size: inherit;
- font-weight: bold;
- margin: 0;
- padding: 0;
- }
- .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 details.
- *
- * @see collapse.js
- * @thanks http://nicolasgallagher.com/css-background-image-hacks/
- */
- details {
- border: 1px solid #ccc;
- margin-top: 1em;
- margin-bottom: 1em;
- }
- details > .details-wrapper {
- padding: 0.5em 1.5em;
- }
- /* @todo Regression: The summary of uncollapsible details are no longer
- vertically aligned with the .details-wrapper in browsers without native
- details support. */
- summary {
- padding: 0.2em 0.5em;
- }
- .collapse-processed > summary {
- padding-left: 0.5em;
- padding-right: 0.5em;
- }
- .collapse-processed > summary:before {
- background: url(../../misc/menu-expanded.png) 0px 100% no-repeat; /* LTR */
- content: "";
- float: left;
- height: 1em;
- width: 1em;
- }
- .collapse-processed:not([open]) > summary:before {
- background-position: 25% 35%; /* LTR */
- -moz-transform: rotate(-90deg);
- -ms-transform: rotate(-90deg);
- -o-transform: rotate(-90deg);
- -webkit-transform: rotate(-90deg);
- transform: rotate(-90deg);
- }
-
- /**
- * 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;
- border-radius: 3px;
- }
- .progress .filled {
- background: #0072b9 url(../../misc/progress.gif);
- }
-
- /**
- * Markup generated by theme_menu_tree().
- */
- ul.menu {
- list-style: none outside;
- margin-left: 1em; /* LTR */
- padding: 0;
- text-align: left; /* LTR */
- }
- .menu .expanded {
- list-style-image: url(../../misc/menu-expanded.png);
- list-style-type: circle;
- }
- .menu .collapsed {
- list-style-image: url(../../misc/menu-collapsed.png); /* LTR */
- list-style-type: disc;
- }
- ul.menu li {
- padding-top: 0.2em;
- margin: 0;
- }
- ul.menu a.active {
- color: #000;
- }
-
- /**
- * 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;
- }
- /* IE8 does not support :not() and :last-child. */
- .breadcrumb li:before {
- content: ' » ';
- }
- .breadcrumb li:first-child:before {
- content: none;
- }
-
- /**
- * Markup generated by theme_menu_local_tasks().
- */
- div.tabs {
- margin: 1em 0;
- }
- ul.tabs {
- list-style: none;
- margin: 0 0 0.5em;
- padding: 0;
- }
- .tabs > li {
- display: inline-block;
- margin-right: 0.3em; /* LTR */
- }
- .tabs a {
- display: block;
- padding: 0.2em 1em;
- text-decoration: none;
- }
- .tabs a.active {
- background-color: #eee;
- }
- .tabs a:focus,
- .tabs a:hover {
- background-color: #f5f5f5;
- }
-
- /**
- * Styles for link buttons and action links.
- */
- .action-links {
- list-style: none;
- padding: 0;
- margin: 1em 0;
- }
- .action-links li {
- display: inline-block;
- margin: 0 0.3em;
- }
- .action-links li:first-child {
- margin-left: 0; /* LTR */
- }
- a.button {
- display: inline-block;
- line-height: 160%;
- padding: 0.2em 0.5em 0.3em;
- text-decoration: none;
- }
- a.button.add:before {
- content: '+';
- font-weight: 900;
- margin-left: -0.1em; /* LTR */
- padding-right: 0.2em; /* LTR */
- }
-
- /**
- * 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;
- }