Commit 198e7f22 authored by N. Peraldi's avatar N. Peraldi
Browse files

style: improve main page visuals

parent e77678fb
...@@ -125,7 +125,7 @@ get_header(); ?> ...@@ -125,7 +125,7 @@ get_header(); ?>
</div> </div>
</div> </div>
</div> </div>
<div class="wrap"> <div class="wrap adullact-no-height-padding">
<div id="primary" class="content-area"> <div id="primary" class="content-area">
<main id="main" class="site-main" role="main"> <main id="main" class="site-main" role="main">
<div class="adullact-cadres-ligne"> <div class="adullact-cadres-ligne">
......
...@@ -27,11 +27,24 @@ ...@@ -27,11 +27,24 @@
color: #4891bf; color: #4891bf;
} }
.page-header {
padding-bottom: 0;
}
.archive:not(.page-one-column):not(.has-sidebar) #primary article {
width: 100%;
float: none;
}
body:not(.has-sidebar):not(.page-one-column) .page-header {
float: none;
}
/*************************************************************/ /*************************************************************/
/*header*/ /*header*/
/*************************************************************/ /*************************************************************/
.adullact-blue{ .adullact-blue {
color:#4891bf; color: #4891bf;
} }
#logo-adullact-big, #logo-adullact-small { #logo-adullact-big, #logo-adullact-small {
...@@ -42,6 +55,11 @@ ...@@ -42,6 +55,11 @@
padding: 0 !important; padding: 0 !important;
} }
.adullact-no-height-padding {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.adullact-header { .adullact-header {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
...@@ -70,6 +88,7 @@ ...@@ -70,6 +88,7 @@
.adullact-search-bar { .adullact-search-bar {
width: 70%; width: 70%;
} }
@media screen and ( max-width: 66.99em ) { @media screen and ( max-width: 66.99em ) {
.adullact-header { .adullact-header {
display: flex; display: flex;
...@@ -77,17 +96,18 @@ ...@@ -77,17 +96,18 @@
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.adullact-reseaux-sociaux-searchbar { .adullact-reseaux-sociaux-searchbar {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 80%; width: 80%;
max-width:20em; max-width: 20em;
align-items: center; align-items: center;
} }
.adullact-search-bar
{ .adullact-search-bar {
margin-bottom:3em; margin-bottom: 3em;
width:100%; width: 100%;
} }
} }
...@@ -454,10 +474,6 @@ article .entry-footer { ...@@ -454,10 +474,6 @@ article .entry-footer {
margin-top: 0; margin-top: 0;
} }
/*
l'article affiché seul, drôle de manière de faire mais je n'ai pas réussi à modifier les deux propriétés CSS autrement
que comme cela
*/
.blog:not(.has-sidebar) #primary article { .blog:not(.has-sidebar) #primary article {
width: 100%; width: 100%;
float: none; float: none;
...@@ -483,4 +499,29 @@ que comme cela ...@@ -483,4 +499,29 @@ que comme cela
#adullact-contact-informations { #adullact-contact-informations {
text-align: center; text-align: center;
padding: 7px; padding: 7px;
}
.archive:not(.page-one-column):not(.has-sidebar) #primary article {
width: 100%;
}
/*************************************************************/
/*classes de base adullact*/
/*************************************************************/
.adullact-blue {
color: #4891bf;
}
.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;
} }
\ No newline at end of file
Supports Markdown
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