From d5de3d34e2cf5dd2626743890d3ec320de872ffc Mon Sep 17 00:00:00 2001 From: hugogogo Date: Thu, 11 Mar 2021 19:34:53 +0100 Subject: [PATCH] test variables globales couleurs --- docs/nav/flag_de_mini.png | Bin 0 -> 332 bytes docs/nav/flag_en_mini.png | Bin 0 -> 5458 bytes docs/nav/flag_fr_mini.png | Bin 0 -> 154 bytes docs/nav/kosmopolit_logo_mini.png | Bin 2765 -> 2762 bytes pages/litterall.html | 3 ++- styles/global.css | 17 ++++++++++++----- styles/nav.css | 30 +++++++++++++++++------------- styles/skeleton.css | 16 ++++++++-------- styles/text.css | 1 + 9 files changed, 40 insertions(+), 27 deletions(-) create mode 100644 docs/nav/flag_de_mini.png create mode 100644 docs/nav/flag_en_mini.png create mode 100644 docs/nav/flag_fr_mini.png diff --git a/docs/nav/flag_de_mini.png b/docs/nav/flag_de_mini.png new file mode 100644 index 0000000000000000000000000000000000000000..7a17028f94bcd2346e5cc8c137cac520c4a9499b GIT binary patch literal 332 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 IM6N<$f(}`>=Kufz literal 0 HcmV?d00001 diff --git a/docs/nav/flag_fr_mini.png b/docs/nav/flag_fr_mini.png new file mode 100644 index 0000000000000000000000000000000000000000..b21d7f5a616b4f3e444e4216089dad4cc9350592 GIT binary patch literal 154 zcmeAS@N?(olHy`uVBq!ia0vp^HbAVw#0(_wUoFf5Qk(%kA+8L{Q~&?}|5nqIdE0A$ zpde$Cx4R2N2dk_HNJW81WHAE+w=f7ZGR&GI0Tg5}@$_|Nf6B})$YhzN{jV1&B<|_r t7@~1LIf0=uKp=vZiD&VjKs(u=40X4TTec-;9tSF6@O1TaS?83{1OSRkCh!0N literal 0 HcmV?d00001 diff --git a/docs/nav/kosmopolit_logo_mini.png b/docs/nav/kosmopolit_logo_mini.png index de6f0fba86eab06facdc9d0f2c7011baa0396eb5..15f5392e6e9dc2cb3bf1a6b9a32b43a88eb88f30 100644 GIT binary patch delta 2693 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 delta 2696 zcmV;33U~F&70nfp7YZl{1^@s6qPv;@ks&iJ3n3C|k5&o*018@3L_t(&-tAgjY+Th9 zUHhDS@64U2XZ#x5ab6_O%Zd{xxRHP!e*prtfeIW^K+vEn1ZW{4gqS!XV4OI1V#o0# z;~CrIdEa|>KO7P#@ngmgRG=PdKIYzY&faV9wIAoq0RJC9>_Oj0rB}Vav*ctZwJes( zEL5OU5HmnMenV>!EcYE+e`WXw0eDTru3%GQ@D7`COIC5MVs?#wFNqR@utyW(fAvde zmA?GemCFadw}6+t`r*ah$;3lhn{VYw^d>Mng!XcU$MMAe`YW5J1(;WC(j(*x@!)Wo zU{NA6mT3b3iI~)IQkw4Lo`YJLP;Xy2usdq{Q`skmE&Hlm*Z6b|E-AK=za_ufu%toS_X!3Jdu2QP2H@AwpLeXasnK#+cHCh(|2;#zJ)BV1|V}{ z0>L7p-H_rn;di}K@WuKl05oue41e*aPl_RL!j79j8Xj3_Co<8&GNWv;f4+KaX7oOV zo44JbW_}KUGZ(pq4jqdFUi2i>I6N2!fP_=v?(p3|d2Ld_(OJ*m#I|)WY^CNG5XvT_eN0 zS8Ok6p0!uY!Aemf#QR5w7asiE;hXMBD^)Ss5&_`SP*4#;eAFE|>zyv>nAf3S)v^BC zwlRfAm;Uv)NLi0F!<;fwO~A3R2#%^E$O0#vjG{}vx*lMldG_8(f4Tz>D7Js@bMp=J zX9UfTa2!L4HDp;~S9kQh_gPyNX46&$fb#)IW&(UMpv*^7Ef9Dw(ghUbw4ww!DbIVFm zX&TV2j2g&fMN@c)a`A^06e|$oWbdh1AMx&jm#$FEw*mkUXB7`+6hwY~iDPjI9P zrx4zCY1lftd_hoIHX^R*leG*HP@BT%IAs5s#ri({abz?y~@M%31_<_EBpzDOCI5gdWx_ydXp7 z4cJV(f8ifK6Y~yXfyOYc9|uvQ8sI_OnUL^#;nelct{gW6 zA}Nx!CF5siLqaR@Os!tCgeP^zQz`a9jbYlD?LL+lMfc)TcSH!iJMSi+QP3&Om{dKt^fk&HB)5`9{sN zf8j?9{Aj_u029CwN%1kcbWQ@33xdSaG&r0b zMQIKB*6Y*Z0!CIFaYTu00W&MatPEmS2`J5{>g@P?Ym$S%Tk&jStP~q8rju$1x$z&@ftpQ@Fyw=+)HE^`+)l7b& zGm>e)fWHPJ+@FiTMRgegn)5doY!owEna}S6sj$DTXi|4K+_Auk#=)t1)jq4w5e_f2ZUcf0Qzx8g95eTZS_9%LTol}p0Xa|F4;g|W> z{?QizRnK3|aqB54ROQl@f0M9ei5s5vOCSnOM#2Jg0R$Zkp8@RYBQOY=Gt4^~>Q(zM zZ$iu+K{S1whBDoG=Xwd__Yc&*|HmnN7ytr??%AOPo@UD7s5vS-+kJ6le?IO4;?{@} zDG3V;2=jb4s{A(Q`8YLSa{Gc-Iwtp1!Ws}E*AkSN3lMTGhEw`;_3i;v_q{O{ zW{hdsNa&eAfbeKu77v zIr~letaKaor`xD=xRHi4eMndl%GgQtC0YYxw~4Mj*L`$(SKvtHboy-q0VG~<%c3VYEPed|raAIf zW$5~b;>?l3Ih5tue?pTLij|*;7!U(2)d`VOhgouaux;buQ~TGh&8Xo!Sn?u+*0qph+x5^#lLJ48ei-1gCsB-um|+cd-c z$9+rwdH6!=^PT+zVAI|edR7)yDX8T{v{b3=Oa}XjNCWdQLW8?>sUJ3kdq2oHu%UWu zZpf0000
diff --git a/styles/global.css b/styles/global.css index a946edd..44f0515 100644 --- a/styles/global.css +++ b/styles/global.css @@ -8,6 +8,16 @@ --color-yellow: hsl(59, 92%, 46%); /* #e3e00a - rgb(227, 224, 10 ) */ --color-blue: hsl(189, 73%, 61%); /* #51cee4 - rgb(81, 206, 228) */ --color-water: hsl(189, 88%, 38%); /* #0c9cb5 - rgb(12, 156, 181) */ + --hue-1: 324; + --hue-2: 86; + --hue-3: 59; + --hue-4: 189; + + /*doc color*/ + --hue-back: var(--hue-4); + --color-back-base: hsl(var(--hue-back), 0%, 100%); + --color-back-dark: hsl(var(--hue-back), 0%, 95%); + --color-lines: hsl(var(--hue-back), 70%, 80%); /* colors buttons */ --hue-btn: 12; @@ -24,10 +34,8 @@ --color-text: hsl(0, 0%, 10%); --color-text-light: hsl(0, 0%, 25%); --color-text-strong: hsl(0, 0%, 5%); - /*links*/ - --hue-link: 324; - --hue-link: 189; - --hue-link: 59; + /*texts links*/ + --hue-link: var(--hue-3); --color-link: hsl(var(--hue-link), 70%, 40%); --color-link-hover: hsl(var(--hue-link), 70%, 50%); --color-link-active: hsl(var(--hue-link), 70%, 50%); @@ -41,7 +49,6 @@ --max-screen: 1110px; --base-font-size: 10px; --nav-height: 40px; - --base-back-color: white; --aside-left-width: 200px; --aside-right-width: 200px; --aside-margin: 30px; diff --git a/styles/nav.css b/styles/nav.css index 9710dd8..4831733 100644 --- a/styles/nav.css +++ b/styles/nav.css @@ -2,36 +2,40 @@ /*---------------------------------------------*/ /*NAVBAR*/ body nav { - border-bottom: 1px solid lightgrey; + border-bottom: 1px solid var(--color-lines); } body nav * { display: flex; flex-direction: row; margin: auto; -} -body nav .nav_left, body nav .nav_right { - margin: 2px auto; + height: 100%; } /* nav_left is used for links to pages*/ body nav .nav_left { - margin-left: 2px; - padding-left: 20px; - padding-right: 20px; + margin-left: 0px; } body nav .nav_left a { - height: 100%; - margin: auto 20px; + padding: 0px 20px; +} +body nav .nav_left #nav_logo { + padding-left: 40px; + padding-right: 40px; +} +body nav .nav_left a p { + height: auto; } body nav .nav_left img { - height: 100%; + height: calc(100% - 4px); +} +body nav a:not(#nav_logo):hover, body nav a:not(#nav_logo):focus { + background-color: var(--color-back-dark); } /* nav_right is used for actions such as connection, search or language*/ body nav .nav_right { margin-right: 2px; } -/* links looks on hover or click*/ -body nav a:hover, body nav a:focus { - background-color: lightgrey; +body nav .nav_right img.flag { + height: calc(var(--nav-height) / 2); } diff --git a/styles/skeleton.css b/styles/skeleton.css index c721838..8ba8dd9 100644 --- a/styles/skeleton.css +++ b/styles/skeleton.css @@ -62,7 +62,7 @@ html { /*BODY*/ /* the page is designed for a maximum screen*/ body { - background-color: var(--base-back-color); + background-color: var(--color-back-base); } /*NAVBAR*/ @@ -70,7 +70,7 @@ 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(--base-back-color); + background-color: var(--color-back-base); z-index: 10; } @@ -96,7 +96,7 @@ body aside.page_content .table_box { box-sizing: border-box; padding: var(--gap-unit); /*for style*/ - border-left: 1px solid lightgrey; + border-left: 1px solid var(--color-lines); } /*to put space between elements*/ body aside.page_content .table_box > * { @@ -111,11 +111,11 @@ body main > * { } body main h1 { padding: 70px 0px; - border-bottom: 1px solid lightgrey; + border-bottom: 1px solid var(--color-lines); } body main h2 { padding: 10px 0px; - border-bottom: 1px solid lightgrey; + border-bottom: 1px solid var(--color-lines); } /*TITLE*/ @@ -140,10 +140,10 @@ body aside.relative_content .relative_box { margin: var(--aside-margin); padding: var(--gap-unit); width: fit-content; - border: 1px solid lightgrey; + border: 1px solid var(--color-lines); } body aside.relative_content .box_name { - border-bottom: 1px solid lightgrey; + border-bottom: 1px solid var(--color-lines); padding-bottom: var(--gap-unit); } body aside.relative_content .relative_box > * { @@ -153,7 +153,7 @@ body aside.relative_content .relative_box > * { /*FOOTER*/ body footer.page_footer { height: 100px; - border-top: 1px solid lightgrey; + border-top: 1px solid var(--color-lines); } diff --git a/styles/text.css b/styles/text.css index 1c8f3e1..8e02c9d 100644 --- a/styles/text.css +++ b/styles/text.css @@ -28,6 +28,7 @@ p a:hover { p a:active { color: var(--color-link-active); } +/*color text*/ p, span { color: var(--color-text); }