Commit ba8f24c5 authored by Nathan Peraldi's avatar Nathan Peraldi

improve visibility with css

parent 48a5d012
......@@ -8,10 +8,36 @@
Version: 0.8
*/
/*************************************************************/
/*classes wordpress*/
/*************************************************************/
@media screen and ( min-width: 67em ) {
.wrap {
max-width: 1200px;
padding:28px;
}
.navigation-top .wrap {
max-width: 1200px;
}
}
/*************************************************************/
/*Liste des adhérents*/
/*************************************************************/
#adullact-sort-buttons {
display:flex;
flex-direction:row;
}
.adullact-members-list {
display: flex;
flex-direction: column;
flex-direction: row;
margin-top: 30px;
flex-wrap: wrap;
justify-content: flex-start;
}
.adullact-line {
......@@ -21,46 +47,104 @@
}
.adullact-member {
max-width: 200px;
word-wrap: break-spaces;
text-align: center;
margin: 10px;
padding: 0;
text-align: center
}
.adullact-member a {
width: 190px;
height: 190px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border: 2px solid aliceblue;
transition: border 0.2s ease;
}
.adullact-member a:hover {
border: 2px solid #4891bf;
}
.adullact-member img {
max-height: 180px;
max-width: 180px;
margin: 5px;
}
.adullact-member p {
padding: 10px;
border-bottom: 1px solid aliceblue;
margin: 0;
max-width: 190px;
}
.adullact-sort-button {
border-radius: 3px;
border: 1px solid grey;
color: grey;
transition: background-color 0.2s ease;
}
.adullact-sort-button a{
.adullact-sort-button:hover {
background-color: lightgrey;
color: red;
}
.adullact-sort-button a {
transition: color 0.2s ease;
color: grey;
padding:5px;
display:block;
padding: 5px;
display: block;
border-radius: 2px;
}
.adullact-sort-button a:hover {
color: dimgrey;
}
.adullact-selected {
color: black;
border: 1px solid black;
color: white;
border: 1px solid #4891bf;
background-color: #4891bf;
}
.adullact-selected a{
color: black;
.adullact-selected:hover {
background-color: #3f7ca2;
border: 1px solid #3f7ca2;
}
.adullact-required {
color: red;
.adullact-selected a:hover {
color: white;
}
.adullact-selected a {
color: white;
}
#adullact-member-list {
.adullact-member-list {
list-style: none;
}
#adullact-member-list li {
.adullact-member-list li {
display: inline-block;
margin: 7px;
}
/* formulaire d'adhésion */
#adullact-sort-by-type-buttons
{
width:70%;
}
#adullact-sort-by-name{
padding-left:2%;
}
/*************************************************************/
/*Formulaire d'adhésion*/
/*************************************************************/
#adullact-membership-form h3 {
margin-top: 20px;
margin-bottom: 20px;
......@@ -78,4 +162,8 @@
#periodeAdhesionCollectivite {
width: 220px;
margin-bottom: 20px;
}
.adullact-required {
color: red;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment