Module css not displayed I have created a custom module for Drupal 7 that displays a block, and I would like to add some CSS. The problem is that the CSS is not working.

This is the module code.

/**
 * Implements hook_block_info().
 */
function filter_search_form_block_info() {
  $blocks['filter_search_form'] = array(
    'info' =&gt; t('Filter Search Form'),
    // 'cache' =&gt; DRUPAL_CACHE_PER_ROLE,
  );

  return $blocks;
}

/**
 * Implements hook_block_view().
 */
function filter_search_form_block_view($delta = '') {
  $block = array();

  switch ($delta) {
    case 'filter_search_form':
      $block['subject'] = t('block Title');
      $block['content'] = array(
        '#markup' =&gt; '&lt;div id="filter-search-form"&gt;
          &lt;form id="filter-search-form-form"&gt;           
            &lt;div class="form-group"&gt;
              &lt;input type="text" class="form-control form-text" name="txt_search"&gt;
                &lt;label for="chk_brigadista"&gt;' . t('Brigadista') . '&lt;/label&gt;
                &lt;input type="checkbox" class="form-control" name="chk_brigadista"&gt;
                &lt;label for="chk_fuente"&gt;' . t('Fuente Documental') . '&lt;/label&gt;
                &lt;input type="checkbox" class="form-control" name="chk_fuente"&gt;
                &lt;label for="chk_encuadramiento"&gt;' . t('Encuadramiento Militar') . '&lt;/label&gt;
                &lt;input type="checkbox" class="form-control" name="chk_encuadramiento"&gt;
                &lt;input type="submit" value="' . t('search') . '"&gt;
              &lt;/div&gt;
            &lt;/form&gt;
          &lt;/div&gt;',
          '#attached' =&gt; array(
            'css' =&gt; array(
              drupal_get_path('module', 'filter_search_form') . '/css'
             ),
             'js' =&gt; array(
               drupal_get_path('module', 'filter_search_form') . '/js/'
             ),
           ),
         );
         break;
    }

    return $block;
}


This is the module .info file.

name = Filter Search Form
description = Module that create a Block for Filter Search Form, form with checboxes to filter search.
core = 7.x
package = CUSTOM

scripts[] = 'js/filter_search_form.js'

stylesheets[all][] = css/filter_search_form.css


These are the CSS styles.

#filter-search-form {
    float:left;
    background-color:red;
}


Why aren't the CSS styles applied to the module output? I cleared the cache with drush cc all.

The structure is:


css/


filter_search_form.css

js/ 


filter_search_form.js

filter_search_form.info
filter_search_form.module
You may need to rename the CSS file.


  The word "style" can not be used in the name, like "myown_style.css".
  It will conflict with the default style.css. Anyhow, myownstyle.css
  will work.


See Adding style sheets from .info files for more details.