Commit dc8dcc3e authored by Corentin Bettiol's avatar Corentin Bettiol 💻

bugfix opacity menu, new version of readme

parent 4e808c2a
l3m website l3m website
==== ====
## 5ème refonte
C'est la 5ème refonte. Oui je refais tout de zéro de temps en temps.
## Des liens ?
[Instance de test dispo sur internet](https://l3m.244466666.xyz/) (et hébergée sur mon ptit serveur).
C'est tout.
## Des screenshots ?
Nan.
## Des vidéos alors ?
[D'accord](http://l3m.in/p/up/files/1551814031-l3m-demo.webm), mais juste une.
\ No newline at end of file
...@@ -263,7 +263,6 @@ form .small{ ...@@ -263,7 +263,6 @@ form .small{
#paging{ #paging{
width: 80%; width: 80%;
opacity: 0.8;
display: flex; display: flex;
max-width: 400px; max-width: 400px;
font-size: 1.5em; font-size: 1.5em;
...@@ -284,8 +283,8 @@ form .small{ ...@@ -284,8 +283,8 @@ form .small{
#paging a{ #paging a{
text-decoration: none; text-decoration: none;
background-color: #f0f0f0; background-color: rgba(240, 240, 240, 0.8);
border-bottom: 0px solid #ccc; border-bottom: 0px solid rgba(12, 12, 12, 0.4);
transition: border-bottom 0.1s, padding-bottom 0.1s; transition: border-bottom 0.1s, padding-bottom 0.1s;
} }
...@@ -296,7 +295,7 @@ form .small{ ...@@ -296,7 +295,7 @@ form .small{
} }
#paging em{ #paging em{
opacity: 0.6; color: rgba(12, 12, 12, 0.5);
} }
#paging .current{ #paging .current{
...@@ -374,8 +373,6 @@ Media Queries ...@@ -374,8 +373,6 @@ Media Queries
width: 45px; width: 45px;
height: 45px; height: 45px;
} }
#header{ #header{
margin-top: 30px; margin-top: 30px;
} }
...@@ -386,6 +383,7 @@ Media Queries ...@@ -386,6 +383,7 @@ Media Queries
position: absolute; position: absolute;
left: -9999px; left: -9999px;
} }
.nav-label{ .nav-label{
position: fixed; position: fixed;
top: 0; top: 0;
...@@ -420,13 +418,22 @@ Media Queries ...@@ -420,13 +418,22 @@ Media Queries
padding: 0; padding: 0;
transition: max-height 0.3s ease, opacity 0.3s, padding 0.3s; transition: max-height 0.3s ease, opacity 0.3s, padding 0.3s;
} }
#listMenu a:hover{
padding: 0;
border-bottom: 0;
}
#listMenu .selected{ #listMenu .selected{
border: none; border-bottom: 0px solid black;
max-height: 300px; max-height: 300px;
padding: 0; padding: 0;
opacity: 0.5; opacity: 0.5;
} }
#listMenu .selected:hover{
border-bottom: 0px solid black;
padding: 0;
}
#toggle:checked ~ #listMenu{ #toggle:checked ~ #listMenu{
border-bottom: 5px solid #ccc; border-bottom: 5px solid #ccc;
......
...@@ -18,9 +18,11 @@ ...@@ -18,9 +18,11 @@
background-color: #e3e3e3; background-color: #e3e3e3;
padding: 7px; padding: 7px;
} }
#listMenu .selected{ @media all and (min-width: 500px){
padding-bottom: 2px; #listMenu .selected{
border-bottom: 5px solid #ccc; padding-bottom: 2px;
border-bottom: 5px solid #ccc;
}
} }
</style> </style>
</head> </head>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment