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

De DMS
Michele (discussion | contributions)
Aucun résumé des modifications
Michele (discussion | contributions)
Aucun résumé des modifications
Ligne 10 : Ligne 10 :
}
}


div#mw-content-text  p a:before, div#mw-content-text  p a:after,
div#bodyContent p a:before, div#bodyContent p a:after{
div#bodyContent p a:before, div#bodyContent p a:after{
   opacity: 0;
   opacity: 0;
Ligne 15 : Ligne 16 :
font-size: 20px;
font-size: 20px;
}
}
div#mw-content-text  p a:before,
div#bodyContent p a:before{
div#bodyContent p a:before{
   content: '[';
   content: '[';
}
}
div#mw-content-text  p a:after,
div#bodyContent p a:after{
div#bodyContent p a:after{
   content: ']';
   content: ']';
}
}


div#mw-content-text  p a:hover:before,
div#bodyContent p a:hover:before{
div#bodyContent p a:hover:before{
   margin-right: 10px;
   margin-right: 10px;
Ligne 30 : Ligne 34 :
   opacity: 1;
   opacity: 1;
}
}
div#mw-content-text  p a:hover:after,
div#bodyContent p a:hover:after{
div#bodyContent p a:hover:after{
   margin-left: 10px;
   margin-left: 10px;

Version du 3 décembre 2020 à 09:38

/* Le CSS placé ici sera appliqué à tous les habillages. */
p a: visited, p a, p a.external.text {
color: red   ;
font-weight: 400;
font-size: 1.1em;
}
div#bodyContent p a:hover
{
	text-decoration: none;
}

div#mw-content-text  p a:before, div#mw-content-text  p a:after,
div#bodyContent p a:before, div#bodyContent p a:after{
  opacity: 0;
  transition: all 0.3s ease;	
	font-size: 20px;
}
div#mw-content-text  p a:before,
div#bodyContent p a:before{
  content: '[';
}
div#mw-content-text  p a:after,
div#bodyContent p a:after{
  content: ']';
}

div#mw-content-text  p a:hover:before,
div#bodyContent p a:hover:before{
  margin-right: 10px;
  content: '[';
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  transform: translateX(20px);
  opacity: 1;
}
div#mw-content-text  p a:hover:after,
div#bodyContent p a:hover:after{
  margin-left: 10px;
  content: ']';
  -webkit-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  transform: translateX(-20px);
  opacity: 1;
}