Utilisateur:Tractopelle-jaune/Brouillon/styles.css

/* <nowiki> */

/* Feuille de style pour tests divers avec TemplateStyles */
/* Modèle de contenu : sanitized-css */

/* Tests en cours sur cette feuille :
 * Tableaux d'effectifs de football
 * Liste horizontale
*/


/* Tests pour mise en forme tableaux d'effectifs de football */
/* Rendu sur [[Utilisateur:Tractopelle-jaune/BrouillonK]] */
table.football-effectif
{
    border: none;
    border-collapse: collapse;
    margin-left: 0.5em;
    width: 97%;
}

table.football-effectif td
{
    padding: 2px;
}

table.football-effectif tr.football-effectif-entete
{
    background-color: #DFDFDF;
}

table.football-effectif tr.football-effectif-entete th:nth-child(-n+2) /* Cible les deux premiers colonnes */
{
    text-align: left;
}

table.football-effectif tr.football-effectif-entete th:nth-child(n+3) /* Cible toutes les colonnes a partir de la 3e */
{
    text-align: center;
}

table.football-effectif tr.football-effectif-entete th:nth-child(n+4) /* Cible toutes les colonnes a partir de la 4e */
{
    width: 30px;
}

table.football-effectif tr.football-effectif-gardiens,
table.football-effectif tr.football-effectif-defenseurs,
table.football-effectif tr.football-effectif-milieux,
table.football-effectif tr.football-effectif-attaquants,
table.football-effectif tr.football-effectif-selectionneur
{
    text-align: center;
}

table.football-effectif tr.football-effectif-gardiens ~ tr td:nth-child(n+4),
table.football-effectif tr.football-effectif-defenseurs ~ tr td:nth-child(n+4),
table.football-effectif tr.football-effectif-milieux ~ tr td:nth-child(n+4),
table.football-effectif tr.football-effectif-attaquants ~ tr td:nth-child(n+4),
table.football-effectif tr.football-effectif-selectionneur ~ tr td:nth-child(n+4)
{
    text-align: center;
}

table.football-effectif tr.football-effectif-gardiens
{
    background-color: #FFDEAD;
}

table.football-effectif tr.football-effectif-gardiens ~ tr td
{
    background-color: #FFECCE;
}

table.football-effectif tr.football-effectif-defenseurs
{
    background-color: #BBF0C9;
}

table.football-effectif tr.football-effectif-defenseurs ~ tr td
{
    background-color: #E7FAEC;
}

table.football-effectif tr.football-effectif-milieux
{
    background-color: #B0D3FB;
}

table.football-effectif tr.football-effectif-milieux ~ tr td
{
    background-color: #DFEDFD;
}

table.football-effectif tr.football-effectif-attaquants
{
    background-color: #FFACB3;
}

table.football-effectif tr.football-effectif-attaquants ~ tr td
{
    background-color: #FFD2D6;
}

table.football-effectif tr.football-effectif-selectionneur
{
    background-color: #BEBEBE;
}

table.football-effectif tr.football-effectif-selectionneur ~ tr td
{
    background-color: #D3D3D3;
}
/* Fin tests tableaux d'effectifs */

/* ############################## */

/* Tests pour nouveaux modes de gestion de la sécabilité pour {{Liste horizontale}} - testé sur [[Utilisateur:Tractopelle-jaune/BrouillonL]] */
.liste-horizontale.liste-horizontale-secable-restreint li li:first-child:before,
.liste-horizontale.liste-horizontale-secable-restreint li li + li:before
{
	white-space: nowrap;
}

.liste-horizontale.liste-horizontale-secable li
{
	white-space: normal;
}
/* Fin tests listes horizonatles */




/** Règles CSS pour prévisualisation palettes sur [[Utilisateur:Tractopelle-jaune/TestPalette]] **/
div.test-palette .liste-horizontale li
{
    background-color: gainsboro;
}

div.test-palette .liste-horizontale li li
{
    background-color: khaki;
}

