active_scaffold 3.1.19 → 3.1.20

data/app/assets/stylesheets/active_scaffold.css.erb

@@ -5,1117 +5,7 @@
  ActiveScaffold is freely distributable under the terms of an MIT-style license.
 
  For details, see the ActiveScaffold web site: http://www.activescaffold.com/
-
+ *= require active_scaffold_layout
+ *= require active_scaffold_default
 */
-<%
-  @disabled_color ||= '#999'
-  @actions_disabled_color ||= '#666'
-  @link_color ||= '#06c'
-  @hover_bg ||= '#ff8'
-  @header_color ||= '#555'
-  
-  @column_header_bg ||= @header_color
-  @column_header_link_color ||= '#fff'
-  @column_header_link_hover_bg ||= '#000'
-  @column_header_link_hover_color ||= '#ff8'
-  @column_header_color ||= '#eee'
-  @column_header_sorted_bg ||= '#333'
-  
-  @column_bg ||= '#E6F2FF'
-  @column_even_bg ||= '#fff'
-  @column_color ||= '#333'
-  @column_empty_color ||= '#999'
-  @column_border_color ||= '#C5DBF7'
-  @column_even_border_color ||= '#ddd'
-  @column_actions_border_color ||= '#ccc'
-  
-  @column_sorted_bg ||= '#B9DCFF'
-  @column_sorted_border_color ||= '#AFD0F5'
-  @column_even_sorted_bg ||= '#E6F2FF'
-  @column_even_sorted_border_color ||= '#AFD0F5'
-  
-  @calculations_bg ||= '#eee'
-  @calculations_border_color ||= '#005CB8'
-  
-  @action_group_color ||= '#0066CC'
-  @action_group_hover_bg ||= '#ff8'
-  @action_group_border_color ||= '#005CB8'
-  @action_group_items_bg ||= '#EEE'
-  @action_group_items_border_color ||= '#222'
-  @action_group_link_color ||= @column_color
-  
-  @nested_bg ||= '#DAFFCD'
-  @nested_border_color ||= '#7FCF00'
-  @nested_footer_color ||= '#444'
-  @nested_column_bg ||= '#ECFFE7'
-  @nested_column_border_color ||= @column_border_color
-  
-  @second_nested_bg ||= '#FFFFBB'
-  @second_nested_border_color ||= '#DDDF37'
-  
-  @third_nested_bg ||= @nested_bg
-  @third_nested_border_color ||= @nested_border_color
-  
-  @pagination_border_color ||= '#ccc'
-  @msg_color ||= '#333'
-  @msg_error_bg ||= '#fbb'
-  @msg_error_border_color ||= '#f66'
-  @msg_warning_bg ||= '#ffb'
-  @msg_warning_border_color ||= '#ff6'
-  @msg_info_bg ||= '#bbf'
-  @msg_info_border_color ||= '#66f'
-  @msg_filtered_bg ||= '#e8e8e8'
-  @msg_filtered_color ||= '#666'
-  
-  @form_title_color ||= '#1F7F00'
-  @label_color ||= @header_color
-  @description_color ||= '#999'
-  @placeholder_color ||= '#aaa'
-  @input_border_color ||= @form_title_color
-  @input_error_border_color ||= '#f00'
-  @input_focus_bg ||= '#ffc'
-  
-  @draggable_list_bg ||= '#FFFF88'
-  @draggable_list_selected_bg ||= '#7FCF00'
-  @checkbox_list_bg ||= '#fff'
-  
-  @subform_color ||= '#999'
-  @subform_header_color ||= @header_color
-  @subform_footer_color ||= @subform_color
-%>
-
-.active-scaffold form,
-.active-scaffold table,
-.active-scaffold p,
-.active-scaffold div,
-.active-scaffold fieldset {
-margin: 0;
-padding: 0;
-}
-
-.active-scaffold {
-margin: 5px 0;
-}
-
-.active-scaffold table {
-width: 100%;
-border-collapse: separate;
-}
-
-.active-scaffold a,
-.active-scaffold a:visited {
-color: <%= @link_color %>;
-text-decoration: none;
-}
-
-.active-scaffold a.disabled {
-color: <%= @disabled_color %>;
-}
-
-.active-scaffold a:hover, .active-scaffold div.hover, .active-scaffold td span.hover {
-background-color: <%= @hover_bg %>;
-}
-
-.active-scaffold div.actions a img,
-.active-scaffold td.actions a img {
-border: none;
-vertical-align: middle;
-}
-
-.active-scaffold div.actions a.disabled img,
-.active-scaffold td.actions a.disabled img {
-opacity: 0.5;
-}
-
-.active-scaffold .clear-fix {
-clear: both;
-}
-
-noscript.active-scaffold {
-border-left: solid 5px <%= @msg_error_border_color %>;
-background-color: <%= @msg_error_bg %>;
-font-size: 11px;
-font-weight: bold;
-padding: 5px 20px 5px 5px;
-color: <%= @column_color %>;
-}
-
-.active-scaffold .mark_record_column {
-  width: 1px;
-}
-
-/* Header
-   ======================== */
-
-.active-scaffold-header {
-position: relative;
-}
-
-.active-scaffold-header h2 {
-padding: 2px 0px;
-margin: 0;
-color: <%= @header_color %>;
-font: bold 160% arial, sans-serif;
-}
-
-.active-scaffold-header div.actions a,
-.active-scaffold-header div.actions {
-float: right;
-font: bold 14px arial;
-letter-spacing: -1px;
-text-decoration: none;
-padding: 1px 2px;
-white-space: nowrap;
-margin-left: 5px;
-background-position: 1px 50%;
-background-repeat: no-repeat;
-}
-
-.active-scaffold-header div.actions a {
-padding: 5px 5px;
-margin-left: 0px;
-}
-
-.active-scaffold .active-scaffold .active-scaffold-header div.actions > a {
-padding: 1px 5px;
-}
-
-.active-scaffold-header div.actions div.action_group {
-display: inline;
-float: right;
-}
-
-.active-scaffold-header div.actions div.action_group li a,
-.active-scaffold-header div.actions div.action_group li div {
-float: none;
-margin: 0;
-}
-
-.active-scaffold-header div.actions .action_group ul {
-line-height: 130%;
-top: 19px;
-}
-
-.active-scaffold .active-scaffold .active-scaffold-header div.actions .action_group ul {
-top: 14px;
-}
-
-.view .active-scaffold-header div.actions a,
-.view .active-scaffold-header div.actions div,
-.view .active-scaffold-header div.actions div.action_group {
-float: left;
-}
-
-.active-scaffold-header div.actions a.disabled {
-color: <%= @actions_disabled_color %>;
-opacity: 0.5;
-}
-
-.active-scaffold-header div.actions a.new,
-.active-scaffold-header div.actions a.new_existing,
-.active-scaffold-header div.actions a.show_search,
-.active-scaffold-header div.actions a.show_config_list,
-.active-scaffold-header div.actions div.action_group div {
-margin:0;  
-padding: 5px 5px 5px 25px;
-background-position: 5px 50%;
-background-repeat: no-repeat;
-}
-
-.active-scaffold .active-scaffold .active-scaffold-header div.actions > a.new,
-.active-scaffold .active-scaffold .active-scaffold-header div.actions > a.new_existing,
-.active-scaffold .active-scaffold .active-scaffold-header div.actions > a.show_search,
-.active-scaffold .active-scaffold .active-scaffold-header div.actions > a.show_config_list,
-.active-scaffold .active-scaffold .active-scaffold-header div.actions div.action_group > div {
-margin:0;
-padding: 1px 5px 1px 20px;
-background-position: 1px 50%;
-background-repeat: no-repeat;
-}
-
-.active-scaffold-header div.actions div.action_group div {
-  background-image: url(<%= asset_path 'active_scaffold/gears.png' %>); /* default icon for actions or override with css */
-}
-
-.active-scaffold-header div.actions a.show_config_list {
-  background-image: url(<%= asset_path 'active_scaffold/config.png' %>);
-}
-
-.active-scaffold-header div.actions a.new,
-.active-scaffold-header div.actions a.new_existing {
-background-image: url(<%= asset_path 'active_scaffold/add.gif' %>);
-}
-
-.active-scaffold-header div.actions a.show_search {
-
-background-image: url(<%= asset_path 'active_scaffold/magnifier.png' %>);
-}
-
-.active-scaffold-header div.actions a.disabled:hover {
-background-color: transparent;
-cursor: default;
-}
-
-.active-scaffold-header div.actions {
-position: absolute;
-right: 5px;
-top: 5px;
-text-align: right;
-}
-
-/* Table :: Column Headers
-   ============================= */
-
-.active-scaffold th {
-background-color: <%= @column_header_bg %>;
-text-align: left;
-}
-
-.active-scaffold th a,
-.active-scaffold th p {
-font: bold 11px arial, sans-serif;
-display: block;
-background-color: <%= @column_header_bg %>;
-}
-
-.active-scaffold th a, .active-scaffold th a:visited {
-color: <%= @column_header_link_color %>;
-padding: 2px 2px 2px 5px;
-}
-
-.active-scaffold th p {
-color: <%= @column_header_color %>;
-padding: 2px 5px;
-}
-
-.active-scaffold th a:hover {
-background-color: <%= @column_header_link_hover_bg %>;
-color: <%= @column_header_link_hover_color %>;
-}
-
-.active-scaffold th.sorted {
-background-color: <%= @column_header_sorted_bg %>;
-}
-
-.active-scaffold th.sorted a {
-padding-right: 18px;
-}
-
-.active-scaffold th.asc a,
-.active-scaffold th.asc a:hover {
-background: <%= @column_header_sorted_bg %> url(<%= asset_path 'active_scaffold/arrow_up.gif' %>) right 50% no-repeat;
-}
-
-.active-scaffold th.desc a,
-.active-scaffold th.desc a:hover {
-background: <%= @column_header_sorted_bg %> url(<%= asset_path 'active_scaffold/arrow_down.gif' %>) right 50% no-repeat;
-}
-
-.active-scaffold th.loading a,
-.active-scaffold th.loading a:hover {
-background: <%= @column_header_sorted_bg %> url(<%= asset_path 'active_scaffold/indicator-small.gif' %>) right 50% no-repeat;
-}
-
-.active-scaffold th .mark_heading {
-margin-left: 5px;
-}
-
-.active-scaffold th.hidden, .active-scaffold td.hidden {
-display: none;
-}
-
-/* Table :: Record Rows
-   ============================= */
-
-.active-scaffold tr.record {
-  background-color: <%= @column_bg %>;
-}
-.active-scaffold tr.record td {
-padding: 5px 4px;
-color: <%= @column_color %>;
-font-family: Verdana, sans-serif;
-font-size: 11px;
-border: solid 1px <%= @column_border_color %>;
-border-width: 0 0 1px 1px;
-}
-
-.active-scaffold tr.record td.messages-container {
-padding: 0px;
-}
-
-.active-scaffold tr.even-record {
-background-color: <%= @column_even_bg %>;
-}
-.active-scaffold tr.even-record td {
-border-left-color: <%= @column_even_border_color %>;
-}
-
-.active-scaffold tr.record td.sorted {
-background-color: <%= @column_sorted_bg %>;
-border-bottom-color: <%= @column_sorted_border_color %>;
-}
-
-.active-scaffold tr.even-record td.sorted {
-background-color: <%= @column_even_sorted_bg %>;
-border-bottom-color: <%= @column_even_sorted_border_color %>;
-}
-
-.active-scaffold tbody.records td.empty {
-color: <%= @column_empty_color %>;
-text-align: center;
-}
-
-.active-scaffold td.numeric,
-.active-scaffold-calculations td {
-text-align: right;
-}
-
-/* Table :: Actions (Edit, Delete)
-   ============================= */
-.active-scaffold tr.record td.actions {
-border-right: solid 1px <%= @column_actions_border_color %>;
-padding: 0;
-min-width: 1%;
-}
-
-.active-scaffold tr.record td.actions table {
-float: right;
-width: auto;
-margin-right: 5px;
-}
-
-.active-scaffold tr.record td.actions table td {
-border: none;
-text-align: right;
-padding: 0 2px;
-}
-
-.active-scaffold tr.record td.actions a,
-.active-scaffold tr.record td.actions div {
-font: bold 11px verdana, sans-serif;
-letter-spacing: -1px;
-padding: 2px;
-margin: 0 2px;
-line-height: 16px;
-white-space: nowrap;
-}
-
-.active-scaffold tr.record td.actions a.disabled {
-color: <%= @actions_disabled_color %>;
-opacity: 0.5;
-}
-
-.active-scaffold .actions .action_group div:hover {
-background-color: <%= @action_group_hover_bg %>;
-}
-
-.active-scaffold .actions .action_group {
-position: relative;
-text-align: left;
-color: <%= @action_group_color %>;
-}
-
-.active-scaffold .actions .action_group ul {
-border: 2px solid <%= @action_group_border_color %>;
-list-style-type: none;
-margin: 0;
-padding: 0;
-position: absolute;
-line-height: 200%;
-display: none;
-width: 150px;
-right: 0px;
-}
-
-.active-scaffold .actions .action_group ul ul {
-display: none;
-position: absolute;
-top: 0;
-right: 150px;
-}
-
-.active-scaffold .actions .action_group ul li {
-background: none repeat scroll 0 0 <%= @action_group_items_bg %>;
-border-top: 1px dashed <%= @action_group_items_border_color %>;
-display: block;
-position: relative;
-width: auto;
-z-index: 2;
-}
-
-.active-scaffold .actions .action_group ul li div {
-  margin: 0;
-  padding: 5px 5px 5px 25px;
-  background-position: 5px 50%;
-  background-repeat: no-repeat;
-}
-
-.active-scaffold .actions .action_group ul li a {
-  display: block;
-  color: <%= @action_group_link_color %>;
-  margin: 0;
-  padding: 5px 5px 5px 25px;
-  background-position: 5px 50%;
-  background-repeat: no-repeat;
-}
-
-.active-scaffold .actions .action_group ul li.top {
-border-top-width: 0px;
-}
-
-.active-scaffold .actions .action_group:hover ul ul,
-.active-scaffold .actions .action_group:hover ul ul ul {
-display: none;
-}
-
-.active-scaffold .actions .action_group:hover ul,
-.active-scaffold .actions .action_group ul li:hover > ul,
-.active-scaffold .actions .action_group ul ul li:hover ul {
-display: block;
-}
-
-/* Table :: Inline Adapter
-   ============================= */
-
-.active-scaffold .view {
-background-color: <%= @nested_bg %>;
-padding: 4px;
-border: solid 1px <%= @nested_border_color %>;
-}
-
-.active-scaffold tbody.records td.inline-adapter-cell .view {
-border-top: none;
-}
-
-.active-scaffold .before-header td.inline-adapter-cell .view {
-border-bottom: none;
-}
-
-.active-scaffold a.inline-adapter-close {
-float: right;
-text-indent: -4000px;
-width: 16px;
-height: 17px;
-background: url(<%= asset_path 'active_scaffold/close.gif' %>) 0 0 no-repeat;
-}
-
-/* Nested
-   ======================== */
-
-.active-scaffold .active-scaffold .active-scaffold-header {
-margin-right: 25px;
-}
-
-.active-scaffold .active-scaffold .active-scaffold-header h2 {
-font-size: 12px;
-font-weight: bold;
-}
-
-.active-scaffold .active-scaffold .active-scaffold-footer {
-color: <%= @nested_footer_color %>;
-}
-
-.active-scaffold .active-scaffold .active-scaffold-header div.actions {
-top: 0px;
-right: 0px;
-}
-
-.active-scaffold .active-scaffold .active-scaffold-header div.actions a,
-.active-scaffold .active-scaffold .active-scaffold-header div.actions div {
-font: bold 11px verdana, sans-serif;
-}
-
-.active-scaffold .active-scaffold .view {
-background-color: transparent;
-padding: 0px;
-border: none;
-}
-
-.active-scaffold .active-scaffold  td {
-background-color: <%= @nested_column_bg %>;
-border-bottom: solid 1px <%= @nested_column_border_color %>;
-border-left: solid 1px <%= @nested_column_border_color %>;
-}
-
-.active-scaffold .active-scaffold td.inline-adapter-cell {
-background-color: <%= @second_nested_bg %>;
-padding: 4px;
-border: solid 1px <%= @second_nested_border_color %>;
-border-top: none;
-}
-
-.active-scaffold .active-scaffold .active-scaffold td.inline-adapter-cell {
-background-color: <%= @third_nested_bg %>;
-padding: 4px;
-border: solid 1px <%= @third_nested_border_color %>;
-border-top: none;
-}
-
-.active-scaffold .active-scaffold .active-scaffold-footer {
-font-size: 11px;
-}
-
-/* Footer
-   ========================== */
-
-.active-scaffold-calculations td {
-background-color: <%= @calculations_bg %>;
-border-top: 2px solid <%= @calculations_border_color %>;
-font: bold 12px arial, sans-serif;
-}
-
-.active-scaffold .active-scaffold-footer {
-padding: 3px 0px 2px 0px;
-border-bottom: none;
-font: bold 12px arial, sans-serif;
-}
-
-.active-scaffold-footer .active-scaffold-pagination {
-float: right;
-white-space: nowrap;
-margin-right: 5px;
-}
-
-.active-scaffold-footer a {
-text-decoration: none;
-letter-spacing: 0;
-padding: 0 2px;
-margin: 0 -2px;
-font: bold 12px arial, sans-serif;
-}
-
-.active-scaffold-footer .next {
-margin-left: 0;
-padding-left: 5px;
-border-left: solid 1px <%= @pagination_border_color %>;
-}
-
-.active-scaffold-footer .previous {
-margin-right: 0;
-padding-right: 5px;
-border-right: solid 1px <%= @pagination_border_color %>;
-}
-
-/* Messages
-   ========================= */
-
-.active-scaffold .messages-container,
-.active-scaffold .active-scaffold .messages-container{
-padding: 0;
-margin: 0 7px;
-border: none;
-}
-
-.active-scaffold .empty-message, .active-scaffold .filtered-message {
-background-color: <%= @msg_filtered_bg %>;
-padding: 4px;
-text-align: center;
-color: <%= @msg_filtered_color %>;
-}
-
-.active-scaffold .message {
-font-size: 11px;
-font-weight: bold;
-padding: 5px 20px 5px 5px;
-color: <%= @msg_color %>;
-position: relative;
-margin: 2px 7px;
-line-height: 12px;
-}
-
-.active-scaffold .message a {
-position: absolute;
-right: 10px;
-top: 4px;
-padding: 0;
-font: bold 11px verdana, sans-serif;
-letter-spacing: -1px;
-}
-
-.active-scaffold .messages-container .message {
-margin: 0;
-}
-
-.active-scaffold .error-message {
-border-left: solid 5px <%= @msg_error_border_color %>;
-background-color: <%= @msg_error_bg %>;
-}
-
-.active-scaffold .warning-message {
-border-left: solid 5px <%= @msg_warning_border_color %>;
-background-color: <%= @msg_warning_bg %>;
-}
-
-.active-scaffold .info-message {
-border-left: solid 5px <%= @msg_info_border_color %>;
-background-color: <%= @msg_info_bg %>;
-}
-
-/* Error Styling
-   ========================== */
-
-.active-scaffold .errorExplanation {
-background-color: <%= @msg_error_bg %>;
-margin: 2px 0;
-border: solid 1px <%= @msg_error_border_color %>;
-}
-
-.active-scaffold fieldset {
-clear: both;
-}
-
-.active-scaffold .errorExplanation h2 {
-padding: 2px 5px;
-color: <%= @msg_color %>;
-font-size: 11px;
-margin: 0;
-letter-spacing: 0;
-font-family: Verdana;
-background-color: <%= @msg_error_border_color %>;
-}
-
-.active-scaffold .errorExplanation ul {
-margin: 0;
-padding: 0 2px 4px 25px;
-list-style: disc;
-}
-
-.active-scaffold .errorExplanation p {
-font-size: 11px;
-padding: 2px 5px;
-font-family: Verdana;
-margin: 0;
-}
-
-.active-scaffold .errorExplanation ul li {
-font: bold 11px verdana;
-letter-spacing: -1px;
-margin: 0;
-padding: 0;
-background-color: transparent;
-}
-
-/* Loading Indicators
-   ============================== */
-
-.active-scaffold .loading-indicator {
-vertical-align: text-bottom;
-width: 16px;
-margin: 0;
-}
-
-.active-scaffold .active-scaffold-header .loading-indicator {
-margin-top: 3px;
-}
-
-/* Show
-   ============================= */
-
-.active-scaffold .show-view dl {
-margin-left: 5px;
-}
-.active-scaffold .show-view dl dl {
-margin-left: 0px;
-}
-
-.active-scaffold .show-view dt {
-width: 12em;
-float: left;
-clear: left;
-font: normal 11px verdana, sans-serif;
-color: <%= @label_color %>;
-line-height: 16px;
-}
-
-.active-scaffold .show-view dd {
-float: left;
-font: bold 14px arial;
-padding-left: 5px;
-margin-bottom: 5px;
-}
-
-/* Form
-   ============================== */
-
-.active-scaffold dl {
-margin: 0;
-}
-
-.active-scaffold .submit {
-font-weight: bold;
-font-size: 14px;
-font-family: Arial, sans-serif;
-letter-spacing: 0;
-margin: 0;
-margin-top: 5px;
-}
-
-.active-scaffold form p {
-clear: both;
-}
-
-.active-scaffold fieldset {
-border: none;
-}
-
-.active-scaffold h4,
-.active-scaffold h5 {
-padding: 2px;
-margin: 0;
-text-transform: none;
-color: <%= @form_title_color %>;
-letter-spacing: -1px;
-font: bold 16px arial;
-}
-
-.active-scaffold h5 {
-padding: 0;
-margin: 5px 0 2px 0;
-font-size: 14px;
-letter-spacing: 0;
-}
-
-.active-scaffold ol {
-clear: both;
-float: none;
-padding: 2px;
-margin-left: 5px;
-list-style: none;
-}
-
-.active-scaffold p.form-footer {
-clear: both;
-}
-
-.active-scaffold a.as_cancel,
-.active-scaffold p.form-footer a {
-font: bold 14px arial, sans-serif;
-letter-spacing: 0;
-}
-
-/* Form :: Fields
-   ============================== */
-
-.active-scaffold li.form-element {
-clear: both;
-}
-
-.active-scaffold label {
-font: normal 11px verdana, sans-serif;
-color: <%= @label_color %>;
-}
-
-.active-scaffold li.form-element dt {
-float: left;
-width: 12em;
-padding: 6px 0;
-}
-
-.active-scaffold li.form-element dd {
-float: left;
-}
-
-.active-scaffold li.form-element dd p,
-.active-scaffold li.form-element dd input[type="checkbox"] {
-margin-top: 6px;
-}
-
-.active-scaffold .form dd {
-margin: 0;
-}
-
-
-.active-scaffold .description {
-display: inline-block;
-color: <%= @description_color %>;
-font-size: 10px;
-margin-left: 5px;
-}
-
-.active-scaffold .required label {
-font-weight: bold;
-}
-
-.active-scaffold label.example {
-font-size: 11px;
-font-family: arial;
-color: <%= @placeholder_color %>;
-}
-
-.active-scaffold input.text-input,
-.active-scaffold select {
-font: bold 16px arial;
-letter-spacing: -1px;
-border: solid 1px <%= @input_border_color %>;
-}
-
-.active-scaffold input.text-input {
-padding: 2px;
-}
-
-.active-scaffold .fieldWithErrors input,
-.active-scaffold .field_with_errors input,
-.active-scaffold .fieldWithErrors textarea,
-.active-scaffold .field_with_errors textarea,
-.active-scaffold .fieldWithErrors select,
-.active-scaffold .field_with_errors select {
-border: solid 1px <%= @input_error_border_color %>;
-}
-
-.active-scaffold select {
-padding: 1px;
-}
-
-.active-scaffold input.example {
-color: <%= @placeholder_color %>;
-}
-
-.active-scaffold select:focus,
-.active-scaffold input.text-input:focus {
-background-color: <%= @input_focus_bg %>;
-}
-
-.active-scaffold textarea {
-font-family: Arial, sans-serif;
-font-size: 12px;
-padding: 1px;
-border: solid 1px <%= @input_border_color %>;
-}
-
-.active-scaffold .checkbox-list {
-padding-left: 0px;
-}
-
-.active-scaffold .checkbox-list li {
-padding-right: 5px;
-display: inline;
-}
-
-.active-scaffold .checkbox-list li label {
-padding: 0 0 0 2px;
-}
-
-.active-scaffold .draggable-list {
-float: left;
-width: 300px;
-margin-right: 15px;
-min-height: 30px;
-max-height: 100px;
-overflow: auto;
-background-color: <%= @draggable_list_bg %>;
-}
-
-.active-scaffold .draggable-list.hover {
-opacity: 0.5;
-}
-
-.active-scaffold .draggable-list.selected {
-background-color: <%= @draggable_list_selected_bg %>;
-}
-
-.active-scaffold .draggable-list li {
-display: block;
-}
-
-li.draggable-item {
-  list-style: none;
-}
-li.draggable-item input,
-.active-scaffold .draggable-list input {
-display: none;
-}
-
-/* Form :: Sub-Sections
-   ============================== */
-
-.active-scaffold li.sub-section {
-clear: left;
-padding: 5px 0;
-}
-
-/* Form :: Association Sub-Forms
-   ============================== */
-
-.active-scaffold .sub-form {
-float: left;
-clear: left;
-padding: 5px 0;
-padding-left: 5px;
-}
-
-.active-scaffold .sub-form h5 {
-margin-left: -5px;
-}
-
-.active-scaffold .sub-form table,
-.active-scaffold .sub-form table td {
-width: auto;
-background: none;
-}
-
-.active-scaffold .sub-form table th {
-font: normal 10px verdana, sans-serif;
-color: <%= @subform_header_color %>;
-padding: 0 5px 0 1px;
-background: none;
-}
-
-.active-scaffold .horizontal-sub-form td dt label {
-display: none;
-}
-
-.active-scaffold .sub-form .checkbox-list {
-padding: 0 2px 2px 2px;
-background-color: <%= @checkbox_list_bg %>;
-border: solid 1px <%= @input_border_color %>;
-}
-
-.active-scaffold .sub-form .checkbox-list label {
-display: block;
-}
-
-.active-scaffold .sub-form table td {
-border: none;
-background-color: transparent;
-padding: 1px;
-vertical-align: top;
-color: <%= @subform_color %>;
-}
-
-.active-scaffold .sub-form .actions {
-vertical-align: middle;
-background-color: transparent;
-clear: left;
-}
-
-.active-scaffold .sub-form .association-record a.destroy {
-font-weight: bold;
-display: block;
-height: 16px;
-padding: 0;
-width: 16px;
-text-indent: -4000px;
-background: url(<%= asset_path 'active_scaffold/cross.png' %>) 0 0 no-repeat;
-}
-
-.active-scaffold .sub-form .locked a.destroy {
-display: none;
-}
-
-.active-scaffold .sub-form .association-record a {
-font: bold 12px arial;
-}
-
-.active-scaffold .sub-form input.text-input,
-.active-scaffold .sub-form select {
-letter-spacing: 0;
-font: bold 12px arial;
-}
-
-.active-scaffold .sub-form .footer-wrapper {
-margin-top: 3px;
-margin-right: 10px;
-}
-
-.active-scaffold .sub-form .footer {
-color: <%= @subform_footer_color %>;
-padding: 3px 5px;
-}
-
-.active-scaffold .sub-form .footer select,
-.active-scaffold .sub-form .footer input {
-font-weight: bold;
-font-size: 12px;
-padding: 0;
-}
-
-.active-scaffold a.visibility-toggle {
-font-size: 100%;
-}
-
-.active-scaffold-found {
-  float:left;
-}
-
-.as_touch a.inline-adapter-close {
-width: 25px;
-height: 27px;
-background: url(<%= asset_path 'active_scaffold/close_touch.png' %>) 0 0 no-repeat;
-}
-
-.as_touch .as_paginate {
-font-size: 20px;
-padding: 3px 10px;
-}
-
-.as_touch .active-scaffold-header div.actions a {
-padding: 7px 5px;
-}
-
-.as_touch .active-scaffold .active-scaffold-header div.actions a {
-padding: 7px 5px;
-}
-
-.as_touch .active-scaffold-header div.actions .action_group ul {
-line-height: 130%;
-top: 23px;
-}
-
-.as_touch .active-scaffold .active-scaffold-header div.actions .action_group ul {
-top: 23px;
-}
-
-.as_touch .active-scaffold-header div.actions a.new,
-.as_touch .active-scaffold-header div.actions a.new_existing,
-.as_touch .active-scaffold-header div.actions a.show_search,
-.as_touch .active-scaffold-header div.actions a.show_config_list,
-.as_touch .active-scaffold-header div.actions div.action_group div {
-padding: 7px 5px 7px 25px;
-}
-
-.as_touch .active-scaffold .active-scaffold-header div.actions > a.new,
-.as_touch .active-scaffold .active-scaffold-header div.actions > a.new_existing,
-.as_touch .active-scaffold .active-scaffold-header div.actions > a.show_search,
-.as_touch .active-scaffold .active-scaffold-header div.actions > a.show_config_list,
-.as_touch .active-scaffold .active-scaffold-header div.actions div.action_group > div {
-padding: 7px 5px 7px 25px;
-background-position: 5px 50%;
-}
-
-.as_touch .actions .action_group ul li div {
-padding: 7px 5px 7px 25px;
-}
-
-.as_touch .actions .action_group ul li a {
-padding: 7px 5px 7px 25px;
-}
-
-.as_touch .active-scaffold-header h2 {
-padding: 4px 0px;
-}
-
-.as_touch .active-scaffold .active-scaffold-header div.actions a,
-.as_touch .active-scaffold .active-scaffold-header div.actions div {
-  font: bold 14px arial;
-}
-
-.as_touch .active-scaffold .active-scaffold-header div.actions {
-  right: 15px;
-}
-
-.as_touch tr.record {
-line-height: 130%;
-}
-
-.as_touch th a, .as_touch th a:visited {
-color: <%= @column_header_link_color %>;
-padding: 5px 2px 5px 5px;
-}
-
-.as_touch tr.record td {
-padding: 5px 10px;
-}
-
-<% require_asset "jquery-ui" %>
-<% ActiveScaffold.stylesheets.each {|css| require_asset css} %>
-<% ActiveScaffold::Bridges.all_stylesheets.each {|css| require_asset css} %>
+@import 'active_scaffold_colors<%= '.css' unless defined? Sass %>';