Cat OPIDoR

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

Message Discussion

MediaWiki:Common.css (voir la source)

Version du 27 mai 2024 à 12:34

7 908 octets ajoutés ,  27 mai
aucun résumé des modifications
Aucun résumé des modifications
Aucun résumé des modifications
 
(12 versions intermédiaires par 5 utilisateurs 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. */
/* Les règles CSS pour la version mobile se trouvent dans le fichier MediaWiki:Mobile.css */
*{box-sizing:border-box;}
*{box-sizing:border-box;}
#pfForm .ui-widget input,#pfForm .ui-widget{font-size:1em;}
#pfForm .ui-widget input,#pfForm .ui-widget{font-size:1em;}
html {
  scrollbar-color: rgba(67, 146, 195, 1) #fff;
  scrollbar-width: thin;
}
::-webkit-scrollbar {
  width: 8px;
  background-color: #fff;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(67, 146, 195, 1);
}
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}
/* MENU ICONS RIGHT */
.menu-icons-right p {
  position: absolute;
  right: -120px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.menu-icons-right p a {
  padding: 10px 0;
}
.menu-icons-right p a img {
  transition: all .5s ease-in-out;
}
.menu-icons-right p a img:hover {
  transform: scale(1.15);
}
/* BURGER MENU */
#mw-sidebar-checkbox:not(:checked) ~ .mw-header #mw-sidebar-button::before, #mw-sidebar-button::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E menu %3C/title%3E %3Cpath d=%22M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z%22/%3E %3C/svg%3E");
}
.mw-ui-icon-element:not(.disabled):hover {
  background-color: unset;
}
/* BACK TO TOP BUTTON */
.back-to-top-wrapper {
  position: absolute;
  top: 100vh;
  right: 1.25rem;
  bottom: 0;
  width: 3em;
  pointer-events: none;
  margin-top: 10em;
  z-index: 5;
}
a.back-to-top-link {
  position: fixed;
  position: sticky;
  color: rgba(67, 146, 195, 1);
  pointer-events: all;
  top: calc(100vh - 12rem);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24pt;
  line-height: 3rem;
  text-align: center;
  width: 2.5rem;
  text-decoration: none;
  height: 2.5rem;
  border-radius: 50%;
  background-color: #fff;
  transition: transform .5s ease-in-out, color .5s ease-in-out, background .5s ease-in-out
}
.back-to-top-link:hover {
  color: #fff;
  background: rgba(67, 146, 195, 1);
  transform: scale(1.2);
}
/* PAGES H3 */
.page-sommaire h3 {
  padding-top: 0;
  padding-left: 3%;
  background-image: linear-gradient(90deg,rgb(67,146,195) 1%,rgb(255,255,255) 1%,rgb(255,255,255) 100%);
  margin-top: 0;
  font-size: 1.4rem;
  font-weight: normal;
}
.page-structure h2,
.page-structure h3, .page-annuaire-institut h3 {
  border-bottom: none;
  padding-top: 0;
  padding-left: 3%;
  background-image: linear-gradient(90deg,rgb(67,146,195) 1%,rgb(255,255,255) 1%,rgb(255,255,255) 100%);
  /* background-image: linear-gradient(90deg,rgb(67,146,195) 1%,rgb(255,255,255) 1%,rgb(255,255,255) 50%,rgba(67,146,195,.5)); */
  margin-top: 0;
  font-size: 1.4rem;
  font-weight: normal;
}
.page-accueil h3, .page-service h3, .page-annuaire-cnrs 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) 100%);
  margin-top: 0;
  font-size: 1.4rem;
  font-weight: normal;
}
/* LOGO ON THE RIGHT */
main.mw-body {background-image: unset; background-position: unset;}
/* SEARCHBAR */
#p-search.vector-search-box-vue {background: unset;}
#searchform #simpleSearch {width: unset;}
.cdx-thumbnail__image {background-size: contain;}
/* FOOTER ICONS */
#footer-icons {display: none;}
/* LEFT NAV SIDEBAR */
nav.mw-sidebar {background-color: #fff;}
#p-Contribuer.vector-menu {
background-color: #fff;
background-repeat: no-repeat;
background-image: url(/images/f/fd/Losangejaune9.png),url(/images/6/67/Losangebleu9.png);
background-position: left 4% top 40%,left 4% top 75%;
}
#p-Contribuer.vector-menu ul li a {padding-left: 20px;}
@media (max-width: 999px) {
#p-Contribuer.vector-menu{background-position: left top 60%,left top 90%;}
}
/* NAV TOOLBAR */
div #right-navigation {transform: unset;}
/* ALL PAGES */
@media screen and (min-width: 1200px) {
  .mw-sidebar, .sidebar-toc, .sidebar-toc::after {
    margin-left: 0;
  }
}
div.mw-page-container {max-width: unset;}
@media screen and (min-width: 1000px) {
  #mw-sidebar-checkbox:not(:checked) ~ .vector-sidebar-container-no-toc ~ .mw-content-container {
    padding-left: 0;
  }
}
main#content {width: inherit;}
div.vector-sidebar-container {
  z-index: 10;
  position: absolute;
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
  top: 70px;
  border-radius: 5px;
}
#mw-panel, #mw-navigation {border-radius: inherit;}
div.vector-sticky-toc-container.mw-sticky-header-element #mw-panel-toc {left: 15%; top: 45px; scrollbar-width: thin;}
.leservice {justify-content: center;}
/* Hiding back to former skin button */
nav#mw-panel div.mw-sidebar-action {
  display: none;
}
/* HEADER */
header.vector-sticky-header {max-width: unset;}
#p-lang-btn-sticky-header {align-items: center;}


