summaryrefslogtreecommitdiff
path: root/lib/grappelli/media/css/grappelli-skin-basic.css
diff options
context:
space:
mode:
Diffstat (limited to 'lib/grappelli/media/css/grappelli-skin-basic.css')
-rw-r--r--lib/grappelli/media/css/grappelli-skin-basic.css1294
1 files changed, 1294 insertions, 0 deletions
diff --git a/lib/grappelli/media/css/grappelli-skin-basic.css b/lib/grappelli/media/css/grappelli-skin-basic.css
new file mode 100644
index 0000000..2ae70c3
--- /dev/null
+++ b/lib/grappelli/media/css/grappelli-skin-basic.css
@@ -0,0 +1,1294 @@
+
+
+
+/* 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;
+}
+.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;
+ 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 {
+ 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] {
+ 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] {
+ background: #309bbf;
+}
+input[type=submit]:hover,
+#bookmark-add-cancel:hover,
+.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;
+}