MediaWiki:Common.css

De Cat OPIDoR

Note : après avoir publié vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

  • Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
  • Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
  • Internet Explorer / Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.
  • Opera : appuyez sur Ctrl + F5.
/* Le CSS placé ici sera appliqué à tous les habillages. */
*{box-sizing:border-box;}
#pfForm .ui-widget input,#pfForm .ui-widget{font-size:1em;}

/*MENU*/
div#mw-panel #p-Contribuer{background-color: #fff;background-repeat:no-repeat;background-image: url("/images/1/18/Losangejaune1.png"),url("/images/e/ef/Losangebleu1.png");background-position:left top 35%, left top 75%}

/*TOP*/
#right-navigation{margin-top:0;-webkit-transform:translateY(2.5em);-ms-transform:translateY(2.5em);transform:translateY(2.5em);}
div#simpleSearch{width:16em;height:2.2em;margin-top:-0.1em}
#p-search{padding-top:19px;margin-top:-19px;background:transparent url("/images/5/52/Bggris.png") no-repeat top center}
.mw-body{background-color:#fff;background-image:url("/images/c/cc/Bgsearch1.png"),url("/images/5/52/Bggris.png");background-position:top -10px right 7.5em,top -58px right 2em;background-repeat:no-repeat}
div#simpleSearch #searchInput{height:100%;}

/*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;}
[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*="container"] h3{padding-top:0;padding-left:3%;background-image: linear-gradient(90deg, rgb(255,207,15) 1%, rgb(255, 255, 255) 1%, rgb(255, 255, 255) 50%, rgba(255,207,15,.5));margin-top:0;font-size:1.4rem;font-weight:normal}
.cycle{background:transparent url("/images/a/ae/CycleVieCatOpidorB.png")no-repeat;position:relative;margin-top:2em}
.grandcycle{min-height:28em;}
.catopidor-mainpage > .grandcycle{width:28em;margin:1em auto;}

.rond{border: 1px solid rgb(255, 207, 15);border-radius: 50%;display: -webkit-flex;display: -ms-flexbox;display: flex;height: 6em;width: 6em;line-height: 1.3em;background-color: rgba(255, 207, 15,.1);}
.rond {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);transition:1s;}
.rond:hover,.rond:focus{background-color: rgba(255, 207, 15,.5);border: 1px solid rgb(255, 207, 15);-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
.Planification{position: absolute;left: 10.9em;top: 0.1em;}
.Collecte{position:absolute;top:3.4em;left:18.1em}
.Analyse{position:absolute;top:10.6em;left:21em}
.Documentation{position:absolute;top:18.1em;left:18.1em;font-stretch: condensed;}
.Stockage{position:absolute;top:21.2em;left:10.6em}
.Conservation{position:absolute;top:18em;left:3.1em;font-stretch: condensed;}
.Exposition{position:absolute;top:10.5em;left:0.2em}
.Réutilisation{position:absolute;top:3.1em;left:3.4em}
.rond  > a{-webkit-flex:0 1 6em;-ms-flex:0 1 6em;flex:0 1 6em;text-align: center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.mw-collapsible{display:inline}
.catopidor-mainpage > ul{list-style:none;width:60%;margin:1em auto;}
.catopidor-mainpage>ul>li{padding:0.4em;border-bottom:1px solid rgba(210, 210, 210,.5);font-size:1rem;}
.catopidor-mainpage>ul>li>a{font-variant:small-caps;}
.one ul a,.two ul a{display:block}
.catopidor-mainpage>ul>li:hover,.catopidor-mainpage>ul>li:focus{border-bottom:1px solid rgb(255,207,15);background-color:rgba(255,207,15,0.1);}
.catopidor-mainpage .maps-map{margin:2em auto;}

 /*INFOBOX*/
.infobox{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.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}
.identiteservice tr,.identitestructure 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;}
.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;}
.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 .rond{font-size:75%}
.infobox > .maps-leaflet{margin:0 auto;}

