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

aucun résumé des modifications
Aucun résumé des modifications
Aucun résumé des modifications
 
Ligne 231 : Ligne 231 :
/*ACCUEIL*/
/*ACCUEIL*/


.container-grid-2-tiny-1,.leservice,.lastructure{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.container-grid-2-tiny-1,.leservice,.lastructure,.pagedelien{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
[class*="container"]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
[class*="container"]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
[class*="grid-2"]> *{-ms-flex-preferred-size:48%;flex-basis:48%}
[class*="grid-2"]> *{-ms-flex-preferred-size:48%;flex-basis:48%}
Ligne 266 : Ligne 266 :
.identiteservice{padding:.5em;border:1px solid rgba(255,207,15,.5);width:33em}
.identiteservice{padding:.5em;border:1px solid rgba(255,207,15,.5);width:33em}
.identitestructure{padding:.5em;border:1px solid rgba(67,146,195,.5);width:33em}
.identitestructure{padding:.5em;border:1px solid rgba(67,146,195,.5);width:33em}
.identiteservice tr,.identitestructure tr{text-align:left;vertical-align:top}
.identitepagedelien{padding:.5em;border:1px solid rgba(67,146,195,.5);width:33em}
.identiteservice tr,.identitestructure tr,.identitepagedelien tr{text-align:left;vertical-align:top}
.identiteservice > caption{background-image: linear-gradient(90deg, rgb(255, 207, 15) 5%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 80%, rgb(255, 207, 15));color: #333;font-weight:bold;border-radius:5px 5px 0 0;padding:.5em;}
.identiteservice > caption{background-image: linear-gradient(90deg, rgb(255, 207, 15) 5%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 80%, rgb(255, 207, 15));color: #333;font-weight:bold;border-radius:5px 5px 0 0;padding:.5em;}
.identitestructure > caption{background-image: linear-gradient(90deg, rgb(67, 146, 195) 5%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 80%, rgb(67, 146, 195));color: #333;font-weight:bold;border-radius:5px 5px 0 0;padding:.5em;}
.identitestructure > caption{background-image: linear-gradient(90deg, rgb(67, 146, 195) 5%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 80%, rgb(67, 146, 195));color: #333;font-weight:bold;border-radius:5px 5px 0 0;padding:.5em;}
.identiteservice th,.identitestructure th{font-weight:normal;color:grey;}
.identitepagedelien > caption{background-image: linear-gradient(90deg, rgb(255,250,250) 5%, rgb(255, 255, 255) 20%, Rgb(255, 255, 255) 80%, rgb(255,250,250)); color: #333;font-weight:bold;border:1px solid rgba(67,146,195,.5);width:33em; border-radius:5px 5px 0 0;padding:.5em;}
.identiteservice th,.identitestructure th,.identitepagedelien th{font-weight:normal;color:grey;}
.infobox .titre{font-variant:small-caps;text-align:center;font-weight:bold}
.infobox .titre{font-variant:small-caps;text-align:center;font-weight:bold}
.petitcycle{width:20.5em;height:20.5em;background-size:contain;margin:0 auto}
.petitcycle{width:20.5em;height:20.5em;background-size:contain;margin:0 auto}
Ligne 282 : Ligne 284 :
.service{background:transparent url("/images/f/f0/Bg_description_service.png")no-repeat left top;}
.service{background:transparent url("/images/f/f0/Bg_description_service.png")no-repeat left top;}
.structure{background:transparent url("/images/d/d0/Bg_description_structure.png")no-repeat left top;}
.structure{background:transparent url("/images/d/d0/Bg_description_structure.png")no-repeat left top;}
.pagedelien{background:transparent url("/images/5/52/Bggris.png")no-repeat left top;}
div.description p,p.construc{margin-left:0}
div.description p,p.construc{margin-left:0}
.detail>.cycle{margin-left:4em;}
.detail>.cycle{margin-left:4em;}
Ligne 372 : Ligne 375 :
/* Annuaires*/
/* Annuaires*/


.container2-grid-2-tiny-1,.leservice,.lastructure{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.container2-grid-2-tiny-1,.leservice,.lastructure,.pagedelien{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
[class*="container2"]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
[class*="container2"]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
[class*="grid-2"]> *{-ms-flex-preferred-size:48%;flex-basis:48%}
[class*="grid-2"]> *{-ms-flex-preferred-size:48%;flex-basis:48%}
Ligne 386 : Ligne 389 :
@media screen and (max-width: 65em){
@media screen and (max-width: 65em){
[class*="grid-2"] > * {-ms-flex-preferred-size:100%;flex-basis:100%}
[class*="grid-2"] > * {-ms-flex-preferred-size:100%;flex-basis:100%}
.leservice,.lastructure{flex-direction:column}
.leservice,.lastructure,.pagedelien{flex-direction:column}
.infobox {-moz-box-ordinal-group: -2;order: -1;margin-top:1em;}
.infobox {-moz-box-ordinal-group: -2;order: -1;margin-top:1em;}
.identiteservice,.identitestructure{width:100%}
.identiteservice,.identitestructure{width:100%}