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

refactor: improve css file hierarchy

parent fc0106fe
......@@ -8,7 +8,7 @@
Version: 0.8
*/
/*************************************************************/
/*classes wordpress*/
/* Fonts */
/*************************************************************/
@font-face {
font-family: "GravityAdullact";
......@@ -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 ) {
.wrap {
......@@ -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 {
color: #4891bf;
}
......@@ -46,11 +135,6 @@ body:not(.has-sidebar):not(.page-one-column) .page-header {
float: none;
}
input[type="search"] {
padding: 0.3em;
font-size: 0.8em;
}
.search-form .search-submit .icon {
height: 18px;
top: -10px;
......@@ -62,11 +146,8 @@ input[type="search"] {
}
/*************************************************************/
/*header*/
/* Header */
/*************************************************************/
.adullact-blue {
color: #4891bf;
}
#logo-adullact-big, #logo-adullact-small {
max-width: 400px;
......@@ -74,19 +155,6 @@ input[type="search"] {
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 {
display: flex;
flex-direction: row;
......@@ -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;
font-weight: bold;
}
#adullact-mainpage-articles h2 {
font-weight: initial;
color: #393939;
}
/*************************************************************/
/* Accueil > L'Adullact en quelques mots */
/*************************************************************/
#adullact-mainpage-text {
padding-top: 1.5em;
......@@ -201,24 +240,28 @@ h1, h2 {
}
#adullact-mainpage-text a {
text-decoration: underline;
/*text-decoration: underline;*/
margin: auto;
margin-right: 0;
float: right;
}
#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-bottom: 1.5em;
background-color: #4B7D95;
}
.adullact-justify {
text-align: justify;
#adullact-mainpage-frames h2 {
color: white;
font-weight: bold;
}
.adullact-cadres-ligne-space {
......@@ -227,12 +270,6 @@ h1, h2 {
flex-wrap: wrap;
}
.adullact-cadres-ligne-center {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.adullact-cadres-column {
display: flex;
flex-direction: column;
......@@ -247,14 +284,16 @@ h1, h2 {
padding: 10px;
padding-top: 20px;
margin-top: 45px;
box-shadow: 0 0 20px 1px #7a9bab;
box-shadow: 0 0 20px 1px #184A62;
margin-bottom: 45px;
}
.adullact-cadre a{
color:black;
.adullact-cadre a {
color: black;
text-decoration: none;
}
.adullact-cadre a:hover{
.adullact-cadre a:hover {
text-decoration: underline;
}
......@@ -264,10 +303,40 @@ h1, h2 {
top: 21px;
}
.adullact-titre-cadre {
.adullact-cadre h3 {
margin: 0;
margin-top: -53px;
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 {
......@@ -284,6 +353,21 @@ h1, h2 {
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 {
width: 280px;
display: flex;
......@@ -309,14 +393,8 @@ h1, h2 {
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 {
......@@ -443,7 +521,6 @@ h1, h2 {
background-color: #4891bf;
}
/*************************************************************/
/*Formulaire d'adhésion*/
/*************************************************************/
......@@ -471,10 +548,6 @@ h1, h2 {
justify-content: center;
}
label {
font-weight: normal;
}
#secondSelection {
width: 220px;
}
......@@ -488,14 +561,6 @@ label {
margin-bottom: 20px;
}
.adullact-required {
color: red;
}
.adullact-error {
color: red;
}
.PCOT {
color: #4891bf;
}
......@@ -513,7 +578,7 @@ label {
}
.adullact-underline {
text-decoration: underline;
/*text-decoration: underline;*/
}
.adullact-spaced-line {
......@@ -526,27 +591,6 @@ label {
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)*/
/*************************************************************/
......@@ -564,10 +608,10 @@ label {
}
.adullact-read-more:hover::before, .adullact-read-more:focus::before {
text-decoration: underline;
box-shadow: none;
}
/*.adullact-read-more:hover::before, .adullact-read-more:focus::before {*/
/* text-decoration: underline;*/
/* box-shadow: none;*/
/*}*/
.adullact-post-image {
max-width: 300px;
......@@ -582,7 +626,7 @@ label {
padding: 5px;
margin-right: 10px;
display: inline-block;
text-decoration: none;
/*text-decoration: none;*/
}
.entry-footer .adullact-tag:hover, .entry-footer .adullact-tag:focus {
......@@ -595,24 +639,6 @@ label {
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 {
padding: 3px;
padding-right: 6px;
......@@ -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*/
/*************************************************************/
......
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