Basculer le menu
Changer de menu des préférences
Basculer le menu personnel
Non connecté(e)
Votre adresse IP sera visible au public si vous faites des modifications.

« MediaWiki:Citizen.css » : différence entre les versions

Page de l’interface de MediaWiki
Test
Aucun résumé des modifications
 
(32 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
/* La totalité du CSS placé ici s’appliquera aux utilisateurs de l’habillage Citizen. */
/* La totalité du CSS placé ici s’appliquera aux utilisateurs de l’habillage Citizen. */
/* Move page header to the bottom for main pages */
 
.page-Règles .citizen-body-container {
/**
     grid-template-areas:
* Soulignement des sous-titre 2
        "content"
*/
        "header"
 
        "afterHeader"
h2 {
        "footer";
    border-bottom: 1px solid var(--border-color-base );
     padding-bottom: 0.25em;
}
}


.page-Introduction .citizen-body-container {
/**
     grid-template-areas:
* Cacher les sous-titres
        "content"
*/
        "header"
#siteSub{ display: none !important; }
        "afterHeader"
 
         "footer";
/**
* Style spécifiques des portails
*/
 
/* Règles */
 
/* Désactiver Sticky header */
.page-R\00E8 gles.action-view #citizen-page-header-sticky-sentinel{
display: none;
}
/* Déplacer le header en bas de page */
.page-R\00E8 gles.action-view #content{
display: flex;
flex-direction: column;
}
.page-R\00E8 gles.action-view .citizen-page-header {
order: 9999;
}
/* Style du header déplacé */
.page-R\00E8 gles.action-view .citizen-page-header-inner {
     justify-content: center;
}
.page-R\00E8 gles.action-view #contentSub{
display: none;
}
.page-R\00E8 gles.action-view .citizen-page-heading {
display: none;
}
.page-R\00E8 gles.action-view .citizen-body-container {
         margin-top: var( --space-xl );
}
}


.page-Introduction .citizen-body-container {
/* Introduction */
     grid-template-areas:
/* Désactiver Sticky header */
        "content"
.page-Introduction.action-view #citizen-page-header-sticky-sentinel{
        "header"
display: none;
        "afterHeader"
}
         "footer";
/* Déplacer le header en bas de page */
.page-Introduction.action-view #content{
display: flex;
flex-direction: column;
}
.page-Introduction.action-view .citizen-page-header {
order: 9999;
}
/* Style du header déplacé */
.page-Introduction.action-view .citizen-page-header-inner {
     justify-content: center;
}
.page-Introduction.action-view #contentSub{
display: none;
}
.page-Introduction.action-view .citizen-page-heading {
display: none;
}
.page-Introduction.action-view .citizen-body-container {
         margin-top: var( --space-xl );
}
}


.page-Exostation .citizen-body-container {
/* Exostation */
    grid-template-areas:
/* Désactiver Sticky header */
        "content"
.page-Exostation.action-view #citizen-page-header-sticky-sentinel{
        "header"
display: none;
        "afterHeader"
}
         "footer";
/* Déplacer le header en bas de page */
.page-Exostation.action-view #content{
display: flex;
flex-direction: column;
}
.page-Exostation.action-view .citizen-page-header {
order: 9999;
}
/* Style du header déplacé */
.page-Exostation.action-view .citizen-page-header-inner {
    justify-content: center;
}
.page-Exostation.action-view #contentSub{
display: none;
}
.page-Exostation.action-view .citizen-page-heading {
display: none;
}
.page-Exostation.action-view .citizen-body-container {  
        margin-top: var( --space-xl );
}
 
/* Exonar */
/* Désactiver Sticky header */
.page-Exonar.action-view  #citizen-page-header-sticky-sentinel{
display: none;
}
/* Déplacer le header en bas de page */
.page-Exonar.action-view #content{
display: flex;
flex-direction: column;
}
.page-Exonar.action-view .citizen-page-header {
order: 9999;
}
/* Style du header déplacé */
.page-Exonar.action-view .citizen-page-header-inner {
    justify-content: center;
}
.page-Exonar.action-view  #contentSub{
display: none;
}
.page-Exonar.action-view .citizen-page-heading {
display: none;
}
.page-Exonar.action-view .citizen-body-container {
         margin-top: var( --space-xl );
}
}


