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

Page de l’interface de MediaWiki
Aucun résumé des modifications
Aucun résumé des modifications
Ligne 21 : Ligne 21 :
       #bodyContent {
       #bodyContent {
         zoom: 0.5;         
         zoom: 0.5;         
      }
      tr {
        display: flex;
        flex-direction: column;
        align-items: center;
       }
       }
     }
     }
Ligne 33 : Ligne 28 :
       #bodyContent {
       #bodyContent {
         zoom: 0.7;         
         zoom: 0.7;         
      }
      tr {
        display: flex;
        flex-direction: row;
        align-items: center;
       }
       }
     }
     }
Ligne 39 : Ligne 39 :
       #bodyContent {
       #bodyContent {
         zoom: 0.9;         
         zoom: 0.9;         
      }
      tr {
        display: flex;
        flex-direction: row;
        align-items: center;
       }
       }
     }
     }
Ligne 55 : Ligne 50 :
table {
table {
  border: none;
  border: none;
}
tr {
display: flex;
flex-direction: column;
align-items: center;
}
}

Version du 9 février 2024 à 15:17

/* Le CSS placé ici sera appliqué à tous les habillages. */
@media only screen and (max-width: 270px) {
      #bodyContent {
        zoom: 0.2;
      }
    }
    
    @media only screen and (min-width: 270px) {
      #bodyContent {
        zoom: 0.3;        
      }
    }

    @media only screen and (min-width: 340px) {
      #bodyContent {
        zoom: 0.4;        
      }
    }

    @media only screen and (min-width: 415px) {
      #bodyContent {
        zoom: 0.5;        
      }
    }


    @media only screen and (min-width: 570px) {
      #bodyContent {
        zoom: 0.7;        
      }
      tr {
        display: flex;
        flex-direction: row;
        align-items: center;
      }
    }

    @media only screen and (min-width: 730px) {
      #bodyContent {
        zoom: 0.9;        
      }
    }

    @media only screen and (min-width: 850px) {
      #bodyContent {
        zoom: 1;
      }
    }

table {
 border: none;
}

tr {
 display: flex;
 flex-direction: column;
 align-items: center;
}