|
|
|
@ -1,35 +1,33 @@
|
|
|
|
|
|
|
|
|
|
#main {
|
|
|
|
|
margin-left : 10%;
|
|
|
|
|
margin-left: 10%;
|
|
|
|
|
margin-right: 10%;
|
|
|
|
|
border : solid 2px purple;
|
|
|
|
|
border: solid 2px purple;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
font-family: Helvetica,;
|
|
|
|
|
font-family: Helvetica;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.new {
|
|
|
|
|
border-radius: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#header {
|
|
|
|
|
#header {
|
|
|
|
|
text-align: center;
|
|
|
|
|
background-color: green;
|
|
|
|
|
margin : 0px;
|
|
|
|
|
margin: 0px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#body {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
border : solid 10px violet;
|
|
|
|
|
margin:0px
|
|
|
|
|
}
|
|
|
|
|
border: solid 10px violet;
|
|
|
|
|
margin: 0px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#personal-space {
|
|
|
|
|
background-color: orange;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#sideMenu {
|
|
|
|
@ -42,46 +40,44 @@
|
|
|
|
|
|
|
|
|
|
#sideMenu h2 {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
margin-right : 5%;
|
|
|
|
|
margin-right: 5%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.titreSideMenu {
|
|
|
|
|
border-bottom: black solid 2px;
|
|
|
|
|
width: 95%;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#sideMenu .title {
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
color : #FFFFFF;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
letter-spacing: 1px;
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
background-color: black;
|
|
|
|
|
padding : 1.5%;
|
|
|
|
|
padding: 1.5%;
|
|
|
|
|
margin-bottom: 0px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#bodyPersonalSpace {
|
|
|
|
|
width: 95%;
|
|
|
|
|
border : 1px red solid;
|
|
|
|
|
border: 1px red solid;
|
|
|
|
|
align-self: center;
|
|
|
|
|
}
|
|
|
|
|
#bodyPersonalSpace table{
|
|
|
|
|
#bodyPersonalSpace table {
|
|
|
|
|
width: 100%;
|
|
|
|
|
border-collapse : separate;
|
|
|
|
|
border-spacing : 1em;
|
|
|
|
|
border-collapse: separate;
|
|
|
|
|
border-spacing: 1em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
td {
|
|
|
|
|
border : 3px solid black;
|
|
|
|
|
padding-bottom : 1%;
|
|
|
|
|
padding-top : 1%;
|
|
|
|
|
border: 3px solid black;
|
|
|
|
|
padding-bottom: 1%;
|
|
|
|
|
padding-top: 1%;
|
|
|
|
|
margin: 80px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
td:hover {
|
|
|
|
|
background-color: red;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|