compression des css

Tags:

Si avec  webdev on voit de multiples .css avec des URL de type "ex.com/sites/css/Grf124...hO4.css" c'est que la compression des feuilles de styles est activé (par ex site en prod).

Sur un site de dev (ou de test): aller désactiver la compression à admin/config/development/performance

Theme Bartik, où sont les css ?

Le plus simple, lorsque l'on découvre un thème est de regarder son .info...

Styles CSS d'un sous theme Bartik (cf nomtheme.info)
du .info notes

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

100 lignes

hauteur et largeur des div.section, marges et positions relatives ou absolues des regions, position du header (selon la présence ou non du menu secondaires dans cette région), largeur du contenu selon la présence ou non de sidebar, largeur des 3 region-triptych, padding sur le footer-wrapper et enfin largeur du footer

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

1 650 lignes

mise en forme des principales balises HTML, font serif et sans-serif, "reset styles" (caption, blockquote), tableau (table tr th tr.even et tr.odd...), listes (ol ul),
partie Header: block de recherche et langue dans la région header, main menu, les grandes régions (menu 2nd, main, Featured, Highlighted, Help, content, comments, sidebar, Triptych, footer), puis les onglets systèmes, messages, breadcrumbs font, user-picture, pw... et boutons...), divers forms (dont search), partie admin drupal, forms et poll...

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

58 lignes

du module couleur intégré: couleur des fonds du main menu, couleur de la bordure des commentaires, couleur du header, des liens, couleur des blocs de la sidebar, du pied de page et à la fin, couleur des liens du menu secondaire
stylesheets[print][] = css/print.css par ex, cache les form de commentaire

Ce sont les memes css que le Bartik de base 7.27.

Il y a 5 templates.

TIP: Utiliser le template maintenance-page.tpl.php et maintenance-page.css pour débuter. Le module style guide peut aussi aider (aller à admin/appearance/styleguide/montheme).