.page-Exonar .citizen-body-container {
/* Responsive sur les portails */
     grid-template-areas:
@media screen and (min-width: 1120px) {
        "content"
    .page-R\00E8 gles.action-view .citizen-page-header-inner {
        "header"
        border-top: var(--border-width-base) solid var(--border-color-base);
         "afterHeader"
    }
         "footer";
     .page-Introduction.action-view .citizen-page-header-inner {
        border-top: var(--border-width-base) solid var(--border-color-base);
    }   
    .page-Exostation.action-view .citizen-page-header-inner {
         border-top: var(--border-width-base) solid var(--border-color-base);
    }
    .page-Exonar.action-view .citizen-page-header-inner {
         border-top: var(--border-width-base) solid var(--border-color-base);
    }
}
}

Dernière version du 2 avril 2025 à 08:22

/* La totalité du CSS placé ici s’appliquera aux utilisateurs de l’habillage Citizen. */

/**
* Soulignement des sous-titre 2
*/

h2 {
    border-bottom: 1px solid var(--border-color-base );
    padding-bottom: 0.25em;
}

/** 
* Cacher les sous-titres 
*/
#siteSub{ display: none !important; }

/** 
* Style spécifiques des portails
*/

/* Règles */

/* Désactiver Sticky header */
.page-R\00E8 gles.action-view #citizen-page-header-sticky-sentinel{
	display: none;
}
/* Déplacer le header en bas de page */
.page-R\00E8 gles.action-view #content{
	display: flex; 
	flex-direction: column;
}
.page-R\00E8 gles.action-view .citizen-page-header { 
	order: 9999; 
}
/* Style du header déplacé */
.page-R\00E8 gles.action-view .citizen-page-header-inner {
    justify-content: center;
}
.page-R\00E8 gles.action-view #contentSub{
	display: none; 
}
.page-R\00E8 gles.action-view .citizen-page-heading { 
	display: none; 
}
.page-R\00E8 gles.action-view .citizen-body-container { 
        margin-top: var( --space-xl );
}

/* Introduction */
/* Désactiver Sticky header */
.page-Introduction.action-view #citizen-page-header-sticky-sentinel{
	display: none;
}
/* Déplacer le header en bas de page */
.page-Introduction.action-view #content{
	display: flex; 
	flex-direction: column;
}
.page-Introduction.action-view .citizen-page-header { 
	order: 9999; 
}
/* Style du header déplacé */
.page-Introduction.action-view .citizen-page-header-inner {
    justify-content: center;
}
.page-Introduction.action-view #contentSub{
	display: none; 
}
.page-Introduction.action-view .citizen-page-heading { 
	display: none; 
}
.page-Introduction.action-view .citizen-body-container { 
        margin-top: var( --space-xl );
}

/* Exostation */
/* Désactiver Sticky header */
.page-Exostation.action-view #citizen-page-header-sticky-sentinel{
	display: none;
}
/* Déplacer le header en bas de page */
.page-Exostation.action-view #content{
	display: flex; 
	flex-direction: column;
}
.page-Exostation.action-view .citizen-page-header { 
	order: 9999; 
}
/* Style du header déplacé */
.page-Exostation.action-view .citizen-page-header-inner {
    justify-content: center;
}
.page-Exostation.action-view #contentSub{
	display: none; 
}
.page-Exostation.action-view .citizen-page-heading { 
	display: none; 
}
.page-Exostation.action-view .citizen-body-container { 
        margin-top: var( --space-xl );
}

/* Exonar */
/* Désactiver Sticky header */
.page-Exonar.action-view  #citizen-page-header-sticky-sentinel{
	display: none;
}
/* Déplacer le header en bas de page */
.page-Exonar.action-view #content{
	display: flex; 
	flex-direction: column;
}
.page-Exonar.action-view .citizen-page-header { 
	order: 9999; 
}
/* Style du header déplacé */
.page-Exonar.action-view .citizen-page-header-inner {
    justify-content: center;
}
.page-Exonar.action-view  #contentSub{
	display: none; 
}
.page-Exonar.action-view .citizen-page-heading { 
	display: none; 
}
.page-Exonar.action-view .citizen-body-container { 
        margin-top: var( --space-xl );
}

/* Responsive sur les portails */
@media screen and (min-width: 1120px) {
    .page-R\00E8 gles.action-view .citizen-page-header-inner {
        border-top: var(--border-width-base) solid var(--border-color-base);
    }
    .page-Introduction.action-view .citizen-page-header-inner {
        border-top: var(--border-width-base) solid var(--border-color-base);
    }    
    .page-Exostation.action-view .citizen-page-header-inner {
        border-top: var(--border-width-base) solid var(--border-color-base);
    }
    .page-Exonar.action-view .citizen-page-header-inner {
        border-top: var(--border-width-base) solid var(--border-color-base);
    }	
}