div.test-palette .liste-horizontale li li li
{
    background-color: sandybrown;
}

/* Indication des liens en rouge clair dès le 2e lien par élément */
div.test-palette .liste-horizontale li a
{
    background-color: lightsalmon;
}

div.test-palette .liste-horizontale li > a:first-child,
div.test-palette .liste-horizontale li > i:first-child > a:first-of-type,
div.test-palette .liste-horizontale li > b:first-child > a:first-of-type,
div.test-palette .liste-horizontale li > u:first-child > a:first-of-type,
div.test-palette .liste-horizontale li > small:first-child > a:first-of-type,
div.test-palette .liste-horizontale li > span[lang] > a:first-child,
div.test-palette .liste-horizontale li > i:first-child > span[lang] > a:first-of-type,
div.test-palette .liste-horizontale li > b:first-child > span[lang] > a:first-of-type,
div.test-palette .liste-horizontale li > u:first-child > span[lang] > a:first-of-type,
div.test-palette .liste-horizontale li > small:first-child > span[lang] > a:first-of-type
{
    background-color: unset;
}

div.test-palette .liste-horizontale li::before,
div.test-palette .liste-horizontale li::after
{
    background-color: rgb(249, 249, 249);
}

div.test-palette .navbox-even .liste-horizontale li::before,
div.test-palette .navbox-even .liste-horizontale li::after
{
    background-color: #f0f0ff;
}

/* Indication rouge si balise pre présente dans une liste-horizontale */
/* Indication rouge si classe .sep-liste présente (indique la présence d'un modèle {{Liste éléments}} */
div.test-palette .liste-horizontale pre,
div.test-palette .liste-verticale-horizontale pre,
div.test-palette .sep-liste
{
	background-color: red;
}

/* Indication en vert clair des contenus indiqués dans le paramètre "titre=" des modèles {{Liste horizontale}} */
div.test-palette div.liste-horizontale
{
	background-color: lime;
	display: inline;
}


/* Liste verticale-horizontale */
div.test-palette .liste-verticale-horizontale li
{
    background-color: skyblue;
    border: 1px solid darkblue;
}

div.test-palette .liste-verticale-horizontale li li
{
    background-color: gainsboro;
    border: none;
}

div.test-palette .liste-verticale-horizontale li li li
{
    background-color: khaki;
}

div.test-palette .liste-verticale-horizontale li li li li
{
    background-color: sandybrown;
}

/* Indication des liens en rouge clair dès le 2e lien par élément */
div.test-palette .liste-verticale-horizontale li li a
{
    background-color: lightsalmon;
}

div.test-palette .liste-verticale-horizontale li li > a:first-child,
div.test-palette .liste-verticale-horizontale li li > i:first-child > a:first-of-type,
div.test-palette .liste-verticale-horizontale li li > b:first-child > a:first-of-type,
div.test-palette .liste-verticale-horizontale li li > u:first-child > a:first-of-type,
div.test-palette .liste-verticale-horizontale li li > small:first-child > a:first-of-type,
div.test-palette .liste-verticale-horizontale li li > span[lang] > a:first-child,
div.test-palette .liste-verticale-horizontale li li > i:first-child > span[lang] > a:first-of-type,
div.test-palette .liste-verticale-horizontale li li > b:first-child > span[lang] > a:first-of-type,
div.test-palette .liste-verticale-horizontale li li > u:first-child > span[lang] > a:first-of-type,
div.test-palette .liste-verticale-horizontale li li > small:first-child > span[lang] > a:first-of-type
{
    background-color: unset;
}

div.test-palette .liste-verticale-horizontale li li::before,
div.test-palette .liste-verticale-horizontale li li::after
{
    background-color: rgb(249, 249, 249);
}

div.test-palette .navbox-even .liste-verticale-horizontale li li::before,
div.test-palette .navbox-even .liste-verticale-horizontale li li::after
{
    background-color: #f0f0ff;
}

/* </nowiki> */