diff --git a/docs/wetransfer-ea53ef.zip b/docs/wetransfer-ea53ef.zip new file mode 100644 index 0000000..6d37603 Binary files /dev/null and b/docs/wetransfer-ea53ef.zip differ diff --git a/fr/actualites.html b/fr/actualites.html index ffdd4b8..7c99651 100644 --- a/fr/actualites.html +++ b/fr/actualites.html @@ -21,7 +21,7 @@ diff --git a/fr/kosmopolit.html b/fr/kosmopolit.html index 0ecfd1f..5ba90f3 100644 --- a/fr/kosmopolit.html +++ b/fr/kosmopolit.html @@ -12,6 +12,7 @@ + @@ -20,10 +21,10 @@ @@ -46,7 +47,7 @@
kaleidoscope

explosions superposees © Olgaline Padilla

-
+

contacts

Pour nous contacter : kosmopolit.contact@protonmail.com diff --git a/fr/lettres.html b/fr/lettres.html index 67a980e..a839e88 100644 --- a/fr/lettres.html +++ b/fr/lettres.html @@ -21,7 +21,7 @@

diff --git a/fr/litterall.html b/fr/litterall.html index 3abc49c..5243dbd 100644 --- a/fr/litterall.html +++ b/fr/litterall.html @@ -20,10 +20,10 @@ diff --git a/fr/litterall/litterall_1.html b/fr/litterall/litterall_1.html index 727483a..03667a3 100644 --- a/fr/litterall/litterall_1.html +++ b/fr/litterall/litterall_1.html @@ -13,8 +13,37 @@ -
diff --git a/fr/litterall/litterall_27.html b/fr/litterall/litterall_27.html index c7514a0..847d34d 100644 --- a/fr/litterall/litterall_27.html +++ b/fr/litterall/litterall_27.html @@ -22,11 +22,11 @@ @@ -81,8 +81,84 @@ diff --git a/fr/navbar.html b/fr/navbar.html index 8fe8fc7..66b7822 100644 --- a/fr/navbar.html +++ b/fr/navbar.html @@ -6,8 +6,10 @@ - + +
+

KOSMOPOLIT

 @@ -15,6 +17,7 @@

Lettres d'Europe et d'Ailleurs

