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{
|
body{
|
||||||
margin-top: 50px;
|
margin-top: 50px;
|
||||||
background-color: #1c1e20;
|
background-color: #1c1e20;
|
||||||
color: #cdcdcd;
|
color: #cdcdcd;
|
||||||
font-family: arial;
|
font-family: arial;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
nav{
|
nav{
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top:0;
|
top:0;
|
||||||
left:0;
|
left:0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
font-family: verdana;
|
font-family: verdana;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav ul {
|
nav ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
list-style:none;
|
list-style:none;
|
||||||
box-sizing: content-box;
|
box-sizing: content-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav li {
|
nav li {
|
||||||
float: left;
|
float: left;
|
||||||
width: 25%;
|
width: 20%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
border: 5px solid #4D4D4D;
|
border: 5px solid #4D4D4D;
|
||||||
border-right: none;
|
border-right: none;
|
||||||
background-color: #290e05;
|
background-color: #290e05;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
nav li a {
|
nav li a {
|
||||||
display:block;
|
display:block;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
color: powderblue;
|
color: powderblue;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav li a:hover {
|
nav li a:hover {
|
||||||
background-color: coral;
|
background-color: coral;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2, h3 {
|
h2, h3 {
|
||||||
color: #ffc38a;
|
color: #ffc38a;
|
||||||
}
|
}
|
||||||
|
|
||||||
.code {
|
.code {
|
||||||
background-color: #4D4D4D
|
background-color: #4D4D4D
|
||||||
}
|
}
|
||||||
|
|
||||||
/*@media screen and (max-widht: 600px) {
|
/*@media screen and (max-widht: 600px) {
|
||||||
nav, nav ul, nav ul li {display: none;}
|
nav, nav ul, nav ul li {display: none;}
|
||||||
}*/
|
}*/
|
Loading…
Reference in a new issue