/*MENU*/
/*MENU*/
div#mw-panel #p-Contribuer{background-color: #fff;background-repeat:no-repeat;background-image: url("/images/f/fd/Losangejaune9.png"),url("/images/6/67/Losangebleu9.png");background-position:left top 50%, left top 75%}
 
div#mw-panel #p-Contribuer{
  background-color: #fff;
  background-repeat:no-repeat;
  background-image: url("/images/f/fd/Losangejaune9.png"),url("/images/6/67/Losangebleu9.png");
  background-position:left top 40%, left top 75%
}


/*TOP*/
/*TOP*/
#right-navigation{margin-top:0;-webkit-transform:translateY(2.5em);-ms-transform:translateY(2.5em);transform:translateY(2.5em);}
#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}
div#simpleSearch{width:16em;height:2.2em;margin-top:-0.1em}
Ligne 14 : Ligne 230 :


/*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%}
/*
[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}
[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}
.cycle{background:transparent url("/images/a/ae/CycleVieCatOpidorB.png")no-repeat;position:relative;margin-top:2em}
.grandcycle{min-height:28em;}
.grandcycle{min-height:28em;}
Ligne 43 : Ligne 262 :


  /*INFOBOX*/
  /*INFOBOX*/
.infobox{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.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}
.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 56 : Ligne 278 :


