MediaWiki:Common.css
Aller à la navigation
Aller à la recherche
Dans d’autres langues: English • Español
Tous changements apportés au fichiers CSS et Javascript doivent être conforme aux règles de design du wiki.
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é & sécurité → Effacer les données d’exploration → Images et fichiers en cache.
/* CSS placed here will be applied to all skins */
/* This governs the sections on the Community portal */
.cpbox {
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
}
.cpbox #admins {
box-sizing: border-box;
width: calc(33% - 10px);
margin: 5px;
flex-grow: 1;
min-width: 300px;
}
.cpbox #help {
box-sizing: border-box;
width: calc(67% - 10px);
margin: 5px;
flex-grow: 1;
}
/* Template documentation styles */
/* If modifying these styles, be sure to update the mobile skin! */
.doc {
margin: 0em auto 1em;
background-color: rgba(0, 0, 0, 0.05);
border: 2px solid #BDCAC3;
border-radius: 1em;
padding: 1em;
}
.doc-header {
padding-bottom: 3px;
border-bottom: 1px solid #BDCAC3;
margin-bottom: 1ex;
}
.doc-footer {
margin: 0;
background-color: rgba(0, 0, 0, 0.05);
border: 2px solid #BDCAC3;
border-radius: 1em;
padding: 1em;
}
/* Classes permitting setting of alignment on desktop only or differently on desktop and mobile */
/* (See .mobileleft, .mobilecenter, .mobileright in MediaWiki:Mobile.css for the mobile equivalents */
.desktopleft {
text-align: left;
}
.desktopcenter {
text-align: center;
}
.desktopright {
text-align: right;
}
/***************************/
/* Custom Temtem CSS Begin */
/***************************/
#mw-panel.collapsible-nav .portal h3:not(#p-socialProfiles-label):not(#p-sitePromos-label),
#mw-panel.collapsible-nav .portal.collapsed h3 {
position: relative;
padding: 4px;
border-radius: 4px;
letter-spacing: 0.05em;
border: #503153 solid 2px;
border-top-color: #AE718B;
border-bottom-color: #3D2447;
background: linear-gradient(#523351, #393351);
}
#mw-panel.collapsible-nav .portal h3,
#mw-panel.collapsible-nav .portal.collapsed h3 {
margin: 0 8px;
}
#mw-panel.collapsible-nav .portal h3 a,
#mw-panel.collapsible-nav .portal.collapsed h3 a {
color: #FFD66E;
font-weight: normal;
text-shadow: 0px 1px #8B8C99;
margin-left: calc(1em + 4px);
}
#mw-panel.collapsible-nav .portal h3:not(#p-socialProfiles-label):not(#p-sitePromos-label):before {
content: "";
position: absolute;
top: 50%;
transform-origin: 50%;
transform: translateY(-50%);
transition: transform .2s;
width: .75em;
height: .75em;
background: white;
clip-path: polygon(50% 100%, 0 0, 100% 0);
}
#mw-panel.collapsible-nav .portal.collapsed h3:not(#p-socialProfiles-label):not(#p-sitePromos-label):before {
transform: translateY(-50%) rotate(-90deg);
}
div#mw-panel div.portal div.body ul li a,
div#mw-panel div.portal div.body ul li a:visited {
font-family: "Calibri", sans-serif;
font-weight: bold;
}
/* Header Style */
.mw-body h1 span:target,
.mw-body h2 span:target,
.mw-body h3 span:target,
.mw-body h4 span:target,
.mw-body h5 span:target,
.mw-body h6 span:target {
position: relative;
padding-left: 36px;
background: linear-gradient(to right, white, white 36px, transparent);
border-radius: 4px 0 0 4px;
animation-name: header-text-rest;
animation-duration: .25s;
animation-timing-function: ease-in-out;
animation-delay: 1s;
animation-fill-mode: forwards;
}
.mw-body h1 span:target:before,
.mw-body h2 span:target:before,
.mw-body h3 span:target:before,
.mw-body h4 span:target:before,
.mw-body h5 span:target:before,
.mw-body h6 span:target:before {
content: "";
position: absolute;
top: 50%;
left: 4px;
transform: translateY(-50%);
width: .75em;
height: .75em;
background: black;
clip-path: polygon(0 100%, 0 0, 100% 50%);
animation-name: header-pointer;
animation-duration: .25s;
animation-timing-function: ease-in;
animation-direction: alternate;
animation-iteration-count: 4;
animation-fill-mode: forwards;
}
@keyframes header-pointer {
from {left: 4px;}
to {left: 20px;}
}
@keyframes header-text-rest {
from {padding-left: 36px;}
to {padding-left: 20px;}
}
/* Table of Contents */
#toc, .toc {
background: #FFF6;
box-shadow: none;
}