/*DETAIL*/
.detail{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:1em;}
.construc{font-style:italic;font-size: 90%;}
.description{margin-bottom:2em;padding-left:4em;padding-top:2em;min-height:84px}
.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;}
.leservice .detail p, .detail>.cycle{margin-left:4em;}
div.description p,p.construc{margin-left:0}
.libelle{display:block;color:grey;margin-left:-4em;}
.section{border-top:1px dashed #ffcf0f}
.thematique{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;}
.thematique>li{margin:.5em;background:rgba(128,128,128,.2) url("/images/a/a1/Bgthematique.png")no-repeat top right;padding:0 1.5em 0 .5em;}
pre{overflow-wrap:break-word;white-space: pre-wrap;}

/*TABLES*/
table.wikitable{border:none;background-color:transparent;border-collapse: collapse;text-align:left;width:100%}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
 border: 0; padding: 0.22em 1em; min-width:12em}
table.wikitable > tr,table.wikitable > * > tr,.infoboxservice tr{border-bottom: 1px solid rgba(210, 210, 210, 0.5);}

/*RESULT */
.headerSort{font-variant:small-caps}

/*CONTRIBUER*/
.contribuer-service > h2{padding-left:20px;background:no-repeat top left url("/images/1/18/Losangejaune1.png");}
.contribuer-service form{margin:1.5em 0;padding:.1em;background-color:rgb(255,207,15);max-width:30em}
.contribuer-structure > h2{padding-left:20px;background:no-repeat top left url("/images/e/ef/Losangebleu1.png");}
.contribuer-structure form{margin:3em 0 1.5em;padding:.1em;background-color:rgb(67,146,195);max-width:30em}
.contribuer-service>form>p,.contribuer-structure>form>p{text-align:center;}
.contribuer-service input[type="submit"],.contribuer-structure input[type="submit"]{border:1px solid rgba(170,170,170,.1);padding-top:2px;padding-bottom:2px}

/*VOIR*/
.voirservices:before{content:'» ';font-size:2em;color:#ffcf0f;}

/*FORMULAIRES*/
.checkboxLabel > .mandatoryFieldSpan,#pfForm .mandatoryField{border: 1px solid rgb(215, 98, 80);}
span[class*="checkboxesSpan mandatoryFieldSpan"]{border: 1px solid rgb(215, 98, 80);border-radius:3px;padding:2px}
table.formtable th{min-width:20%}
.mw-body .aide{margin-left:1em;margin-top:1em;width:50%}
.mw-body #Usages .aide{width:20%}
.bgfield,.flexhz{background-color:white;margin-bottom:1em;padding-left:1em;}
.bgfield>.flexhz{padding-left:0;}
.flexhz{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
.input{width:50%}
#Usages .input{width:80%}
.label{display:block;font-weight:bold}
textarea:focus,input:focus,select:focus{outline:1px solid grey}
.bgfield .pfTreeInput{height:auto !important;width:auto !important}
.wikiEditor-ui-toolbar .section{border:0}
.ssdiscip{padding-left:1em;margin-left:1em;border:1px dotted grey}
.ssdiscip label{display:block}
.seule{width:calc(50% - 1.5em);}
.padd{padding:1em 1.4em;}
#pfForm .createboxInput,#pfForm .mandatoryField{width:100%}
#pfForm .logo .createboxInput{width:80%}


@media screen and (max-width: 65em){
[class*="grid-2"] > * {-ms-flex-preferred-size:100%;flex-basis:100%}
.leservice,.lastructure{flex-direction:column}
.infobox {-moz-box-ordinal-group: -2;order: -1;margin-top:1em;}
.identiteservice,.identitestructure{width:100%}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
min-width:100%}
.flexhz{flex-wrap:wrap;}
textarea[cols],.input,#pfForm .createboxInput,#pfForm .mandatoryField,.seule,#Usages .input,.mw-body .aide,.mw-body #Usages .aide {width:100% !important;max-width:100%}
.ssdiscip{margin-left:0}
}