« Momo50/foreground.css » : différence entre les versions
De Wikimanche
Aucun résumé des modifications |
(transfert vers mediawiki) Balise : Révoqué |
||
Ligne 204 : | Ligne 204 : | ||
/* après mise a jour vers WM 1.41 du 10-01-2024 | /* après mise a jour vers WM 1.41 du 10-01-2024 | ||
Suite changement affichage des images à droite | Suite changement affichage des images à droite | ||
Codes CSS de Vector 2010 | Codes CSS de Vector 2010 | ||
figure[typeof~='mw:File'],figure[typeof~='mw:File/Frameless'] { | figure[typeof~='mw:File'],figure[typeof~='mw:File/Frameless'] { | ||
Ligne 338 : | Ligne 338 : | ||
} | } | ||
/ | / Fin code affichage images après mise a jour vers WM 1.41 du 10-01-2024 | ||
Implémenté dans [[Mediawiki:Foreground.css]] le 14 mars 2024 à 22:59 */ | Implémenté dans [[Mediawiki:Foreground.css]] le 14 mars 2024 à 22:59 */ |
Version du 23 mars 2024 à 13:34
/* CSS placé ici sera appliqué à l'habillage (skins) Foreground de l'utilisateur:Momo50 */
@media screen and (min-width: 1200px)
.mw-page-container,
.header-container .mw-header,
.header-container .sticky-header {
padding-left: 3.25rem;
padding-right: 3.25rem;
}
/* Test affichage grille responsive */
.grid-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-gap: 10px;
}
/* Test ligne responsive */
#grid {
display: grid;
height: 100px;
grid-template-rows: 30px 1fr;
}
.box {
border: 1px solid #a2a9b1;
}
#areaA {
background-color: lime;
}
#areaB {
background-color: yellow;
}
/* Fin test ligne responsive */
/* Test affichage barre de navigation */
/* Id navwrapper */
#navwrapper {
z-index: 10000;
}
/* Test affichage barre de suggestion recherche */
.suggestions {
z-index: 10000;
}
/* rem Essais animation sommaire rem
div#toc {
position: inherit;
display: inline-block;
height: 200%;
width: auto;
float: none;
border: 1px solid darkgrey;
}*/
#toc > ul {
max-height: none;
max-width: 250px;
}
#toc, .toc, .mw-warning, .toccolours {
border: none;
background-color: #e9e9e9;
padding: 5px;
font-size: 80%;
position: inherit;
/* rem <!--rem-- z-index: 6000; --rem--> rem */
}
.toc {
display: table;
padding: 7px;
}
.toc, .toccolours {
background-color: #f8f9fa;
border: 1px solid #a2a9b1;
padding: 5px;
font-size: 95%;
}
.toctogglecheckbox {
display: inline !important;
position: absolute;
opacity: 0;
z-index: -1;
}
button, input, optgroup, select, textarea {
margin: 0;
}
.foreground-body .toc h2 {
font-family: sans-serif;
font-size: 100%;
}
.toc h2 {
display: inline;
border: 0;
padding: 0;
font-size: 100%;
font-weight: bold;
}
.foreground-body .mw-heading2, .foreground-body h2 {
margin-top: 1em;
font-size: 1.5em;
}
.mw-body h1, .mw-body .mw-heading1, .mw-body-content h1, .mw-body-content .mw-heading1, .mw-body-content h2, .mw-body-content .mw-heading2 {
margin-bottom: 0.25em;
padding: 0;
/* rem font-family: 'Linux Libertine','Georgia','Times','Source Serif Pro',serif; rem */
line-height: 1.375;
}
.mw-heading2, h2 {
font-size: 150%;
font-weight: normal;
}
.mw-heading1, h1, .mw-heading2, h2 {
margin-bottom: 0.6em;
border-bottom: 1px solid #a2a9b1;
}
.mw-heading, h1, h2, h3, h4, h5, h6 {
color: #000000;
/* rem font-weight: bold; rem */
margin: 0;
padding-top: 0.5em;
padding-bottom: 0.17em;
overflow: hidden;
}
.mw-content-ltr .toc ul, .mw-content-rtl .mw-content-ltr .toc ul {
text-align: left;
}
.toctogglecheckbox:checked ~ ul {
display: none;
}
.toc ul {
list-style: none;
margin: 0.3em 0;
padding: 0;
text-align: left;
}
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
margin: 0.3em 0 0 1.6em;
padding: 0;
}
ul {
margin: 0.3em 0 0 1.6em;
padding: 0;
}
/* rem ul {
list-style-image: url(https://wikimanche.fr/skins/Vector/resources/skins.vector.styles.legacy/images/bullet-icon.svg?d4515);
} rem */
.toctogglecheckbox:not(:checked) + .toctitle .toctogglelabel::after {
content: 'masquer';
}
.toc .toctitle {
direction: ltr;
}
.toc .toctitle {
text-align: right;
}
.toctogglespan::before {
content: ' [';
}
.toctogglelabel {
color: #0645ad;
cursor: pointer;
font-size: smaller;
}
.toctogglecheckbox:checked + .toctitle .toctogglelabel::after {
content: 'afficher';
}
.toctogglespan::after {
content: ']';
}
.toctogglespan {
font-size: 94%;
}
/* rem Essais animation sommaire rem */
/* après mise a jour vers WM 1.39 du 21-12-2022 */
.toctogglelabel:hover {
text-decoration: underline;
}
@media screen
.toctogglelabel {
cursor: pointer;
color: #0645ad;
}
/* après mise a jour vers WM 1.41 du 10-01-2024
Suite changement affichage des images à droite
Codes CSS de Vector 2010
figure[typeof~='mw:File'],figure[typeof~='mw:File/Frameless'] {
margin: 0
}
.mw-body-content figure[typeof~='mw:File'] > a,.mw-body-content figure[typeof~='mw:File/Frameless'] > a {
border: 0
}
figure[typeof~='mw:File'].mw-halign-right,figure[typeof~='mw:File/Frameless'].mw-halign-right {
margin: 0 0 0.5em 0.5em;
clear: right;
float: right
}
figure[typeof~='mw:File'].mw-halign-left,figure[typeof~='mw:File/Frameless'].mw-halign-left {
margin: 0 0.5em 0.5em 0;
clear: left;
float: left
}
figure[typeof~='mw:File'].mw-halign-none,figure[typeof~='mw:File/Frameless'].mw-halign-none {
clear: none;
float: none
}
figure[typeof~='mw:File'].mw-halign-center,figure[typeof~='mw:File/Frameless'].mw-halign-center {
margin: 0 auto;
display: table;
border-collapse: collapse;
clear: none;
float: none
}
figure[typeof~='mw:File'] > figcaption,figure[typeof~='mw:File/Frameless'] > figcaption {
display: none
}
figure[typeof~='mw:File/Thumb'],figure[typeof~='mw:File/Frame'] {
display: table;
text-align: center;
border-collapse: collapse;
line-height: 0;
margin: 0.5em 0 1.3em 1.4em;
clear: right;
float: right
}
.mw-body-content figure[typeof~='mw:File/Thumb'] > a,.mw-body-content figure[typeof~='mw:File/Frame'] > a {
border: 0
}
.mw-content-ltr figure[typeof~='mw:File/Thumb'],.mw-content-ltr figure[typeof~='mw:File/Frame'] {
margin: 0.5em 0 1.3em 1.4em;
clear: right;
float: right
}
.mw-content-rtl figure[typeof~='mw:File/Thumb'],.mw-content-rtl figure[typeof~='mw:File/Frame'] {
margin: 0.5em 1.4em 1.3em 0;
clear: left;
float: left
}
figure[typeof~='mw:File/Thumb'].mw-halign-right,figure[typeof~='mw:File/Frame'].mw-halign-right {
margin: 0.5em 0 1.3em 1.4em;
clear: right;
float: right
}
figure[typeof~='mw:File/Thumb'].mw-halign-left,figure[typeof~='mw:File/Frame'].mw-halign-left {
margin: 0.5em 1.4em 1.3em 0;
clear: left;
float: left
}
figure[typeof~='mw:File/Thumb'].mw-halign-none,figure[typeof~='mw:File/Frame'].mw-halign-none {
margin: 0;
margin-bottom: 0.5em;
clear: none;
float: none
}
figure[typeof~='mw:File/Thumb'].mw-halign-center,figure[typeof~='mw:File/Frame'].mw-halign-center {
margin: 0 auto 0.5em auto;
clear: none;
float: none
}
figure[typeof~='mw:File/Thumb'] > :not(figcaption),figure[typeof~='mw:File/Frame'] > :not(figcaption) {
}
figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element,figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element {
margin: 3px
}
figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-broken-media,figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-broken-media {
display: inline-block;
line-height: 1.6em;
word-break: break-word;
width: 180px;
font-size: 94%
}
figure[typeof~='mw:File/Thumb'] > figcaption,figure[typeof~='mw:File/Frame'] > figcaption {
display: table-caption;
caption-side: bottom;
line-height: 1.4em;
word-break: break-word;
text-align: left;
padding: 0 6px 6px 6px
}
.mw-content-ltr figure[typeof~='mw:File/Thumb'] > figcaption,.mw-content-ltr figure[typeof~='mw:File/Frame'] > figcaption {
text-align: left
}
.mw-content-rtl figure[typeof~='mw:File/Thumb'] > figcaption,.mw-content-rtl figure[typeof~='mw:File/Frame'] > figcaption {
text-align: right
}
figure[typeof~='mw:File/Frame'] > figcaption:empty {
padding-bottom: 0
}
figure[typeof~='mw:File/Thumb'] > figcaption:empty {
padding-bottom: 3px
}
.printfooter,.mw-footer,.thumb,figure,table,ol,dl,ul,h3,h4,h5,h6 {
font-family: sans-serif
}
/ Fin code affichage images après mise a jour vers WM 1.41 du 10-01-2024
Implémenté dans [[Mediawiki:Foreground.css]] le 14 mars 2024 à 22:59 */