je ne sais pas si ce phénomène est dû à la complexité du site ou à la charge de la machine/du navigateur. J'ai parfois ce problème avec le forum (qui ne contient que 2 css dont une en import de l'autre), mais lorsque je charge une quinzaine de pages...

Pour revenir à ta question:
style.css contient la structure
theme.css contient la cosmétique (couleurs, bordures, polices)
local.css surcharge les deux précédents cumulés
ovrlocal, je ne vois pas le besoin, local étant spécifique à la galerie installée ( je veux bien un exemple).

Ces fichiers sont transversaux au niveau des thèmes (template/*.css) ou des templates (aka template-common/*.css) ?
A l'heure actuelle, nous avons les deux.
Vu qu'on fonctionne template+thème, il reste impératif de séparer structure et couleurs => ok avec toi, style.css et theme.css
Si l'admin d'une galerie veut modifier un thème ou un template, il crée un local.css, qu'il importe au niveau où il le souhaite (plus besoin de l'ovrlocal.css):
- Soit il veut la modif sur un ou deux thèmes : dans le theme.css, il importe son local.css (même s'il contient de la structure, il n'y a pas de problème).
- Soit il veut la modif sur tout le template, tous thèmes confondus, il l'importe dans style.css.
Point négatif: du coup, si on veut une modif tous templates confondus, il faut reporter l'import dans tous les templates.

Solution alternative nécessitant un petit développement: une action permet de compiler une feuille de style par thème à partir de l'existant.
Ex: pour le thème dark du template yoga, je concatène template-common/*.css, template/yoga/*.css, template/yoga/dark/*.css et je l'appelle template/yoga/dark/yoga-dark.css.
Du coup, un seul fichier à gérer au niveau de l'affichage, mais une structure répartie plus claire pour les modifs.

mathiasm a écrit:

je ne sais pas si ce phénomène est dû à la complexité du site ou à la charge de la machine/du navigateur.

Ce n'est pas ce qui se dit sur les sujets remontés par l'ami GoûtGueule.
8-)

mathiasm a écrit:

je résume avec mes mots:
local surcharge style
ovrlocal surcharge theme + style?

PS: ok pour le FOUC

Au final, il n'y a qu'un seul css, mathias...
Les "Options par défaut du browser client" sont surchargés par le style (de l'auteur*):
1 » style.css
2 » theme.css
3 » local.css
4 » ovrlocal.css
et demain peut être le style personnel (du lecteur*).
(*: Auteur et lecteur sont les termes utilisés dans les descriptions de la norme CSS2.

---------------------------
On a plusieurs solutions:

La solution précédente que l'on peut appeler "dépannage ready" (on peut corriger dans ovrlocal).
Ce qui veut dire que le thème n'a pas toujours le dernier mot et qu'il peut y avoir des situations conflictuelles (de 2 thèmes à résoudre en ovrlocal.css, ce qui se révèlera parfois impossible à régler)

La solution "Local a le dernier mot":
1 » style.css
2 » theme.css
3 » local.css
Ce cas obligerait HK-3 a être un template et non un simple thème comme aujourd'hui,
car si theme.css indique:

#content, BODY#theAdminPage #content {
  margin-left: 1em;
  border-top: none;
}

local.css peut indiquer:

#content {
  margin-left: 22em;
  border-top: none;
}

et le thème HK-3 ne marcherait pas pour ce site.

La solution "Thème a le dernier mot":
1 » style.css
2 » local.css
3 » theme.css
Si theme.css casse une directive correcte de local.css,
on propose une correction directe dans theme.css
(Inconvénient theme.css n'est pas un fichier local, et en cas d'upgrade: aurevoir l'ami).
D'où la solution "dépannage ready".
Malheureusement, aucune solution n'est parfaite.
Si tout le monde (y compris chrisaga) s'accorde sur le principe à retenir...
---------------------------




---------------------------
Je vois poindre la question: "Comment fait-on l'appel des css?"
(situation qui a perturbé mon ami rb en 1.6 si je me souviens bien).

La responsabilité est au dernier css qui surcharge.

Exemple dans header.tpl au lieu de (situation actuelle):

<link rel="stylesheet" type="text/css" href="{pwg_root}template/{themeconf:template}/layout.css">
<!-- the next css is used to fix khtml (Konqueror/Safari) issue
the "text/nonsense" prevents gecko based browsers to load it -->
<link rel="stylesheet" type="text/nonsense" href="{pwg_root}template/{themeconf:template}/fix-khtml.css">
<!--[if lt IE 7]>
  <link rel="stylesheet" type="text/css" href="{pwg_root}template/{themeconf:template}/fix-ie5-ie6.css">
<![endif]-->
<link rel="stylesheet" type="text/css" media="print" href="{pwg_root}template/{themeconf:template}/print.css">
<link rel="stylesheet" type="text/css" href="{pwg_root}template/{themeconf:template}/default-colors.css">
<link rel="stylesheet" type="text/css" href="{pwg_root}template/{themeconf:template}/theme/{themeconf:theme}/theme.css">
{themeconf:local_head}

On aura :

<link rel="stylesheet" type="text/css" href="{pwg_root}template/{themeconf:template}/theme/{themeconf:theme}/ovrlocal.css">
<!-- the next css is used to fix khtml (Konqueror/Safari) issue
the "text/nonsense" prevents gecko based browsers to load it -->
<link rel="stylesheet" type="text/nonsense" href="{pwg_root}template/{themeconf:template}/fix-khtml.css">
<!--[if lt IE 7]>
  <link rel="stylesheet" type="text/css" href="{pwg_root}template/{themeconf:template}/fix-ie5-ie6.css">
<![endif]-->
{themeconf:local_head}

Et chaque ovrlocal.css (à distribuer avec chaque thème) devrait commencer par:

@import "../../print.css" print; /* template path is "../../" and pwg is "../../../../" */
@import "../../style.css";
@import "../../../../template-common/local.css";
@import "theme.css";

/* Specific global changes (to all templates) must be done in "../../../../template-common/local.css" */
/* Add below only specific changes (to this template-theme) */

(Jillij ne devrait pas être forcément content en première lecture, puisqu'on changerait encore la logique des template).
Et surtout pas d'autres @import pour éviter le FOUC.
8-)

Il faut nous donner une catégorie publique avec au moins une image... 8-)

PS: En plus, ce n'est pas le FOUC... 8-)
Pour ceux qui ont FF c'est facile de voir ce que cela donne: Affichage + Style de la page + Aucun style.
En IE, c'est plus compliqué à voir (mais le syndrôme est plus fréquent).

8-)

Pourrais-tu re-uploader tous les répertoires /template/yoga/ et /template-common/
il semble qu'il me manque une partie du css...

A moins que tu aies fait des modifs mal à propos.
Rien avoir avec FOUC.

Ouvrir un autre topic si tu as besoin d'assistance encore.

Merci à ceux qui relèvent parfois le pb de FOUC d'intervenir sur ce topic.
8-)