2 542
modifications
mAucun résumé des modifications |
+dfn |
||
(6 versions intermédiaires par un autre utilisateur non affichées) | |||
Ligne 1 : | Ligne 1 : | ||
/* | /* ---------------------------------- */ | ||
/* Modèle:Liste simple */ | |||
/* ---------------------------------- */ | |||
.liste-simple ul { | |||
line-height: inherit; | |||
list-style: none; | |||
margin: 0; | |||
} | |||
.liste-simple ul li { | |||
margin-bottom: 0; | |||
} | |||
/* support des sous-listes */ | |||
.liste-simple ul ul { | |||
margin-left: 1.6em; | |||
} | } | ||
.sf-homepage-color-banner { | |||
--number-of-stripes: 4; | /* ---------------------------------- */ | ||
--stripe-height: 6px; | /* Modèle:Bandeau */ | ||
height: calc(var(--stripe-height) * var(--number-of-stripes)); | /* ---------------------------------- */ | ||
background-image: linear-gradient( | /* Forme des cadres */ | ||
rgb(200, 35, 55) 0%, | .banner-article, .banner-simple, .banner-section { | ||
rgb(200, 35, 55) 25%, | border-style: solid; | ||
rgb(224, 98, 54) 25%, | overflow: hidden; | ||
rgb(224, 98, 54) 50%, | position: relative; | ||
rgb(215, 171, 97) 50%, | } | ||
.banner-article { | |||
border-width: 1px 1px 1px 10px; | |||
font-size: 0.9em; | |||
line-height: 1.25em; | |||
padding: 0.5em 1em; | |||
margin: 0.8em 10%; | |||
} | |||
.banner-section { | |||
display: block; | |||
font-size: 0.95em; | |||
border-width: 1px 0; | |||
padding: 0.3em 1em; | |||
margin: 0.3em 0 0.7em 2em; | |||
} | |||
.banner-note { | |||
margin-top: 0.5em; | |||
padding-left: 2em; | |||
padding-bottom: 0.5em; | |||
margin-bottom: 0.5em; | |||
background: white; | |||
font-style: italic; | |||
border-bottom: 1px #aaa solid; | |||
} | |||
/* Couleurs */ | |||
.banner-stub, .banner-info { | |||
border-color: #77ccff; | |||
background-color: #fbfbfb; | |||
} | |||
.banner-moderate { | |||
border-color: #ff8822; | |||
background-color: #ffeedd; | |||
} | |||
/* Contenu */ | |||
.banner-image { | |||
padding-right: 0.5em; | |||
} | |||
.banner-cell { | |||
display: table-cell; | |||
vertical-align: middle; | |||
} | |||
.banner-cell > p:first-child { | |||
margin-top: 0; | |||
} | |||
.banner-cell > p:last-child { | |||
margin-bottom: 0; | |||
} | |||
/* Balise dfn (instance d'un terme défini) */ | |||
dfn { | |||
font-style: normal; | |||
font-weight: bold; | |||
} | |||
i > dfn { | |||
font-style: italic; | |||
} | |||
/* ---------------------------------- */ | |||
/* Modèle:Vidéos */ | |||
/* ---------------------------------- */ | |||
.videos-gallery { | |||
list-style: none; | |||
margin: 0.5em 0 !important; | |||
display: inline-flex; | |||
flex-wrap: wrap; | |||
gap: 0 20px; | |||
} | |||
/* ------ Ancien style à retravailler ------ */ | |||
/* Page d'accueil */ | |||
.sf-homepage-welcome { | |||
height: 320px; | |||
background-image: url("https://starfield-wiki.com/images/webp/f/f5/Fond_A_Journey_Through_Space.webp"); | |||
background-size: cover; | |||
border: 1px solid black; | |||
display: grid; | |||
place-content: center end; | |||
color: rgb(245, 247, 247); | |||
padding-right: 50px; | |||
} | |||
.sf-homepage-color-banner { | |||
--number-of-stripes: 4; | |||
--stripe-height: 6px; | |||
height: calc(var(--stripe-height) * var(--number-of-stripes)); | |||
background-image: linear-gradient( | |||
rgb(200, 35, 55) 0%, | |||
rgb(200, 35, 55) 25%, | |||
rgb(224, 98, 54) 25%, | |||
rgb(224, 98, 54) 50%, | |||
rgb(215, 171, 97) 50%, | |||
rgb(215, 171, 97) 75%, | rgb(215, 171, 97) 75%, | ||
rgb(47, 76, 121) 75%, | rgb(47, 76, 121) 75%, | ||
rgb(47, 76, 121) 100% | rgb(47, 76, 121) 100% | ||
); | ); | ||
} | } | ||
.sf-homepage-welcome-title { | .sf-homepage-welcome-title { | ||
font-size: 50px; | font-size: 50px; | ||
font-weight: bold; | font-weight: bold; | ||
font-family: Helvetica; | font-family: Helvetica; | ||
} | } | ||
.sf-homepage-welcome-subtitle { | .sf-homepage-welcome-subtitle { | ||
text-align: center; | text-align: center; | ||
} | } | ||
.sf-homepage-welcome-subtitle a { | .sf-homepage-welcome-subtitle a { | ||
color: #d7ab61; | color: #d7ab61; | ||
} | |||
.sf-homepage-content { | |||
background-color: #e2e7ed; | |||
border: 3px solid rgb(11,25,43); | |||
margin-top: 5px; | |||
padding: 0.5em 1em; | |||
} | |||
.sf-homepage-content-title { | |||
text-align: center; | |||
font-size: 150%; | |||
border-bottom: 1px solid var(--border-color-base); | |||
margin-bottom: 20px; | |||
text-shadow: 0 0 8px #829fce; | |||
color: #425b84; | |||
} | |||
.sf-homepage-content-groups { | |||
display: grid; | |||
grid-gap: 2rem; | |||
grid-template-columns: 1fr 1fr; | |||
padding: 1rem; | |||
} | } | ||
Ligne 1 350 : | Ligne 1 462 : | ||
.avt-infobox { | .avt-infobox { | ||
box-shadow:5px 5px 1px 0px #000000; | |||
padding:1px; | |||
background-color:var(--box-background-color); | |||
border:1px solid #485253; | |||
clear:right; | |||
float:right; | |||
font-size:0.9em; | |||
line-height:1.4; | |||
margin:0 0 0.5em 1em; | |||
word-wrap:break-word; | |||
width:300px; | |||
} | } | ||
.avt-infobox-header { | .avt-infobox-header { | ||
border:1px solid #485253; | |||
padding:3px; | |||
text-align:center; | |||
font-size:1.4em; | |||
line-height:1.1; | |||
margin-bottom:10px; | |||
background-color:#a6b4ae; | |||
} | } | ||
.avt-infobox-header-icon, | .avt-infobox-header-icon, | ||
.avt-infobox-header-title, | .avt-infobox-header-title, | ||
.avt-infobox-header-subhead { | .avt-infobox-header-subhead { | ||
justify-self:center; | |||
align-self:center | |||
} | } | ||
.avt-infobox-header-icon { | .avt-infobox-header-icon { | ||
grid-area:1 / 3 / 4 / 4 | |||
} | } | ||
.avt-infobox-header-title { | .avt-infobox-header-title { | ||
grid-area:2 / 1 / 4 / 4; | |||
font-weight:bold | |||
} | } | ||
.avt-infobox-header-subhead { | .avt-infobox-header-subhead { | ||
grid-area:1 / 1 / 2 / 4; | |||
font-size:0.6em | |||
} | } | ||
.avt-infobox-images { | .avt-infobox-images { | ||
text-align:center; | |||
display:flex; | |||
justify-content:space-around; | |||
align-items:center; | |||
padding:2px 0 | |||
} | } | ||
.avt-infobox-images a { | .avt-infobox-images a { | ||
max-width:100%; | |||
flex:0 0 auto | |||
} | } | ||
.avt-infobox-images img { | .avt-infobox-images img { | ||
height:auto; | |||
width:auto; | |||
max-width:100%; | |||
max-height:250px | |||
} | } | ||
.avt-infobox-images-legend { | .avt-infobox-images-legend { | ||
text-align:center; | |||
font-size:0.9em | |||
} | } | ||
.avt-infobox table { | .avt-infobox table { | ||
width:100%; | |||
margin:5px 0; | |||
table-layout:fixed; | |||
border-collapse:collapse; | |||
display:table | |||
} | } | ||
.avt-infobox caption { | .avt-infobox caption { | ||
text-align:center; | |||
border:1px solid #485253; | |||
} | } | ||
.avt-infobox p.bloc, | .avt-infobox p.bloc, | ||
.avt-infobox caption { | .avt-infobox caption { | ||
font-weight:bold; | |||
line-height:1.1; | |||
margin:0 0 5px 0; | |||
padding:4px; | |||
background-color:#a6b4ae; | |||
} | } | ||
.avt-infobox th[scope="row"], | .avt-infobox th[scope="row"], | ||
.avt-infobox td { | .avt-infobox td { | ||
padding-top:4px; | |||
vertical-align:super | |||
} | } | ||
.avt-infobox th[scope="row"] { | .avt-infobox th[scope="row"] { | ||
text-align:right; | |||
padding-right:10px; | |||
width:8em; | |||
max-width:140px; | |||
word-wrap:normal | |||
} | } | ||
.avt-infobox span.mw-collapsible-toggle { | .avt-infobox span.mw-collapsible-toggle { | ||
float:right | |||
} | } | ||
.avt-infobox span.mw-collapsible-toggle a { | .avt-infobox span.mw-collapsible-toggle a { | ||
color:var(--color-base) | |||
} | } | ||
.avt-infobox-armor-rdsd { | .avt-infobox-armor-rdsd { | ||
width:3em; | |||
display:inline-block | |||
} | } | ||