101 lines
1.2 KiB
CSS
101 lines
1.2 KiB
CSS
|
body
|
||
|
|
{
|
||
|
|
margin: auto;
|
||
|
|
max-width: 60rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
header
|
||
|
|
{
|
||
|
|
border-bottom: 2px solid green;
|
||
|
|
}
|
||
|
|
|
||
|
|
header>img,h1
|
||
|
|
{
|
||
|
|
display: inline;
|
||
|
|
}
|
||
|
|
|
||
|
|
nav
|
||
|
|
{
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
nav>ul
|
||
|
|
{
|
||
|
|
margin-bottom: 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
nav>ul>li
|
||
|
|
{
|
||
|
|
display: inline;
|
||
|
|
color: green;
|
||
|
|
border: solid;
|
||
|
|
border-width: 2px;
|
||
|
|
border-top-left-radius: 5px;
|
||
|
|
border-top-right-radius: 5px;
|
||
|
|
}
|
||
|
|
nav>ul>li:hover
|
||
|
|
{
|
||
|
|
background-color: green;
|
||
|
|
}
|
||
|
|
nav>ul>li>a
|
||
|
|
{
|
||
|
|
color: black;
|
||
|
|
text-decoration: none;
|
||
|
|
padding: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
section
|
||
|
|
{
|
||
|
|
flex-direction: row;
|
||
|
|
}
|
||
|
|
|
||
|
|
article
|
||
|
|
{
|
||
|
|
float: left;
|
||
|
|
width: 65%;
|
||
|
|
margin-top: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
aside
|
||
|
|
{
|
||
|
|
float: right;
|
||
|
|
width: 30%;
|
||
|
|
background-color: lightgreen;
|
||
|
|
border: unset;
|
||
|
|
border-radius: 10px;
|
||
|
|
padding: 10px;
|
||
|
|
border-radius: 10px;
|
||
|
|
margin-top: 20px;
|
||
|
|
}
|
||
|
|
#logos_distrib
|
||
|
|
{
|
||
|
|
background-color: white;
|
||
|
|
text-align: center;
|
||
|
|
border-radius: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
footer
|
||
|
|
{
|
||
|
|
clear: left;
|
||
|
|
display: block;
|
||
|
|
border-top: 2px solid green;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
footer>ul>li
|
||
|
|
{
|
||
|
|
/*border: solid;*/
|
||
|
|
display: inline;
|
||
|
|
padding: 0px 10px;
|
||
|
|
}
|
||
|
|
footer>ul>li:first-child
|
||
|
|
{
|
||
|
|
border-right: 2px solid black;
|
||
|
|
}
|
||
|
|
footer>ul>li:last-child
|
||
|
|
{
|
||
|
|
border-left: 2px solid black;
|
||
|
|
}
|
||
|
|
|