/*DETAIL*/
/*DETAIL*/
.detail{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:1em;}
.detail{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:1em;}
.construc{font-style:italic;font-size: 90%;}
.construc{font-style:italic;font-size: 90%;}
Ligne 61 : 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;}
.leservice .detail p, .detail>.cycle{margin-left:4em;}
.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}
.libelle{display:block;color:grey;margin-left:-4em;}
.detail>.cycle{margin-left:4em;}
/*.leservice .detail p, .detail>.cycle{margin-left:4em;}*/
/*div.description p,p.construc{margin-left:0}*/
.libelle{display:block;color:grey;}
p>.libelle{margin-left:-2em;}
.section{border-top:1px dashed #ffcf0f}
.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{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;}
.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;}
pre{overflow-wrap:break-word;white-space: pre-wrap;}
.graphe{margin-right:3em}
.graphe img{max-width:100%}
.pagerelation{border:1px dashed #808080;border-radius: 10px;}
.pagerelation li{list-style-image:none;list-style-type:none;}


/*TABLES*/
/*TABLES*/
table.wikitable{border:none;background-color:transparent;border-collapse: collapse;text-align:left;width:100%}
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 {
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
Ligne 76 : Ligne 308 :


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


/*CONTRIBUER*/
/*CONTRIBUER*/
.contribuer-service > h2{padding-left:20px;background:no-repeat top left url("/images/1/18/Losangejaune1.png");}
.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-service form .oo-ui-widget{margin-bottom: 0}
.contribuer-service form{margin:1.5em 0;padding:.5em;background-color:rgb(255,207,15);max-width:max-content;width:max-content;display:flex;}
.contribuer-service form .oo-ui-fieldsetLayout-group .oo-ui-layout {display: flex; align-items: center; gap: 12px;}
 
@media screen and (max-width: 575px) {
  .contribuer-service form{margin:1.5em 0;padding:1em;background-color:rgb(255,207,15);max-width:max-content;width:max-content;display:flex;}
  .contribuer-service form .oo-ui-fieldsetLayout-group .oo-ui-layout {display: flex; flex-flow: column; align-items: center; gap: 12px;}
}
 
.contribuer-structure > h2{padding-left:20px;background:no-repeat top left url("/images/e/ef/Losangebleu1.png");}
.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-structure form .oo-ui-widget{margin-bottom: 0}
.contribuer-structure form{margin:1.5em 0;padding:.5em;background-color:rgb(67,146,195);max-width:max-content;width:max-content;display:flex;}
.contribuer-structure form .oo-ui-fieldsetLayout-group .oo-ui-layout {display: flex; align-items: center; gap: 12px;}
 
@media screen and (max-width: 575px) {
  .contribuer-structure form{margin:1.5em 0;padding:1em;background-color:rgb(67,146,195);max-width:max-content;width:max-content;display:flex;}
  .contribuer-structure form .oo-ui-fieldsetLayout-group .oo-ui-layout {display: flex; flex-flow: column; align-items: center; gap: 12px;}
}
 
.contribuer-service>form>p,.contribuer-structure>form>p{text-align:center;}
.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}
.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*/
/*VOIR*/
.voirservices:before{content:'» ';font-size:2em;color:#ffcf0f;}
.voirservices:before{content:'» ';font-size:2em;color:#ffcf0f;}


/*FORMULAIRES*/
/*FORMULAIRES*/
.checkboxLabel > .mandatoryFieldSpan,#pfForm .mandatoryField{border: 1px solid rgb(215, 98, 80);}
.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}
span[class*="checkboxesSpan mandatoryFieldSpan"]{border: 1px solid rgb(215, 98, 80);border-radius:3px;padding:2px}
Ligne 110 : Ligne 362 :
#pfForm .createboxInput,#pfForm .mandatoryField{width:100%}
#pfForm .createboxInput,#pfForm .mandatoryField{width:100%}
#pfForm .logo .createboxInput{width:80%}
#pfForm .logo .createboxInput{width:80%}
/* FILTERS */
.filtered-filter {
    background-color: white;
}
.filtered-filter:hover {
    background-color: #eaecf0;;
}
/* Annuaires*/
.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*="grid-2"]> *{-ms-flex-preferred-size:48%;flex-basis:48%}
[class*="container2"] h3{padding-top:0;padding-left:3%;background-image: linear-gradient(90deg, rgb(67, 146, 195) 1%, rgb(255, 255, 255) 1%, rgb(255, 255, 255) 50%, rgba(67,146,195,.5));margin-top:0;font-size:1.4rem;font-weight:normal}
.mw-collapsible{display:inline}
.catopidor-mainpage-annuaire > ul{list-style:none;width:60%;margin:1em auto;}
.catopidor-mainpage-annuaire>ul>li{padding:0.4em;border-bottom:1px solid rgba(210, 210, 210,.5);font-size:1rem;}
.catopidor-mainpage-annuaire>ul>li>a{font-variant:small-caps;}
.one ul a,.two ul a{display:block}
.catopidor-mainpage-annuaire>ul>li:hover,.catopidor-mainpage>ul>li:focus{border-bottom:1px solid rgb(67, 146, 195);background-color:rgba(67, 146, 195,0.1);}




@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,.identitepagedelien{width:100%}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
min-width:100%}
min-width:100%}
.flexhz{flex-wrap:wrap;}
.flexhz{-ms-flex-wrap:wrap;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%}
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}
.ssdiscip{margin-left:0}
}
}
Récupérée de « https://cat.opidor.fr/index.php/Spécial:MobileDiff/1116...33780 »