« Momo50/foreground.css » : différence entre les versions
De Wikimanche
(transfert vers mediawiki) Balise : Révoqué |
(transfert config sommaire et images vers Mediawiki:Foreground.css) |
||
(Une version intermédiaire par le même utilisateur non affichée) | |||
Ligne 45 : | Ligne 45 : | ||
/* rem Essais animation sommaire rem | /* rem Essais animation sommaire rem | ||
#toc > ul { | #toc > ul { | ||
max-height: none; | max-height: none; | ||
Ligne 65 : | Ligne 56 : | ||
font-size: 80%; | font-size: 80%; | ||
position: inherit; | position: inherit; | ||
/ | / rem <!--rem-- z-index: 6000; --rem--> rem / | ||
} | } | ||
Ligne 112 : | Ligne 103 : | ||
margin-bottom: 0.25em; | margin-bottom: 0.25em; | ||
padding: 0; | padding: 0; | ||
line-height: 1.375; | line-height: 1.375; | ||
} | } | ||
Ligne 126 : | Ligne 116 : | ||
.mw-heading, h1, h2, h3, h4, h5, h6 { | .mw-heading, h1, h2, h3, h4, h5, h6 { | ||
color: #000000; | color: #000000; | ||
/ | / rem font-weight: bold; rem / | ||
margin: 0; | margin: 0; | ||
padding-top: 0.5em; | padding-top: 0.5em; | ||
Ligne 155 : | Ligne 145 : | ||
padding: 0; | padding: 0; | ||
} | } | ||
.toctogglecheckbox:not(:checked) + .toctitle .toctogglelabel::after { | .toctogglecheckbox:not(:checked) + .toctitle .toctogglelabel::after { | ||
Ligne 192 : | Ligne 178 : | ||
} | } | ||
/* rem Essais animation sommaire rem */ | /* rem Essais animation sommaire rem */ | ||
/* après mise a jour vers WM 1.39 du 21-12-2022 | /* après mise a jour vers WM 1.39 du 21-12-2022 / | ||
.toctogglelabel:hover { | .toctogglelabel:hover { | ||
text-decoration: underline; | text-decoration: underline; | ||
Ligne 204 : | Ligne 190 : | ||
/* 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 324 : | ||
} | } | ||
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 */ |
Dernière version du 26 mars 2024 à 10:50
/* 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
#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;
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;
}
.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 */