Actualités
+
@@ -33,6 +36,8 @@
+ + diff --git a/fr/publications/traduire_retraduire.html b/fr/publications/traduire_retraduire.html index 9806875..f663c4f 100644 --- a/fr/publications/traduire_retraduire.html +++ b/fr/publications/traduire_retraduire.html @@ -22,8 +22,8 @@ diff --git a/styles/aside_right.css b/styles/aside_right.css index 44b1a4f..c1133ed 100644 --- a/styles/aside_right.css +++ b/styles/aside_right.css @@ -1,6 +1,6 @@ /*---------------------------------------------*/ -/*ASIDE RIGHT RELATIVES*/ +/*ASIDE RIGHT*/ /* aside right is for links to relatives content*/ aside.aside_right { padding: calc(var(--gap-unit) / 2); @@ -9,6 +9,9 @@ aside.aside_right { aside.aside_right *:first-child { width: var(--aside-right-width); } + +/*---------------------------------------------*/ +/*RELATIVES BOX*/ aside.aside_right .relative_box { margin: var(--aside-margin); padding: var(--gap-unit); @@ -25,3 +28,27 @@ aside.aside_right .relative_box > * { aside.aside_right .relative_box a h2 { color: var(--color-text-2); } + + + +/*---------------------------------------------*/ +/*BUTTON BOX*/ +aside.aside_right .button_box { + margin: 10px var(--aside-margin); + margin-bottom: 0px; + padding: calc(var(--gap-unit) / 2); + border: 1px solid var(--color-lines-2); + border-radius: 23px; + border-radius: 10em; +} +aside.aside_right .button_box:first-child { + margin-top: var(--aside-margin); +} +aside.aside_right .button_box * { + width: auto; +} +aside.aside_right .button_box h2 { + padding-left: 30px; +} + + diff --git a/styles/litterall_1.css b/styles/litterall_1.css index 2d36687..3711fe8 100644 --- a/styles/litterall_1.css +++ b/styles/litterall_1.css @@ -1,18 +1,28 @@ -aside.aside_right .relative_box { - border-radius: 23px; - margin: 5px var(--aside-margin); -} -aside.aside_right .relative_box:first-child { - margin-top: var(--aside-margin); -} -aside.aside_right .relative_box * { - width: auto; -} -aside.aside_right .relative_box a { - margin-bottom: 0px; -} .sommaire_name_width { padding: 0px 5px; background-color: hsl(var(--hue-4) 50% 90%); } + +/*---------------------------------------------*/ +/*NAVBAR special DROPDOWN*/ +.navbar .nav_right .dropdown .drop { + background-color: var(--color-back-base); +} +.navbar .nav_right .dropdown a:hover, .navbar .nav_right .dropdown a:focus { + background-color: var(--color-back-dark); +} +.navbar .nav_right .dropdown .drop_items { + top: 100%; + left: 0px; + height: 100%; + flex-direction: column; + display: none; +} +.navbar .nav_right .dropdown .drop_items::before { + display: none; +} +.navbar .nav_right .dropdown:focus-within * { + display: flex; +} + diff --git a/styles/nav.css b/styles/nav.css index 029d56d..823f8f8 100644 --- a/styles/nav.css +++ b/styles/nav.css @@ -1,11 +1,19 @@ /*---------------------------------------------*/ /*NAVBAR*/ +nav iframe { + width: 100%; +} +body#body_navbar { + background-color: transparent; + overflow: hidden; +} .navbar { flex-direction: row; /*we have to set the height to use the height % for childs elements*/ height: var(--nav-height); background-color: var(--color-back-base); + border-bottom: 1px solid var(--color-lines-4); } .navbar * { display: flex; @@ -24,16 +32,19 @@ padding-left: 40px; padding-right: 40px; } -.navbar a p { +.navbar a > * { /*to center vertically the text*/ height: auto; } .navbar .nav_left img { height: calc(100% - 4px); } -.navbar a:not(#nav_logo):hover, nav a:not(#nav_logo):focus { +.navbar a:hover, .navbar a:focus { background-color: var(--color-back-dark); } +.navbar a#nav_logo:hover, .navbar a#nav_logo:focus { + background-color: var(--color-back-base); +} /* nav_right is used for actions such as connection, search or language*/ .navbar .nav_right { margin-right: 2px; @@ -61,16 +72,31 @@ .navbar .nav_right .dropdown .drop { position: relative; padding: 0px 20px; +} +.navbar .nav_right .dropdown .drop_title:focus { background-color: var(--color-back-base); } +/* the items that drop horizontally to the left*/ .navbar .nav_right .dropdown .drop_items { position: absolute; - top: 100%; - left: 0px; + top: 0px; + right: 100%; height: 100%; - flex-direction: column; + width: auto; + background-color: var(--color-back-base); + flex-direction: row; display: none; } +/* create a gaz on the rest of the navbar when language menu drop*/ +.navbar .nav_right .dropdown .drop_items::before { + content: ""; + position: absolute; + top: 0px; + right: 100%; + width: 100vw; + height: 100%; + background-color: rgba(240,240,240,0.5); +} /* horizontal space between flag and name*/ .navbar .nav_right .dropdown .drop > * { margin: auto 3px; diff --git a/styles/skeleton.css b/styles/skeleton.css index 842a5fb..1b87e45 100644 --- a/styles/skeleton.css +++ b/styles/skeleton.css @@ -18,14 +18,8 @@ body { nav { flex-direction: row; /*we have to set the height to use the height % for childs elements*/ - height: var(--nav-height); - background-color: var(--color-back-base); + height: calc(var(--nav-height) + 1px); z-index: 10; - border-bottom: 1px solid var(--color-lines-4); -} -nav iframe { - width: 100%; - height: 100%; } .container_main { flex-direction: row; diff --git a/styles/text.css b/styles/text.css index c580a9d..c8c4493 100644 --- a/styles/text.css +++ b/styles/text.css @@ -1,19 +1,12 @@ /*---------------------------------------------*/ -/*TEXTS*/ -/*fonts*/ +/*FONTS*/ h1, h2, h3, h4, h5, h6 { font-family: var(--font-titles), var(--font-fallback), sans-serif; } a, p, li { font-family: var(--font-texts), var(--font-fallback), sans-serif; } -nav p { - font-family: var(--font-titles), var(--font-fallback), sans-serif; -} -.table_box p { - font-family: var(--font-titles), var(--font-fallback), sans-serif; -} /*---------------------------------------------*/ /*COLORS*/ @@ -31,7 +24,7 @@ p a:active { color: var(--color-link-active); } /*color text*/ -p, span { +h1, h2, h3, p, span { color: var(--color-text); }