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

De Wiki fruitiers.org
Aucun résumé des modifications
Aucun résumé des modifications
 
(22 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
/* Le CSS placé ici sera appliqué à tous les habillages. */
/* Le CSS placé ici sera appliqué à tous les habillages. */
#links-verger {
    display: flex;
    justify-content: center;
    align-items: baseline;
    column-gap: 2em;
    width: 100%;
    border: 1px solid #4d698e;
    border-radius: 0 0 15px 15px;
    border-top: none;
    z-index: 1;
    background-color: white;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}


#links-verger .before-favicon::before {
 
@media screen and (min-width: 1340px) {
  #p-Verger_des_sites{
    background-color: #fbe020;
    padding: 5px;
  }
  #n-Porte-greffes {
    background-repeat: no-repeat;
    background-image : url("https://porte-greffes.fruitiers.org/favicon.ico");
    margin-left: 30px;
    background-size: 24px;
    background-position-x: 118px;
  }
  #n-Bourse-d-échange {
    background-repeat: no-repeat;
    background-image : url("https://www.fruitiers.org/favicon.ico");
    margin-left: 30px;
    background-size: 24px;
    background-position-x: 118px;
  }
  #n-Forum-d-échange {
    background-repeat: no-repeat;
    background-image : url("https://forum.fruitiers.org/assets/favicon-jpwu1koo.png");
    margin-left: 30px;
    background-size: 24px;
    background-position-x: 118px;
  }
  #n-Wiki {
     background-repeat: no-repeat;
     background-repeat: no-repeat;
    content: " ";
     background-image : url("https://wiki.fruitiers.org/favicon.ico");
    height: 31px;
    margin-left: 30px;
    width: 22px;
    background-size: 24px;
    background-size: contain;
     background-position-x: 118px;
    margin-right: 3px;
  }
    float: left;
  #n-Ancien-greffer {
    margin-top: 2px;
     background-repeat: no-repeat;
}
     background-image : url("https://www.fruitiers.org/wp-content/uploads/2023/05/petiteorange-24.png");
 
    margin-left: 30px;
#links-verger .icon-bourse::before {
    background-size: 24px;
     background-image: url('https://www.fruitiers.org/favicon.ico');
     background-position-x: 118px;
}
  }
#links-verger .icon-forum::before {
     background-image: url('https://forum.fruitiers.org/assets/favicon-jpwu1koo.png');
}
#links-verger .icon-pg::before {
     background-image: url('https://porte-greffes.fruitiers.org/favicon.ico');
}
#links-verger .icon-greffer::before {
     background-image: url('https://www.fruitiers.org/wp-content/uploads/2023/05/petiteorange-24.png');
}
#links-verger .icon-wiki::before {
     background-image: url('http://greffer.fruitiers.org/greffer-favicon.gif');
}
}

Dernière version du 25 septembre 2023 à 15:18

/* Le CSS placé ici sera appliqué à tous les habillages. */


@media screen and (min-width: 1340px) {
  #p-Verger_des_sites{
    background-color: #fbe020;
    padding: 5px;
  }
  #n-Porte-greffes {
    background-repeat: no-repeat;
    background-image : url("https://porte-greffes.fruitiers.org/favicon.ico");
    margin-left: 30px;
    background-size: 24px;
    background-position-x: 118px;
  }
  #n-Bourse-d-échange {
    background-repeat: no-repeat;
    background-image : url("https://www.fruitiers.org/favicon.ico");
    margin-left: 30px;
    background-size: 24px;
    background-position-x: 118px;
  }
  #n-Forum-d-échange {
    background-repeat: no-repeat;
    background-image : url("https://forum.fruitiers.org/assets/favicon-jpwu1koo.png");
    margin-left: 30px;
    background-size: 24px;
    background-position-x: 118px;
  }
  #n-Wiki {
    background-repeat: no-repeat;
    background-image : url("https://wiki.fruitiers.org/favicon.ico");
    margin-left: 30px;
    background-size: 24px;
    background-position-x: 118px;
  }
  #n-Ancien-greffer {
    background-repeat: no-repeat;
    background-image : url("https://www.fruitiers.org/wp-content/uploads/2023/05/petiteorange-24.png");
    margin-left: 30px;
    background-size: 24px;
    background-position-x: 118px;
  }
}