/* TYPOGRAPHY –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Paragraphs ------------------------------------------------------------------------------------------------------ */ .module p.help, p.help { color: #999; } .fb_show + p.help a { border: 1px solid #309bbf; } .fb_show + p.help a:link, .fb_show + p.help a:visited { border: 1px solid #309bbf; } .fb_show + p.help a:hover, .fb_show + p.help a:active { border: 1px solid #444; } /* Links ------------------------------------------------------------------------------------------------------ */ a:link, a:visited { color: #309bbf; } a:hover, a:active, a.selected { color: #444; } .dashboard h2 a:link, .dashboard h2 a:visited, .dashboard h3 a:link, .dashboard h3 a:visited { color: #444; } .dashboard h2 a:hover, .dashboard h2 a:active, .dashboard h3 a:hover, .dashboard h3 a:active { color: #309bbf; } #header a:link, #header a:visited { color: #59AFCC; } #header a:hover, #header a:active { color: #444; } /* Blockquote, Pre, Code ------------------------------------------------------------------------------------------------------ */ blockquote { color: #777; border-left: 5px solid #ddd; } code, pre { color: #666; background: inherit; } pre.literal-block { background: #eee; } code strong { color: #930; } hr { color: #eee; border: 0; background-color: #eee; } /* RTE (Rich Text Edited) ------------------------------------------------------------------------------------------------------ */ .rte h3 { border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; } .rte .group h3 { border-top: 0; } .rte h3:last-child, .rte h4:last-child { border-bottom: 0; } .rte td { border-left: 1px solid #f4f4f4; } .rte td:first-of-type { border-left: 0; } .delete-confirmation ul.rte>li { border-top: 1px solid #fff; border-bottom: 1px solid #e0e0e0; } .delete-confirmation ul.rte>li:first-child { border-top: 0; } .delete-confirmation ul.rte>li:last-child { border-bottom: 0; } .delete-confirmation ul.rte>li>ul>li { border-top: 1px dashed #e0e0e0; } .rte blockquote table { border: 1px solid #d4d4d4; } /* Other Styles ------------------------------------------------------------------------------------------------------ */ .warning { color: #bf3030; } .quiet { color: #999; } /* STRUCTURES –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ body { color: #444; background: #fff; } /* Header ------------------------------------------------------------------------------------------------------ */ #header { color: #eee; background: #333; } #header a:hover, #header a:active { color: #ddd; } /* Branding, Bookmarks & User-Tools ------------------------------------------------------------------------------------------------------ */ .branding { border-left: 1px solid #343434; background-color: #262626; } .admin-title { border-left: 1px solid #404040; border-right: 1px solid #303030; } /* User Tools ................................................... */ #user-tools { border-left: 1px solid #303030; } #user-tools>li { border-left: 1px solid #404040; border-right: 1px solid #303030; } li.user-options-container.open a.user-options-handler { color: #eee !important; } li.user-options-container.open ul.user-options { border-top: 1px solid #262626; background: #333; } ul.user-options li { border-top: 1px solid #404040; border-bottom: 1px solid #292929; } ul.user-options li:last-child { border-bottom: 0; } /* Breadcrumbs ------------------------------------------------------------------------------------------------------ */ div#breadcrumbs { color: #666; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #e6e6e6; } /* Messages ------------------------------------------------------------------------------------------------------ */ ul.messagelist li { border-bottom: 1px solid #ccc; background-color: #e8f2da; } ul.messagelist.success li { background-color: #e8f2da; } ul.messagelist.error li { background-color: #f2e6e6; } /* Login Form ------------------------------------------------------------------------------------------------------ */ .login .module { border: 0; background: #333; } .login .module .row { border-top: 1px solid #444; border-bottom: 1px solid #222; } .login .module label { color: #eee; } /* COMPONENTS –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Modules ------------------------------------------------------------------------------------------------------ */ .module { border: 1px solid #bdbdbd; background: #eee; } .rte .module { background: transparent; } /* Nested Modules Basics ......................................... */ .module .module, .module fielset.module { border: 0; } /* Groups ------------------------------------------------------------------------------------------------------ */ .group.collapse.closed { border: 2px solid #e0e0e0; } .group, .group.collapse.closed:hover { border: 2px solid #c7c7c7; } /* Elements in Modules & Groups ------------------------------------------------------------------------------------------------------ */ /* 1st Level Borders Top (Dark/Bright) ......................................... */ .group h2, .module h2 { border-bottom: 1px solid #bdbdbd; background: #d6d6d6; } .group h2 { border: 1px solid #bdbdbd; } .module h2+*, .module h2+.tools+* { border-top: 1px solid #fff; } .module h2+.module, .module h2+.tools, .module h2+.tools+.module { border-top: 0 !important; } /* 2nd Level Borders Top (Dark/Bright) ......................................... */ .module .module { border-top: 1px solid #c7c7c7; } .module .module>*:first-child { border-top: 1px solid #eee; } #changelist .span-flexible .module .module:first-child { border-top: 0; } .group h3, .module h3 { border-bottom: 1px solid #c7c7c7; background: #e0e0e0; } .module h3+*, .module h3+.tools+* { border-top: 1px solid #fff; } .module h3+.module, .module h3+.tools, .module h3+.tools+.module { border-top: 0 !important; } /* 3rd Level Borders Top (Dark/Bright) ......................................... */ .group .module .module, .module .module .module { border-top: 1px solid #d4d4d4; } .group .module .module>*:first-child, .module .module .module>*:first-child { border-top: 1px solid #f4f4f4; } .group h4, .module h4 { border-bottom: 1px solid #d4d4d4; background: #e8e8e8; } .module h4+*, .module h4+.tools+* { border-top: 1px solid #fff; } .module h4+.tools { border-top: 0 !important; } .module .description { border-bottom: 1px solid #d4d4d4; } /* Collapsible Structures ------------------------------------------------------------------------------------------------------ */ .module.collapse.closed h2.collapse-handler, .module.collapse.closed h3.collapse-handler, .module.collapse.closed h4.collapse-handler { border-bottom: 0; } /* 1st Level Collapsible-Handler ......................................... */ .collapse h2.collapse-handler { background: #a1d4e5; } .collapse h2.collapse-handler:hover, .collapse.open h2.collapse-handler { background: #bcdfeb; } /* 2nd Level Collapsible-Handler ......................................... */ .group .collapse h3.collapse-handler, .module .collapse h3.collapse-handler { background: #cee9f2; } .group .collapse h3.collapse-handler:hover, .module .collapse h3.collapse-handler:hover, .group .collapse.open h3.collapse-handler, .module .collapse.open h3.collapse-handler { background: #e1f0f5; } .module .collapse h3.collapse-handler { border-top: 1px solid #e1f0f5; } /* 3rd Level Collapsible-Handler ......................................... */ .group .module .collapse h4.collapse-handler, .module .module .collapse h4.collapse-handler { border-top: 1px solid #f0f7fa; background: #e1f0f5; } .group .collapse h4.collapse-handler:hover, .module .collapse h4.collapse-handler:hover, .group .collapse.open h4.collapse-handler, .module .collapse.open h4.collapse-handler { background: #ebf2f5; } /* Row ------------------------------------------------------------------------------------------------------ */ .row { border-top: 1px solid #fff; border-bottom: 1px solid #e0e0e0; border-left: 0; border-right: 0; } .row.first, .row:first-child, .module input[type=hidden] + .row { border-top: 0 !important; } .row.last, .row:last-child, .row:last-of-type, fieldset.module > .row.last, fieldset.module > .row:last-child { border-bottom: 0 !important; } /* Cell ------------------------------------------------------------------------------------------------------ */ .cell { border-right: 1px solid #e0e0e0; border-left: 1px solid #fff; } /* Fieldset Cell ------------------------------------------------------------------------------------------------------ */ fieldset.module .cell:first-child { border-left: 0 !important; } fieldset.module .cell:last-child, fieldset.module .cell.last { border-right: 0 !important; } fieldset.module .cell.last + fieldset.module .cell { border-left: 0 !important; } /* Tabular Modules ------------------------------------------------------------------------------------------------------ */ .module.table { border: 0; border-collapse: separate; border-spacing: 0 2px; background: transparent; } .module.thead, .module.tfoot { color: #aaa; background: transparent; } .module.table .tr, .module.tbody { background: transparent; } .module.table .th, .module.table .td { border-left: 1px solid #fff; border-right: 1px solid #e0e0e0; } .module.thead .th:last-of-type, .module.thead .td:last-of-type, .module.tfoot .td:last-of-type { border-right: 0; } .module.table .module.thead .th, .module.table .module.thead .td { border-top: 0; border-bottom: 0; background: none; } .module.tbody .th, .module.tbody .td { border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; background: #eee; } .module.tbody .th:first-of-type, .module.tbody .td:first-of-type { border-left: 1px solid #ccc; } /* Add Items ------------------------------------------------------------------------------------------------------ */ .module.add-item { border: 1px solid transparent; background: #fff; } /* Predelete ------------------------------------------------------------------------------------------------------ */ .predelete h2, .predelete h2.collapse-handler, .predelete h3, .predelete h3.collapse-handler, .predelete h4, .predelete h4.collapse-handler { background: #f2e6e6 !important; } .predelete h2.collapse-handler:hover, .predelete h3.collapse-handler:hover, .predelete h4.collapse-handler:hover, .collapse.open .predelete h2.collapse-handler, .collapse.open .predelete h3.collapse-handler, .collapse.open .predelete h4.collapse-handler { background: #f2e6e6 !important; } .predelete, .predelete .module, .predelete .th, .predelete .td { background: #f2e6e6 !important; } /* Selectors ------------------------------------------------------------------------------------------------------ */ .selector-available, .selector-chosen { border: 1px solid #ccc; background: #ddd; } .selector h2, .inline-group .selector h2, .inline-related fieldset .selector-available h2, .inline-related fieldset .selector-chosen h2 { border: 0; border-bottom: 1px solid #d0d0d0; background: transparent; } .selector .selector-filter { color: #666; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; } .selector select[multiple=multiple] { border-left: 0; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; } a.selector-chooseall, a.selector-clearall { border-top: 1px solid #e4e4e4; } .selector h2 + select { border-top: 0; } a.selector-chooseall, a.selector-clearall { border-top: 1px solid #e4e4e4; } /* Link-List, Actions, Feed, Table of Contents ------------------------------------------------------------------------------------------------------ */ .module.link-list, .module.link-list .module, .module.actions, .module.actions .module, .module.feed, .module.feed .module { background: #fff; } .link-list ul li, .feed ul li, .actions ul li, .table-of-contents ul li { border-top: 1px solid #fff; border-bottom: 1px solid #e0e0e0; } .actions ul li { color: #999; } .actions ul li:first-child, .link-list ul li:first-child, .feed ul li:first-child, .table-of-contents ul li:first-child { border-top: 0; } .actions ul li:last-child, .link-list ul li:last-child, .feed ul li:last-child, .table-of-contents ul li:last-child { border-bottom: 0; } .link-list ul li.selected a, .table-of-contents ul li.selected a { color: #444; } a.internal:link, a.internal:visited {} a.internal:hover, a.internal:active, .actions li.delete-link { color: #666; } a.external:link, a.external:visited { color: #83c3d9; } a.external:hover, a.external:active { color: #666; } /* Module Changelist Filters ------------------------------------------------------------------------------------------------------ */ .module.changelist-filters { color: #666; border: 1px solid #d4d4d4; } /* Module Search & Module Filter ------------------------------------------------------------------------------------------------------ */ .module.search, .module.filter { border: 0; } .module.filter .pulldown-container { border: 1px solid #fff; } .module.filter.open .pulldown-container { border-color: #ccc; box-shadow: 0 0 10px #444; -moz-box-shadow: 0 0 10px #444; -webkit-box-shadow: 0 0 10px #444; } .open a.button.toggle-filters, .open.selected a.button.toggle-filters { border-color: transparent !important; } a.button.toggle-filters:link, a.button.toggle-filters:visited { color: #309bbf; border-color: #ddd; } .selected a.button.toggle-filters:link, .selected a.button.toggle-filters:visited { color: #444; background-color: #e1f0f5; } .open a.button.toggle-filters, .selected a.button.toggle-filters, .selected a.button.toggle-filters:hover, .selected a.button.toggle-filters:active, a.button.toggle-filters:hover, a.button.toggle-filters:active { color: #666; border-color: #ccc; background-color: #e1f0f5; } .selected a.button.toggle-filters:link, .selected a.button.toggle-filters:visited { color: #666; border-color: #ddd; background-color: #e1f0f5; } .open a.button.toggle-filters, .open.selected a.button.toggle-filters, .selected a.button.toggle-filters:hover, .selected a.button.toggle-filters:active, a.button.toggle-filters:hover, a.button.toggle-filters:active { color: #666; border-color: #ccc; background-color: #e1f0f5; } .filter-pulldown { border: 1px solid transparent; border-top: 0; background: #e1f0f5; } .filter-pulldown label { color: #999; } /* Module Date Hierarchy ------------------------------------------------------------------------------------------------------ */ .module.date-hierarchy { border: 1px solid #d9d9d9; background: #eee; } .module + .module.date-hierarchy .row { border-top: 1px solid #fff !important; } .date-hierarchy a:link, .date-hierarchy a:visited { color: #59afcc; } .date-hierarchy a:hover, .date-hierarchy a:active { color: #444; } .date-hierarchy a.date-hierarchy-back:hover, .date-hierarchy a.date-hierarchy-back:active { color: #666; } /* Pagination ------------------------------------------------------------------------------------------------------ */ .module.pagination { border: 1px solid #d9d9d9; } .module .module.pagination { border: 0; } ul.pagination { border-top: 0 !important; } ul.pagination li { border: 1px solid #fff; } ul.pagination span, ul.pagination a { border: 1px solid; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } ul.pagination a:link, .pagination a:visited { color: #59afcc; border-color: #d9d9d9; } ul.pagination a:hover, .pagination a:active { color: #444; border-color: #bdbdbd; background: #e0e0e0; } ul.pagination span { color: #444; border-color: #bdbdbd; background: #e0e0e0; } ul.pagination li.separator span { border-color: transparent; background: transparent; } /* Module Changelist-Results ------------------------------------------------------------------------------------------------------ */ .module.changelist-results { background-color: #eee !important; } /* Module Changelist Actions ------------------------------------------------------------------------------------------------------ */ .module.changelist-actions { color: #ccc; background: #eee; } .module.changelist-actions.all-selected, .module.changelist-actions.all-selected + .module.changelist-results { background: #ffffe6 !important; } .module.changelist-actions ul li { border: 1px solid #444; } .module.changelist-actions ul a, .module.changelist-actions ul span { border: 1px solid; } .module.changelist-actions ul a:link, .module.changelist-actions ul a:visited { color: #59afcc; border-color: #333; background: #333; } .module.changelist-actions ul a:hover, .module.changelist-actions ul a:active { color: #ccc; border-color: #333; background: #555; } .module.changelist-actions ul span { color: #ccc; border-color: #333; } .module.changelist-actions ul span span { border: 0; } /* Module Footer ------------------------------------------------------------------------------------------------------ */ .module.footer { border: 0; border-top: 1px solid #bdbdbd; background: #333; } /* Submit Row ------------------------------------------------------------------------------------------------------ */ .module.submit-row { border: 0; background: transparent; } /* Tooltips ------------------------------------------------------------------------------------------------------ */ .module.search .tooltip .tooltip-content { border: 1px solid #ccc; background: #fff; } /* TOOLS –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ ul.tools li { border-top: 0 !important; border-bottom: 0 !important; } /* H1 + Tools ------------------------------------------------------------------------------------------------------ */ h1 + .tools a { color: #fff; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; } h1 + .tools a:link, h1 + .tools a:visited { background: #444; } h1 + .tools a:hover, h1 + .tools a:active { border-color: transparent; background: #309bbf; } h1 + .tools a.add-handler:link, h1 + .tools a.add-handler:visited { background-color: #444; } h1 + .tools a.add-handler:hover, h1 + .tools a.add-handler:active { background-color: #309bbf; } /* FORMS –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ /* Errors ------------------------------------------------------------------------------------------------------ */ .errornote { color: #f7f7f7; background: #bf3030; } ul.errorlist { color: #bf3030; } .error input, .error select, .errors input, .errors select, .errors textarea { border: 1px solid #bf3030 !important; } /* Labels & Other Typographic Elements in Forms ------------------------------------------------------------------------------------------------------ */ label { color: #444; } /* Form Elements ------------------------------------------------------------------------------------------------------ */ input, textarea, select, button { color: #666; border: 1px solid #bbb; border-color: #ccc #ddd #ddd #ccc; outline: 0; } input, textarea, select { box-shadow: 0 1px 3px #eaeaea inset; -moz-box-shadow: 0 1px 3px #eaeaea inset; -webkit-box-shadow: 0 1px 3px #eaeaea inset; } *:focus, input:focus, textarea:focus, select:focus { border-color: #999 #bbb #bbb #999; } select:focus * { border: 0 !important; outline: 0 !important; } /* Searchbar ................................................... */ form#changelist-search { border: 1px solid #fff; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; } input#searchbar { border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; } /* Select ................................................... */ option, select[multiple=multiple] option { border-bottom: 1px dotted #ddd !important; } option:last-child { border-bottom: 0; } /* Autocomplete Fields ................................................... */ .vAutocompleteSearchField, .vM2MAutocompleteSearchField { background: #eaf5f8; } /* Read Only ................................................... */ input[readonly], textarea[readonly], select[readonly] { background: #f4f4f4; } /* BUTTONS –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ input[type=submit], input[type=reset], input[type=button], button { color: #fff; border: 0; background: #acd7e5; } /* Button Containers ................................................... */ .submit-row>*[class*="-container"] { box-shadow: 0 0 5px #666; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; background: #d6d6d6; } .submit-row>*[class*="-container"]:hover { box-shadow: 0 0 5px #777; -moz-box-shadow: 0 0 5px #777; -webkit-box-shadow: 0 0 5px #777; background: #d6d6d6; } .submit-row>*[class*="cancel-button-container"] { box-shadow: 0 0 5px #aaa; -moz-box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; } .footer .submit-row>*[class*="-container"], .footer .submit-row>*[class*="cancel-button-container"] { border: 1px solid #666; box-shadow: 0 0 5px #666; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; background: #666; } .submit-row>*[class*="cancel-button-container"] { box-shadow: 0 0 5px #aaa; -moz-box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; } .footer .submit-row>*[class*="-container"]:hover, .footer .submit-row>*[class*="cancel-button-container"]:hover { border: 1px solid #777; box-shadow: 0 0 5px #777; -moz-box-shadow: 0 0 5px #777; -webkit-box-shadow: 0 0 5px #777; background: #777; } /* Buttons & Buttonlike Links ------------------------------------------------------------------------------------------------------ */ .submit-row input[type=submit], .submit-row a.submit-link:link, .submit-row a.submit-link:visited { border: 1px solid #267c99; } input[type=submit], #bookmark-add-cancel, .submit-row a.delete-link:link, .submit-row a.delete-link:visited, .submit-row a.cancel-link:link, .submit-row a.cancel-link:visited, .submit-row input[type=button] { box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; } .submit-row a.delete-link:link, .submit-row a.delete-link:visited { color: #fff; border: 1px solid #992626; background: #bf3030; } #bookmark-add-cancel, .submit-row a.cancel-link:link, .submit-row a.cancel-link:visited, .submit-row input.cancel:hover { color: #fff; border: 1px solid #444; background: #666; } input[type=submit], .submit-row a.submit-link:hover, .submit-row a.submit-link:active { color: #fff; background: #309bbf; } input[type=submit]:hover, #bookmark-add-cancel:hover, .submit-row a.submit-link:hover, .submit-row a.submit-link:active, .submit-row a.delete-link:hover, .submit-row a.delete-link:active, .submit-row a.cancel-link:hover, .submit-row a.cancel-link:active, .submit-row input.cancel { color: #444; border: 1px solid #aaa; background: #d6d6d6; } .footer input[type=submit]:hover, .footer #bookmark-add-cancel:hover, .footer .submit-row a.delete-link:hover, .footer .submit-row a.delete-link:active, .footer .submit-row a.cancel-link:hover, .footer .submit-row a.cancel-link:active { border: 1px solid #666; } button { background: #309bbf; } button:hover { background: #666; } button.fb_show, button.ui-gAutocomplete-browse, button.ui-gFacelist-browse, button.ui-gAutoSlugField-toggle, button.ui-datepicker-trigger, button.ui-timepicker-trigger, .tinyMCE .browse span { border: 1px solid #ccc; background-color: #e1f0f5; } button.fb_show:hover, button.ui-gAutocomplete-browse:hover, button.ui-gFacelist-browse:hover, button.ui-gAutoSlugField-toggle:hover, button.ui-datepicker-trigger:hover, button.ui-timepicker-trigger:hover, .tinyMCE .browse span:hover { background-color: #e1e1e1; } button.fb_show[disabled], button.ui-gAutocomplete-browse[disabled], button.ui-gFacelist-browse[disabled], button.ui-gAutoSlugField-toggle[disabled], button.ui-datepicker-trigger[disabled], button.ui-timepicker-trigger[disabled], input[disabled] + a { background-color: transparent !important; opacity: 0.3; cursor: auto !important; } /* Search Button ......................................... */ button.search { border-color: transparent !important; background-color: transparent; } /* Links as Buttons ------------------------------------------------------------------------------------------------------ */ a.button, .datecrumbs a, .datecrumbs span { border: 1px solid #e0e0e0; } /* Drop-Down Button ......................................... */ a.button.drop-down[class*="selected"] { color: #444 !important; border-color: #b0b0b0; border-bottom-width: 0 !important; box-shadow: 0 -2px 3px #bbb, -2px -2px 3px #bbb, 2px -2px 3px #bbb; -moz-box-shadow: 0 -2px 3px #bbb, -2px -2px 3px #bbb, 2px -2px 3px #bbb; -webkit-box-shadow: 0 -2px 3px #bbb, -2px -2px 3px #bbb, 2px -2px 3px #bbb; } a.button.drop-down:link, a.button.drop-down:visited { color: #309bbf; background-color: #fff; } a.button.drop-down[class*="selected"], a.button.drop-down:hover, a.button.drop-down:active { color: #666; background-color: #e1f0f5; } /* Filebrowser & Related Lookup ......................................... */ a.fb_show, a.related-lookup { border: 1px solid #ccc; } a.fb_show:link, a.fb_show:visited, a.related-lookup:link, a.related-lookup:visited { background-color: #e1f0f5; } a.fb_show:hover, a.fb_show:active, a.related-lookup:hover, a.related-lookup:active { background-color: #e1e1e1; } a.related-lookup + strong { color: #555; } /* Buttons & Button Links in Errors ......................................... */ .error input + button, .error .vDateField + button, .error .vTimeField + button, .error input + a.fb_show, .error input + a.related-lookup, .error input + a.add-another, .errors input + button, .errors .vDateField + button, .errors .vTimeField + button, .errors input + a.fb_show, .errors input + a.related-lookup, .errors input + a.add-another { border-color: #bf3030; } /* Focused Buttons & Button Links ......................................... */ input:focus + button, .vDateField:focus + span a, .vTimeField:focus + span a, input:focus + a.fb_show, input:focus + a.related-lookup, input:focus + a.add-another { border-color: #bbb; border-left-color: #ccc; } /* TABLES –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ tr.alt th, tr.alt td { background: #f4f4f4; } .row1 th, .row1 td { background: #f4f4f4; } .row2 th, .row2 td { background: #fff; } .selected th, .selected td { background: #ffd; } /* Thead ................................................... */ thead th, tfoot td { color: #aaa; border-left: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; background: #eee; } thead th.sorted { border-bottom: 1px solid #ccc; background: #e0e0e0; } thead th a:link, thead th a:visited { color: #59afcc; border-top: 1px solid #fff; } thead th a:hover, thead th a:active, thead th.sorted a { color: #444; } thead th.sorted a { border-top: 1px solid #ececec; } /* Tbody ................................................... */ tbody th, tbody td { border-top: 1px solid #fff; border-bottom: 1px solid #e0e0e0; } tfoot td { border-bottom: 0; border-top: 1px solid #d4d4d4; } thead th:first-child, tfoot td:first-child { border-left: 0; } fieldset table { border-right: 1px solid #eee; } tr.row-label td { border-bottom: 0; color: #666; } /* Changelist Table ------------------------------------------------------------------------------------------------------ */ #changelist table { border: 1px solid #bdbdbd; } #changelist tbody th, #changelist tbody td { border: 0; border-top: 1px solid #e8e8e8; border-left: 1px solid #e0e0e0; } #changelist tbody tr:first-child th, #changelist tbody tr:first-child td { border-top: 1px solid #fff; } #changelist tbody tr th:first-child, #changelist tbody tr td:first-child { border-left: 0; } #changelist thead *[style^="display: none"] + *, #changelist tbody tr *[style^="display: none"] + * { border-left: 0; } /* Overrides ------------------------------------------------------------------------------------------------------ */ tbody th:first-child, tbody td:first-child { border-left: 0; } tbody tr:last-child td, tbody tr:last-child th { border-bottom: 0; }