/** * @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; } /** * 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; } .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 a { background: url(../../misc/menu-expanded.png) 5px 65% no-repeat; /* LTR */ padding-left: 15px; /* LTR */ } .js fieldset.collapsed > legend .fieldset-legend a { 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; 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; }