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(); ?>
</div>
</div>
</div>
<div class="wrap">
<div class="wrap adullact-no-height-padding">
<div id="primary" class="content-area">
<main id="main" class="site-main" role="main">
<div class="adullact-cadres-ligne">
......
......@@ -27,11 +27,24 @@
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*/
/*************************************************************/
.adullact-blue{
color:#4891bf;
.adullact-blue {
color: #4891bf;
}
#logo-adullact-big, #logo-adullact-small {
......@@ -42,6 +55,11 @@
padding: 0 !important;
}
.adullact-no-height-padding {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.adullact-header {
display: flex;
flex-direction: row;
......@@ -70,6 +88,7 @@
.adullact-search-bar {
width: 70%;
}
@media screen and ( max-width: 66.99em ) {
.adullact-header {
display: flex;
......@@ -77,17 +96,18 @@
align-items: center;
justify-content: space-between;
}
.adullact-reseaux-sociaux-searchbar {
display: flex;
flex-direction: column;
width: 80%;
max-width:20em;
max-width: 20em;
align-items: center;
}
.adullact-search-bar
{
margin-bottom:3em;
width:100%;
.adullact-search-bar {
margin-bottom: 3em;
width: 100%;
}
}
......@@ -454,10 +474,6 @@ article .entry-footer {
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 {
width: 100%;
float: none;
......@@ -484,3 +500,28 @@ que comme cela
text-align: center;
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