modif nav li -> passage à 5 catégorie au lieu de 4
This commit is contained in:
parent
5c1f25dd63
commit
b9617d529b
114
agreugreu.css
114
agreugreu.css
|
@ -1,58 +1,58 @@
|
|||
body{
|
||||
margin-top: 50px;
|
||||
background-color: #1c1e20;
|
||||
color: #cdcdcd;
|
||||
font-family: arial;
|
||||
|
||||
}
|
||||
|
||||
nav{
|
||||
position: fixed;
|
||||
top:0;
|
||||
left:0;
|
||||
width: 100%;
|
||||
font-family: verdana;
|
||||
}
|
||||
|
||||
nav ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
list-style:none;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
nav li {
|
||||
float: left;
|
||||
width: 25%;
|
||||
box-sizing: border-box;
|
||||
border: 5px solid #4D4D4D;
|
||||
border-right: none;
|
||||
background-color: #290e05;
|
||||
}
|
||||
|
||||
|
||||
nav li a {
|
||||
display:block;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
font-size: 15px;
|
||||
color: powderblue;
|
||||
}
|
||||
|
||||
nav li a:hover {
|
||||
background-color: coral;
|
||||
}
|
||||
|
||||
h2, h3 {
|
||||
color: #ffc38a;
|
||||
}
|
||||
|
||||
.code {
|
||||
background-color: #4D4D4D
|
||||
}
|
||||
|
||||
/*@media screen and (max-widht: 600px) {
|
||||
nav, nav ul, nav ul li {display: none;}
|
||||
body{
|
||||
margin-top: 50px;
|
||||
background-color: #1c1e20;
|
||||
color: #cdcdcd;
|
||||
font-family: arial;
|
||||
|
||||
}
|
||||
|
||||
nav{
|
||||
position: fixed;
|
||||
top:0;
|
||||
left:0;
|
||||
width: 100%;
|
||||
font-family: verdana;
|
||||
}
|
||||
|
||||
nav ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
list-style:none;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
nav li {
|
||||
float: left;
|
||||
width: 20%;
|
||||
box-sizing: border-box;
|
||||
border: 5px solid #4D4D4D;
|
||||
border-right: none;
|
||||
background-color: #290e05;
|
||||
}
|
||||
|
||||
|
||||
nav li a {
|
||||
display:block;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
font-size: 15px;
|
||||
color: powderblue;
|
||||
}
|
||||
|
||||
nav li a:hover {
|
||||
background-color: coral;
|
||||
}
|
||||
|
||||
h2, h3 {
|
||||
color: #ffc38a;
|
||||
}
|
||||
|
||||
.code {
|
||||
background-color: #4D4D4D
|
||||
}
|
||||
|
||||
/*@media screen and (max-widht: 600px) {
|
||||
nav, nav ul, nav ul li {display: none;}
|
||||
}*/
|
Loading…
Reference in a new issue