Commit 01f895b1 authored by N. Peraldi's avatar N. Peraldi

refactor: improve css file hierarchy

parent fc0106fe
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
Version: 0.8 Version: 0.8
*/ */
/*************************************************************/ /*************************************************************/
/*classes wordpress*/ /* Fonts */
/*************************************************************/ /*************************************************************/
@font-face { @font-face {
font-family: "GravityAdullact"; font-family: "GravityAdullact";
...@@ -21,7 +21,78 @@ ...@@ -21,7 +21,78 @@
/*************************************************************/ /*************************************************************/
/*classes wordpress*/ /* Surcharge balises HTML */
/*************************************************************/
a {
color: #4B7D95;
text-decoration: underline;
}
h1, h2 {
color: #4B7D95;
}
label {
font-weight: normal;
}
input[type="search"] {
padding: 0.3em;
font-size: 0.8em;
}
/*************************************************************/
/*classes de base adullact*/
/*************************************************************/
.adullact-blue {
color: #4891bf;
}
.adullact-required {
color: red;
}
.adullact-error {
color: red;
}
.adullact-button {
border-radius: 3px;
border: 1px solid grey;
color: grey;
transition: background-color 0.2s ease;
padding: 7px;
font-size: 1em;
}
.adullact-button:hover {
color: dimgrey;
background-color: lightgrey;
}
.adullact-blue {
color: #4891bf;
}
.adullact-no-padding {
padding: 0;
}
.adullact-no-height-padding {
padding-top: 0;
padding-bottom: 0;
}
.adullact-no-top-padding {
padding-top: 0;
}
.adullact-justify {
text-align: justify;
}
/*************************************************************/
/* Surcharge Classes wordpress */
/*************************************************************/ /*************************************************************/
@media screen and ( min-width: 67em ) { @media screen and ( min-width: 67em ) {
.wrap { .wrap {
...@@ -29,6 +100,24 @@ ...@@ -29,6 +100,24 @@
} }
} }
#content {
padding: 0;
}
.entry-content p {
text-align: justify;
}
article .entry-footer {
border-top: none;
margin-top: 0;
}
.blog:not(.has-sidebar) #primary article {
width: 100%;
float: none;
}
.entry-title { .entry-title {
color: #4891bf; color: #4891bf;
} }
...@@ -46,11 +135,6 @@ body:not(.has-sidebar):not(.page-one-column) .page-header { ...@@ -46,11 +135,6 @@ body:not(.has-sidebar):not(.page-one-column) .page-header {
float: none; float: none;
} }
input[type="search"] {
padding: 0.3em;
font-size: 0.8em;
}
.search-form .search-submit .icon { .search-form .search-submit .icon {
height: 18px; height: 18px;
top: -10px; top: -10px;
...@@ -62,11 +146,8 @@ input[type="search"] { ...@@ -62,11 +146,8 @@ input[type="search"] {
} }
/*************************************************************/ /*************************************************************/
/*header*/ /* Header */
/*************************************************************/ /*************************************************************/
.adullact-blue {
color: #4891bf;
}
#logo-adullact-big, #logo-adullact-small { #logo-adullact-big, #logo-adullact-small {
max-width: 400px; max-width: 400px;
...@@ -74,19 +155,6 @@ input[type="search"] { ...@@ -74,19 +155,6 @@ input[type="search"] {
margin-bottom: 20px; margin-bottom: 20px;
} }
.adullact-no-padding {
padding: 0;
}
.adullact-no-height-padding {
padding-top: 0;
padding-bottom: 0;
}
.adullact-no-top-padding {
padding-top: 0;
}
.adullact-header { .adullact-header {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
...@@ -154,41 +222,12 @@ input[type="search"] { ...@@ -154,41 +222,12 @@ input[type="search"] {
} }
/*************************************************************/ /*************************************************************/
/*Accueil*/ /* Accueil */
/*************************************************************/ /*************************************************************/
#adullact-parallax-1 {
background: url("media/adullact/image_parallax_2.jpg") fixed;
width: 100%;
}
.adullact-icone-service {
border: 1px solid #4891bf;
width: 100px;
height: 100px;
margin: auto;
border-radius: 50%;
position: relative;
top: -70px;
background-color: white;
}
h1, h2 {
color: #4891bf;
}
.adullact-description-cadre {
font-size: 16px;
}
#adullact-mainpage-frames h2 { /*************************************************************/
color: white; /* Accueil > L'Adullact en quelques mots */
font-weight: bold; /*************************************************************/
}
#adullact-mainpage-articles h2 {
font-weight: initial;
color: #393939;
}
#adullact-mainpage-text { #adullact-mainpage-text {
padding-top: 1.5em; padding-top: 1.5em;
...@@ -201,24 +240,28 @@ h1, h2 { ...@@ -201,24 +240,28 @@ h1, h2 {
} }
#adullact-mainpage-text a { #adullact-mainpage-text a {
text-decoration: underline; /*text-decoration: underline;*/
margin: auto; margin: auto;
margin-right: 0; margin-right: 0;
float: right; float: right;
} }
#adullact-mainpage-text a:hover { #adullact-mainpage-text a:hover {
color: #4891bf; color: #4B7D95;
} }
#adullact-mainpage-articles { /*************************************************************/
background-color: #F5F5F5; /* Accueil > Nos initiatives */
/*************************************************************/
#adullact-mainpage-frames {
padding-top: 1.5em; padding-top: 1.5em;
padding-bottom: 1.5em; padding-bottom: 1.5em;
background-color: #4B7D95;
} }
.adullact-justify { #adullact-mainpage-frames h2 {
text-align: justify; color: white;
font-weight: bold;
} }
.adullact-cadres-ligne-space { .adullact-cadres-ligne-space {
...@@ -227,12 +270,6 @@ h1, h2 { ...@@ -227,12 +270,6 @@ h1, h2 {
flex-wrap: wrap; flex-wrap: wrap;
} }
.adullact-cadres-ligne-center {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.adullact-cadres-column { .adullact-cadres-column {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
...@@ -247,14 +284,16 @@ h1, h2 { ...@@ -247,14 +284,16 @@ h1, h2 {
padding: 10px; padding: 10px;
padding-top: 20px; padding-top: 20px;
margin-top: 45px; margin-top: 45px;
box-shadow: 0 0 20px 1px #7a9bab; box-shadow: 0 0 20px 1px #184A62;
margin-bottom: 45px; margin-bottom: 45px;
} }
.adullact-cadre a{
color:black; .adullact-cadre a {
color: black;
text-decoration: none; text-decoration: none;
} }
.adullact-cadre a:hover{
.adullact-cadre a:hover {
text-decoration: underline; text-decoration: underline;
} }
...@@ -264,10 +303,40 @@ h1, h2 { ...@@ -264,10 +303,40 @@ h1, h2 {
top: 21px; top: 21px;
} }
.adullact-titre-cadre { .adullact-cadre h3 {
margin: 0; margin: 0;
margin-top: -53px; margin-top: -53px;
margin-bottom: 12px; margin-bottom: 12px;
font-size: 1em;
}
.adullact-icone-service {
border: 1px solid #4891bf;
width: 100px;
height: 100px;
margin: auto;
border-radius: 50%;
position: relative;
top: -70px;
background-color: white;
}
.adullact-description-cadre {
font-size: 16px;
}
.adullact-cadres-ligne-center {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
/*************************************************************/
/* Accueil > Parallax */
/*************************************************************/
#adullact-parallax-1 {
background: url("media/adullact/image_parallax_2.jpg") fixed;
width: 100%;
} }
.adullact-cadre-texte { .adullact-cadre-texte {
...@@ -284,6 +353,21 @@ h1, h2 { ...@@ -284,6 +353,21 @@ h1, h2 {
font-size: 2em; font-size: 2em;
} }
/*************************************************************/
/* Accueil > Articles récents */
/*************************************************************/
#adullact-mainpage-articles {
background-color: #F5F5F5;
padding-top: 1.5em;
padding-bottom: 1.5em;
}
#adullact-mainpage-articles h2 {
font-weight: initial;
color: #393939;
}
.adullact-cadre-article { .adullact-cadre-article {
width: 280px; width: 280px;
display: flex; display: flex;
...@@ -309,14 +393,8 @@ h1, h2 { ...@@ -309,14 +393,8 @@ h1, h2 {
margin-bottom: 1em; margin-bottom: 1em;
} }
#adullact-mainpage-frames {
padding-top: 1.5em;
padding-bottom: 1.5em;
background-color: #a8c9e6;
}
/*************************************************************/ /*************************************************************/
/*Liste des adhérents*/ /* Liste des adhérents*/
/*************************************************************/ /*************************************************************/
.adullact-members-list { .adullact-members-list {
...@@ -443,7 +521,6 @@ h1, h2 { ...@@ -443,7 +521,6 @@ h1, h2 {
background-color: #4891bf; background-color: #4891bf;
} }
/*************************************************************/ /*************************************************************/
/*Formulaire d'adhésion*/ /*Formulaire d'adhésion*/
/*************************************************************/ /*************************************************************/
...@@ -471,10 +548,6 @@ h1, h2 { ...@@ -471,10 +548,6 @@ h1, h2 {
justify-content: center; justify-content: center;
} }
label {
font-weight: normal;
}
#secondSelection { #secondSelection {
width: 220px; width: 220px;
} }
...@@ -488,14 +561,6 @@ label { ...@@ -488,14 +561,6 @@ label {
margin-bottom: 20px; margin-bottom: 20px;
} }
.adullact-required {
color: red;
}
.adullact-error {
color: red;
}
.PCOT { .PCOT {
color: #4891bf; color: #4891bf;
} }
...@@ -513,7 +578,7 @@ label { ...@@ -513,7 +578,7 @@ label {
} }
.adullact-underline { .adullact-underline {
text-decoration: underline; /*text-decoration: underline;*/
} }
.adullact-spaced-line { .adullact-spaced-line {
...@@ -526,27 +591,6 @@ label { ...@@ -526,27 +591,6 @@ label {
color: white; color: white;
} }
#adullact-display-mask {
display: inline-block;
margin: 7px;
padding: 5px;
background-color: white;
box-sizing: inherit;
font-size: 1rem;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
font-weight: 400;
border-radius: 3px;
border: 1px solid grey;
color: grey;
transition: background-color 0.2s ease;
}
#adullact-display-mask:hover {
background-color: lightgrey;
color: dimgrey;
}
/*************************************************************/ /*************************************************************/
/*Affichage actualité(s)*/ /*Affichage actualité(s)*/
/*************************************************************/ /*************************************************************/
...@@ -564,10 +608,10 @@ label { ...@@ -564,10 +608,10 @@ label {
} }
.adullact-read-more:hover::before, .adullact-read-more:focus::before { /*.adullact-read-more:hover::before, .adullact-read-more:focus::before {*/
text-decoration: underline; /* text-decoration: underline;*/
box-shadow: none; /* box-shadow: none;*/
} /*}*/
.adullact-post-image { .adullact-post-image {
max-width: 300px; max-width: 300px;
...@@ -582,7 +626,7 @@ label { ...@@ -582,7 +626,7 @@ label {
padding: 5px; padding: 5px;
margin-right: 10px; margin-right: 10px;
display: inline-block; display: inline-block;
text-decoration: none; /*text-decoration: none;*/
} }
.entry-footer .adullact-tag:hover, .entry-footer .adullact-tag:focus { .entry-footer .adullact-tag:hover, .entry-footer .adullact-tag:focus {
...@@ -595,24 +639,6 @@ label { ...@@ -595,24 +639,6 @@ label {
color: dimgrey; color: dimgrey;
} }
#content {
padding-top: 20px;
}
.entry-content p {
text-align: justify;
}
article .entry-footer {
border-top: none;
margin-top: 0;
}
.blog:not(.has-sidebar) #primary article {
width: 100%;
float: none;
}
.entry-header a { .entry-header a {
padding: 3px; padding: 3px;
padding-right: 6px; padding-right: 6px;
...@@ -652,36 +678,6 @@ article .entry-footer { ...@@ -652,36 +678,6 @@ article .entry-footer {
} }
} }
/*************************************************************/
/*classes de base adullact*/
/*************************************************************/
.adullact-blue {
color: #4891bf;
}
a {
color: #4891bf;
text-decoration: underline;
}
#content {
padding: 0;
}
.adullact-button {
border-radius: 3px;
border: 1px solid grey;
color: grey;
transition: background-color 0.2s ease;
padding: 7px;
font-size: 1em;
}
.adullact-button:hover {
color: dimgrey;
background-color: lightgrey;
}
/*************************************************************/ /*************************************************************/
/*plan du site*/ /*plan du site*/
/*************************************************************/ /*************************************************************/
......
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