Modifier les CSS de corporateclean

Avec Corporateclean version 7.x-2.3 et la création manuelle du sous-thème mycorpo2 en v2.3.

Création de mystyle1.css, ajouté à mycorpo2.info (après la ligne "stylesheets[all][] = color/colors.css" : stylesheets[all][] = mystyle1.css)

Mise en forme des drapeaux (i18n et language-icon)

Le soucis: . DrupalForFirebug indique la ligne 30 de style.css : . En décochant "display: block" de a img le drapeau reprend sa place. Il nous faut donc ajouter une règle qui ne concerne que les images portant la classe language-icon (sans perturber les images qui ont des liens).

La résolution: dans mystyle1.css ajouter la ligne: a img.language-icon { display:inline-block; }

Les couleurs

Anna souhaite avoir un fond sombre et texte clair.

Je fais 2-3 modifs rapides en fr/admin/appearance/settings/mycorpo2 mais les titres h2 (et h1 qui ont un lien) sont peu lisibles, à cause d'un effet ombré (cf. titre en haut à gauche de l'image):
En comparant avec admin/appearance/settings/mycorpo2)

  • #1487D4 la couleur en 1er plan, correspond à (qu'on peux modifier en #0093c5)
  • EAF1EA est la couleur de l'ombre qu'il faut obscurcir, et correspond à Headings shadow
  • Main menu background hover (>=2 level) ?

Le header est trop haut car infos sous le logo

Si le nom du site et info était à droite du logo, on gagnerait en hauteur. Et/ou réduire #header-inside de 40 à 20.

  • #header-inside était à 40 px => ajout ligne (dans mystyle1.css) #header-inside { padding:20px 0; }
  • #header a img { display:inline-block; float: left; } est laid, descendre nom site et slogan