Samuel Boudet : Page créée avec « /* Tout CSS placé ici sera chargé avec les pages accédées par les utilisateurs du site mobile / / Le CSS placé ici sera appliqué à tous les habillages. */ #ca-viewsource { display: none !important; } #footer-places-privacy,#footer-places-about,#footer-places-disclaimer,#footer-places-mobileview { display:none; } .sb-flex { display: flex; flex-direction: row; flex-wrap: wrap; } .sb-flex-inner { flex-grow: 1; width: 19%; width:... »

2024-12-11T10:26:16Z

Page créée avec « Tout CSS placé ici sera chargé avec les pages accédées par les utilisateurs du site mobile : Le CSS placé ici sera appliqué à tous les habillages. : #ca-viewsource { display: none !important; } #footer-places-privacy,#footer-places-about,#footer-places-disclaimer,#footer-places-mobileview { display:none; } .sb-flex { display: flex; flex-direction: row; flex-wrap: wrap; } .sb-flex-inner { flex-grow: 1; width: 19%; width:... »

Nouvelle page

/* Tout CSS placé ici sera chargé avec les pages accédées par les utilisateurs du site mobile */
/* Le CSS placé ici sera appliqué à tous les habillages. */
#ca-viewsource {
display: none !important;
}

#footer-places-privacy,#footer-places-about,#footer-places-disclaimer,#footer-places-mobileview {
display:none;
}
.sb-flex {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.sb-flex-inner {
flex-grow: 1;
width: 19%;
width: 200px;
}
.sb-box-shadow {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
border-radius: 2px;
padding: 8px;
margin: 10px;
display: flex;
flex-direction: column;
align-items: center;
}
.sb-box-shadow .sb-header {
font-size: 1.25rem;
margin-bottom: 1rem;
font-weight: 500;
line-height: 1.2;
}
.sb-box-shadow .sb-image {
height: 148px;
}
.sb-text-center {
text-align: center;
}

.dataTables_wrapper .dataTables_filter input {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #a2a9b1;
border-radius: 2px;
padding: 0.4em 1.84615385em 0.4em 0.4em;
-webkit-box-shadow: inset 0 0 0 1px transparent;
box-shadow: inset 0 0 0 1px transparent;
font-size: 0.8125em;
direction: ltr;
-webkit-transition: border-color 250ms, box-shadow 250ms;
-moz-transition: border-color 250ms, box-shadow 250ms;
transition: border-color 250ms, box-shadow 250ms;
-webkit-appearance: textfield;
line-height: 2rem;
font-size: 16px;
min-width: 300px;
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
padding: 32px 0;
}
.navbox {
border: 1px solid #aaa;
margin: auto;
clear: both;
background: #fdfdfd;
padding: 1px;
margin-bottom: 16px;
}
.navbox .wikitable {
margin: 0;
width: 100%;
}
.navbox .wikitable .title {
width: 20%;
text-align: right;
}
/* For welcome */

:root {
--uness-blue: #77BBED;
--uness-green: #52ADA6;
--uness-orange: #F39200;
--uness-violet: #A463AD;
--uness-yellow: #A4A847;
--uness-dark-blue:#32276F;
}
.flexitems {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap:50px;
}

.welcomebox-column {
flex-grow: 1;
flex-basis: 200px;
min-width: 200px;
display: flex;
flex-direction: column;
gap: 30px;

}

.welcomebox {
flex-grow: 1;
flex-basis: 200px;
min-width: 200px;
border: solid 2px;
border-radius: 10px 10px 0 0;
overflow: hidden;
}
.welcomebox a {
color:var(--uness-dark-blue);
text-decoration:none;
}
.welcomebox a:hover {
text-decoration:underline;
}
.welcomebox-column>.welcomebox {
flex-basis:150px;
flex-grow: 1;
}

@media (max-width: 992px) {
.welcomebox {
flex-basis: 100%;
min-width: 100%;
}
}

.welcomebox-header {
color: #FFF;
font-size: 1.2em;
font-weight: bold;
padding-left: 12px;
text-align: center;
}

.welcomebox-blue {
border-color: var(--uness-blue);
}

.welcomebox-blue .welcomebox-header {
background-color: var(--uness-blue);
}

.welcomebox-blue .arrowed-list>li::before {
color: var(--uness-blue);
}

.welcomebox-green {
border-color: var(--uness-green);
}

.welcomebox-green .welcomebox-header {
background-color: var(--uness-green);
}

.welcomebox-green .arrowed-list>li::before {
color: var(--uness-green);
}

.welcomebox-orange {
border-color: var(--uness-orange);
}

.welcomebox-orange .welcomebox-header {
background-color: var(--uness-orange);
}

.welcomebox-orange .arrowed-list>li::before {
color: var(--uness-orange);
}

.welcomebox-violet {
border-color: var(--uness-violet);
}

.welcomebox-violet .welcomebox-header {
background-color: var(--uness-violet);
}

.welcomebox-violet .arrowed-list>li::before {
color: var(--uness-violet);
}

.welcomebox-yellow {
border-color: var(--uness-yellow);
}

.welcomebox-yellow .welcomebox-header {
background-color: var(--uness-yellow);
}

.welcomebox-yellow .arrowed-list>li::before {
color: var(--uness-yellow);
}

.arrowed-list {
padding-left:5px;
}

.arrowed-list>li {
list-style: none;
position: relative;
margin-top:15px;
padding-left: 2em;
}

.arrowed-list>li::before {
content: '→';
position: absolute;
left: 0;
top: -.4em;
font-size: 1.6em;
}

.imgLisa, .img3e-cycle {
display:inline-block;

background-size: contain;
background-repeat: no-repeat;
background-position: center;

aspect-ratio: auto;
}
.imgLisa {
background-image: url('skins/UnessWelcome/resources/img/logo-lisa.png');
width: 100px;
}
.img3e-cycle {
width: 200px;
background-image: url('skins/UnessWelcome/resources/img/logo-3e-cycle.png');
}

MediaWiki:Mobile.css - Historique des versions