312
modifications
(Page créée avec « →Le CSS placé ici sera appliqué à tous les habillages. : #ca-viewsource { display: none !important; } .flex { display: flex; flex-direction: row; fle… ») |
Aucun résumé des modifications |
||
Ligne 3 : | Ligne 3 : | ||
display: none !important; | display: none !important; | ||
} | } | ||
.flex { | #footer-places-privacy,#footer-places-about,#footer-places-disclaimer,#footer-places-mobileview { | ||
display:none; | |||
} | |||
.sb-flex { | |||
display: flex; | display: flex; | ||
flex-direction: row; | flex-direction: row; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
} | } | ||
.flex-inner { | .sb-flex-inner { | ||
flex-grow: 1; | flex-grow: 1; | ||
width: 19%; | width: 19%; | ||
width: 200px; | width: 200px; | ||
} | } | ||
.box-shadow { | .sb-box-shadow { | ||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5); | box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5); | ||
border-radius: 2px; | border-radius: 2px; | ||
Ligne 22 : | Ligne 25 : | ||
align-items: center; | align-items: center; | ||
} | } | ||
.box-shadow .header { | .sb-box-shadow .sb-header { | ||
font-size: 1.25rem; | font-size: 1.25rem; | ||
margin-bottom: 1rem; | margin-bottom: 1rem; | ||
Ligne 28 : | Ligne 31 : | ||
line-height: 1.2; | line-height: 1.2; | ||
} | } | ||
.box-shadow .image { | .sb-box-shadow .sb-image { | ||
height: 148px; | height: 148px; | ||
} | } | ||
.text-center { | .sb-text-center { | ||
text-align: center; | text-align: center; | ||
} | } | ||
#userloginForm form { | |||
width:100% | |||
} | |||
.dataTables_wrapper .dataTables_filter input { | .dataTables_wrapper .dataTables_filter input { | ||
-webkit-box-sizing: border-box; | -webkit-box-sizing: border-box; | ||
Ligne 72 : | Ligne 79 : | ||
width: 20%; | width: 20%; | ||
text-align: right; | 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'); | |||
} | } |