MediaWiki:Common.css
De Observatoire
Révision datée du 20 juillet 2021 à 15:35 par Admin (discussion | contributions)
Note : après avoir enregistré 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 pressez Ctrl-F5 ou Ctrl-R (⌘-R sur un Mac).
- Google Chrome : appuyez sur Ctrl-Maj-R (⌘-Shift-R sur un Mac).
- Internet Explorer : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5.
- Opera : allez dans Menu → Settings (Opera → Préférences sur un Mac) et ensuite à Confidentialité et sécurité → Effacer les données d’exploration → Images et fichiers en cache.
#mw-related-navigation { display: none; } /*#mw-footer-container { display: none; }*/ #site-tools { display: none; } /*Ligne qui permet de débuguer le datetimepicker...*/ .mw-widgets-datetime-dateTimeInputWidget-fields > .mw-widgets-datetime-dateTimeInputWidget-field {box-sizing: content-box;} /*Gestion de la taille des images*/ /* Images should be responsive */ img { max-width:100%; height:auto; } .traceimg { width:10%; padding-top: 0px; background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc); } .selector { position: absolute; left: 50%; top: 400px; width: 140px; height: 140px; margin-top: -70px; margin-left: -70px; } .selector, .selector button { font-family: 'Oswald', sans-serif; font-weight: 300; } .selector button { position: relative; width: 100%; height: 100%; padding: 10px; background: #428bca; border-radius: 50%; border: 0; color: white; font-size: 20px; cursor: pointer; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1); transition: all .1s; } .selector button:hover { background: #3071a9; } .selector button:focus { outline: none; } .selector ul { position: absolute; list-style: none; padding: 0; margin: 0; top: -20px; right: -20px; bottom: -20px; left: -20px; } .selector li { position: absolute; width: 0; height: 100%; margin: 0 50%; -webkit-transform: rotate(-360deg); transition: all 0.8s ease-in-out; } .selector li input { display: none; } .selector li input + label { position: absolute; left: 50%; bottom: 100%; width: 0; height: 0; line-height: 1px; margin-left: 0; background: #fff; border-radius: 50%; text-align: center; font-size: 1px; overflow: hidden; cursor: pointer; box-shadow: none; transition: all 0.8s ease-in-out, color 0.1s, background 0.1s; } .selector li input + label:hover { background: #f0f0f0; } .selector li input:checked + label { background: #5cb85c; color: white; } .selector li input:checked + label:hover { background: #449d44; } .selector.open li input + label { width: 80px; height: 80px; line-height: 80px; margin-left: -40px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1); font-size: 14px; } /* .container { width: 100%; height: 480px; } #learn-more { fill-opacity: 0; fill: #fff; stroke: #fff; stroke-width: 2; border-radius: 5px; stroke-linejoin: round; transition: all 250ms ease-in; cursor: pointer; } #learn-more:hover { fill-opacity: 1; } #learn-more:hover ~ .learn-more-text { fill: #005fa4; } .learn-more-text { font-family: "Roboto"; fill: #fff; pointer-events: none; font-size: 14px; transition: all 250ms ease-in; } .center { fill: #005fa4; } .pointer { fill: #fff; stroke: #3b8fc0; stroke-width: 2; } .nav-copy { font-family: "Roboto"; fill: #fff; fill-opacity: 1; transition: all 250ms ease-in; } .nav-copy.changing { fill-opacity: 0; } .service { cursor: pointer; } .service text { font-size: 14px; font-family: "Roboto"; text-anchor: middle; } .service .icon-wrapper { transform-origin: 50% 50%; } .service .icon-wrapper, .service .icon-wrapper > * { transition: all 250ms ease-in; } .service circle { fill: #005fa4; } .service circle.shadow { fill-opacity: 0; filter: url(#service-shadow); } .service use { fill: #fff; } .service text { fill: #4d4d4d; } .service.active .icon-wrapper, .service:hover .icon-wrapper { transform: scale(1.15) translateY(-5px); } .service.active .icon-wrapper, .service.active .icon-wrapper > *, .service:hover .icon-wrapper, .service:hover .icon-wrapper > * { transition: all 250ms ease-out; } .service.active .icon-wrapper circle.shadow, .service:hover .icon-wrapper circle.shadow { fill-opacity: 0.4; } .service.active text, .service:hover text { fill: #005fa4; font-weight: bold; } */