Changed style
This commit is contained in:
parent
b403eff562
commit
55a9e556ba
2 changed files with 153 additions and 129 deletions
52
style.css
52
style.css
|
|
@ -1,17 +1,18 @@
|
|||
body
|
||||
{
|
||||
text-align: center;
|
||||
width: 60%;
|
||||
width: 75%;
|
||||
margin: auto;
|
||||
background-color: #545455;
|
||||
background-color: #CCCCCC;
|
||||
}
|
||||
|
||||
header
|
||||
{
|
||||
border-radius: 10px;
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
margin: 10px;
|
||||
padding: 8px;
|
||||
background-color: black;
|
||||
background-color: #333333;
|
||||
color: orange;
|
||||
}
|
||||
|
||||
|
|
@ -21,50 +22,38 @@ header
|
|||
float: right;
|
||||
}
|
||||
|
||||
#introduction
|
||||
#introduction, #hello
|
||||
{
|
||||
text-align: justify;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#introduction article
|
||||
#introduction article, #hello
|
||||
{
|
||||
display: block;
|
||||
width: 42%;
|
||||
background-color: white;
|
||||
border: solid;
|
||||
box-shadow: 0px 5px 5px black;
|
||||
border-radius: 3px;
|
||||
border-radius: 0px;
|
||||
padding: 10px;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
article h2, form h2
|
||||
article h2, #hello h2
|
||||
{
|
||||
background-color: black;
|
||||
background-color: #333333;
|
||||
color: orange;
|
||||
margin-left: -10px;
|
||||
margin-right: -10px;
|
||||
}
|
||||
|
||||
#bonjour
|
||||
{
|
||||
float: left;
|
||||
margin-left: 2%;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
#fonctionnement
|
||||
{
|
||||
float: right;
|
||||
margin-right: 2%;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
form
|
||||
#hello
|
||||
{
|
||||
border: solid;
|
||||
border-radius: 5px;
|
||||
clear: both;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 20px;
|
||||
|
|
@ -88,10 +77,11 @@ aside
|
|||
{
|
||||
float: right;
|
||||
width: 30%;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0px 5px 10px black;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
background-color: black;
|
||||
background-color: #222222;
|
||||
color: orange;
|
||||
}
|
||||
|
||||
|
|
@ -102,8 +92,22 @@ aside
|
|||
margin-top: 80px;
|
||||
}
|
||||
|
||||
#arrow2
|
||||
{
|
||||
position: absolute;
|
||||
margin-left: -40px;
|
||||
margin-top: 45px;
|
||||
}
|
||||
|
||||
|
||||
footer
|
||||
{
|
||||
border-top: solid;
|
||||
text-align: justify;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
footer a
|
||||
{
|
||||
color: black;
|
||||
}
|
||||
|
|
|
|||
Reference in a new issue