amélioration affichage images (53ee72a3) · Commits · pdn-certic / MaX

ui/css/ead.css

+169 −144

Original line number	Diff line number	Diff line
		.super {
		vertical-align: super;
		font-size: 66%;}
		font-size: 66%;
		}

		.italic {
		font-style: italic;}
		font-style: italic;
		}

		.bold {
		font-weight: bold;}
		font-weight: bold;
		}

		.smcaps {
		font-variant: small-caps;}
		font-variant: small-caps;
		}

		#toc, .side-toc nav, .browse nav{
		#toc,
		.side-toc nav,
		.browse nav {
		margin-top: 6em;
		}

		@@ -32,9 +41,11 @@ body {
		margin: 0;
		}


		/*
		* Header & Footer
		*/

		header {
		position: fixed;
		height: 5em;
		@@ -43,7 +54,6 @@ header {
		width: 100%;
		border-bottom: 1px solid #1b1e21;
		background-color: white;

		display: flex;
		}

		@@ -53,17 +63,20 @@ header h1 {
		}



		/* menu top */
		header #menu, header #menu nav{

		header #menu,
		header #menu nav {
		display: flex;
		justify-content: center;
		align-items: center;
		}

		header nav button {
		display: none;/.../
		display: none;
		/.../
		}

		header nav ul {
		display: flex;
		margin: 0;
		@@ -78,7 +91,10 @@ header nav ul li a{
		header nav ul li.active {
		font-weight: bold;
		}


		/----------/

		footer {
		border-top: 1px solid #1b1e21;
		text-align: center;
		@@ -101,6 +117,7 @@ footer p {
		/*
		* Affichage si aucun noeud sélectionné
		*/

		section.home {
		position: fixed;
		top: 5.1em;
		@@ -114,6 +131,7 @@ section.home {
		/*
		* Panneau de droite, le détail de l'item
		*/

		section.browse>div>div {
		position: fixed;
		left: 40vw;
		@@ -154,9 +172,16 @@ figcaption {
		font-style: italic;
		}

		img {
		width: 100px;
		margin: 5px;
		}


		/*
		* Affichage de l'arborescence
		*/

		summary {
		border: 1px dotted transparent;
		/margin-bottom: 0.3em;/
		@@ -179,7 +204,6 @@ summary a {
		color: var(--ead-link-color-hover);
		}


		.side-toc details details {
		padding: 0;
		margin-left: 2em;
		@@ -263,14 +287,15 @@ section.porte-documents {
		opacity: 0;
		}


		/*
		* Adaptation pour écran large
		*/

		@media (min-width: 1000px) {
		section.browse nav {
		right: 60vw;
		}

		section.browse article {
		left: 40vw;
		}