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

bugfix opacity menu, new version of readme

parent 4e808c2a

README.md

+9 −2
Original line number Original line Diff line number Diff line 
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

css/design.css

+14 −7
Original line number Original line Diff line number Diff line
@@ -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{ 




#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{ 
}

}





#paging em{

#paging em{

	opacity: 0.6;

	color: rgba(12, 12, 12, 0.5);

}

}





#paging .current{

#paging .current{
@@ -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 
		position: absolute;

		position: absolute;

		left: -9999px;

		left: -9999px;

	}

	}



	.nav-label{

	.nav-label{

		position: fixed;

		position: fixed;

		top: 0;

		top: 0;
@@ -420,14 +418,23 @@ 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;

		transition: border-bottom 0.3s;

		transition: border-bottom 0.3s;

site/layout/layout.php

+5 −3
Original line number Original line Diff line number Diff line
@@ -18,10 +18,12 @@ 
			background-color: #e3e3e3;

			background-color: #e3e3e3;

			padding: 7px;

			padding: 7px;

		}

		}

		@media all and (min-width: 500px){

			#listMenu .selected{

			#listMenu .selected{

				padding-bottom: 2px;

				padding-bottom: 2px;

				border-bottom: 5px solid #ccc;

				border-bottom: 5px solid #ccc;

			}

			}

		}

	</style>

	</style>

</head>

</head>

<body id="page">

<body id="page">