From 496b9b0e8e9e6400a8b455135e128bf5cb954648 Mon Sep 17 00:00:00 2001 From: raida Date: Tue, 5 Mar 2019 10:57:39 +0100 Subject: [PATCH] =?UTF-8?q?Am=C3=A9lioration=20du=20pied=20de=20page?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/.perso.css.swo | Bin 12288 -> 0 bytes assets/css/.perso.css.swp | Bin 12288 -> 0 bytes assets/css/main.css | 21 +++++---- assets/css/perso.css | 89 +++++++++++++++++--------------------- index.html | 22 +++++----- 5 files changed, 62 insertions(+), 70 deletions(-) delete mode 100644 assets/css/.perso.css.swo delete mode 100644 assets/css/.perso.css.swp diff --git a/assets/css/.perso.css.swo b/assets/css/.perso.css.swo deleted file mode 100644 index 4ab8c879deb5865d5d9a3f8a9870d7227d41ea25..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 12288 zcmeI%PiP!f0LSr{Qqfr3s=0}Wr%@YAX8+_54U>al>c2z%*V>B(ncbP4ea-B=b!Ik+ zEurJMZ88 z-k(rfs~mmoken)21lO%XJo?_^v8jQb;(DoRG0W|lLqW#n}AJVdkJ*1hBLKWjE_}|tv-DBU2^F5 zXSUattz{Fi3D^W|0yY7gfK9+AU=y$jT$c%C?E!I$k?%0056yjG-Q9e&H=BS>z$Rc5 zunE`%Yyvg`n}AKgCSVh=3D^X#!vs8Eh_`MM;>gVmp8x;v{`>#8y+Zto@3DkWaSmtk zI!{CbDYN~cpGQ%A|f2dG)fr4zq^FE zihuA6KEua&701y;h)Im#HtfY7{7KF~;tGDi1)Rq@yn>hU5>DZHXv7F`6!|+BzQ!e7#8+6tyLbm@5F&t&r*I$c!7%J)6R-)`1Z)B}f&Y5~i(;_m z)n~&*cVgeE>qsZAOv0KsGIn58j#n`;Dl4U_$@{0pa5M1yAd#iIjnZM+e>IXNag-=F+FtQtF#??FSxQ6>H2JMB&MNAxlKLC z$d((;$D|WR>SVg@%1WQ|c}Z$DRFY;+y{RJKyv)4vv!*MnmCC)-tD9Lgml$kB+RF$@ zh0SbQl#08lY#v2HBY%?L%!9V)`zj9ecH0ZI%UCm2_aeuOR2aLmrF=gMc+d>;W+^vb z6dZ17o#lzAx|69OmZ}w+Ca=}RhAQM4n>sBo303UWbe8FsE1hZ*wCL2l^JM$zt zF)BBHzxu^Z+}(y#9VuT{+Y3}Ht~F7*vfuNSH#f;|eO0c{X#J{mSB;|E3)$C44)FTY z$;Zj!?xw&eKIC)f%Aypp^a>RVs`z@MvZi)hrz%sLx%6thUMI_EbN#X%G#kg2`}VCw z?Ygy~p_3q=BeuiC%QN0v`*weBWqBRF@C*|DWXM#11Rm)>} zdG?*|6OM}gV4*lY=&U#W9BnLz?(w;DX!VXOvjd&^pf;;Ar{yhh78hr1uV<&FPxODH z;w({ds_GQ(4J-*FFH>{<*5SsHm_4(6YW4y!ub&^G-6M4+OS4CcQ)5-Pz2(2Qmo*3F hx}@`NOxko*94xNfa>Lzomd$fmcT%Sn#GU+a$A2OPgm(Y{ diff --git a/assets/css/.perso.css.swp b/assets/css/.perso.css.swp deleted file mode 100644 index 600747531f49633f695f87452a8c857b53d0dbed..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 12288 zcmeI1PiqrF7>B2&B0;NS4}z!BB53JmleEPWkF6CCRZ;6jK{we=GG?>0%*-aWrP!;| zgEw3K0E*u9;MG4x&x#k1`UO<*1Nhr?n>3|0+JjJdH$3bn`|dlxc_woRDP*plpXTG~ z48w7Vu_H?hH*!6FjN@84!gb=$yBwF#U7S37)w(p%rOvK9%5F3ocE!|u+tJ!H+AeBs zhn~_hjjJvV=r$Q313NPinUXc$KQofcHn;lV@nd}8@XXG7(NkoA43GgbKnBPF86X2> zfDG(P119WYcagj|Nk5gGdp4buw{#){WPl8i0Wv@a$N(8217v^(;x%VzybrH7kuky>@)ZTK7!}qF<1f1U>@8C6;K8x-~ks*f(eiVd%+&i z2YzCn@4+f~2i}4=;5B#&UVs&_1nz@-K!O5jI@*P6Op(a|86X2>fDDiUGC&5%z<)B3 zT41S$a7`u8$1*3*u)&g)##214Wn_dG@U#-;isAE&b*=QhQnSz=;!|r~hV14v@MOU$ zR?A98fom0|FIAqaa=|&7J3Y)tvS4(WXVT+ir;woHIc}VwCqGy0gTSft$d8jF z(1eV9FH$^^0XNDCbm%BF_cU*3bcGIm=T4p%d|9lvlO&CNk*~-)lC3q3CnXh zp4p;4uEbL%p|r7z72&&`9+B`C3BVtTyHkdQG`jQT2`PA_t%%FC8ez+X>K*VLRA>6 z=FDQPn`_t}*{aF8t?!7yC=qB;L~%Qq@_fgLdK|13WV_|rPCzpKc!}0sw_K*yuA1Nd p4a2s5bk4V9H*7K;50lu&K+SEFY^uL$ykYZPk&(7)UJ%9K&EMI+VZQ(X diff --git a/assets/css/main.css b/assets/css/main.css index 215f34c..f6639d6 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -198,7 +198,7 @@ input, select, textarea { padding-bottom: 0.5rem; margin: 0 0 2rem 0; } - + h1.submajor, h2.submajor, h3.submajor, h4.submajor, h5.submajor, h6.submajor { border-bottom: solid 1px #ffffff; width: -moz-max-content; @@ -628,6 +628,7 @@ input, select, textarea { } /* Image */ + .images .image { float: none !important; } @@ -642,7 +643,7 @@ input, select, textarea { .image:before { pointer-events: none; background-image: url("../../images/overlay.png"); - /* background-color: rgba(19, 21, 25, 0.5); */ + background-color: rgba(19, 21, 25, 0.5); border-radius: 4px; content: ''; display: block; @@ -660,8 +661,8 @@ input, select, textarea { } .image.left, .image.right { - max-width: 49%; vertical-align: middle; + max-width: 49%; } .image.left img, .image.right img { @@ -1367,7 +1368,6 @@ input, select, textarea { background-color: rgba(255, 255, 255, 0.175); } - #header nav.use-middle:after { content: ''; display: block; @@ -1382,7 +1382,6 @@ input, select, textarea { #header nav.use-middle ul li.is-middle { border-left: 0; } - body.is-article-visible #header { -moz-transform: scale(0.95); @@ -1422,7 +1421,7 @@ input, select, textarea { } - @media screen and (max-width: 980px) { + @media screen and (max-width: 736px) { #header > * { margin-top: 2rem; @@ -1451,6 +1450,10 @@ input, select, textarea { line-height: 1.875; } + } + + @media screen and (max-width: 480px) { + #header { padding: 1.5rem 0; } @@ -1531,9 +1534,9 @@ input, select, textarea { -webkit-transition: opacity 0.325s ease-in-out, -webkit-transform 0.325s ease-in-out; -ms-transition: opacity 0.325s ease-in-out, -ms-transform 0.325s ease-in-out; transition: opacity 0.325s ease-in-out, transform 0.325s ease-in-out; - padding: 4.5rem 2rem 1.5rem 2rem ; + padding: 4.5rem 2.5rem 1.5rem 2.5rem ; position: relative; - width: 60rem; + width: 40rem; max-width: 100%; background-color: rgba(27, 31, 34, 0.85); border-radius: 4px; @@ -1607,7 +1610,7 @@ input, select, textarea { @media screen and (max-width: 480px) { #main article { - padding: 3rem 1rem 0.5rem 1rem ; + padding: 3rem 1.5rem 0.5rem 1.5rem ; } } diff --git a/assets/css/perso.css b/assets/css/perso.css index 7d4a192..520c39b 100644 --- a/assets/css/perso.css +++ b/assets/css/perso.css @@ -13,35 +13,35 @@ border-radius: 0 4px 4px 0; } -#header nav ul li { - display: block; - position: relative; - width: intrinsic; - width: -moz-max-content; - width: -webkit-max-content; -} + #header nav ul li { + display: block; + position: relative; + width: intrinsic; + width: -moz-max-content; + width: -webkit-max-content; + } -#header nav ul li ul { - display: none; - z-index: 1000; - position: absolute; - width: 100%; - border-radius: 0 0 4px 4px; -} + #header nav ul li ul { + display: none; + z-index: 1000; + position: absolute; + width: 100%; + border-radius: 0 0 4px 4px; + } -#header nav ul li ul li { - border-left: 0; - border-top: solid 1px #ffffff; - width: 100%; -} + #header nav ul li ul li { + border-left: 0; + border-top: solid 1px #ffffff; + width: 100%; + } -#header nav ul li ul li:first-child { - border-top: 0; -} + #header nav ul li ul li:first-child { + border-top: 0; + } -#header nav ul li:hover ul { - display: block; -} + #header nav ul li:hover ul { + display: block; + } @@ -59,40 +59,29 @@ -/* Footer */ +/* Soutien */ -#footer::before { - content: ''; - display: block; - position: absolute; - top: calc(40rem - 1px); - left: calc(50% - 1px); - width: 1px; - height: calc(7rem - 1px); - background: #ffffff; -} - -#footer .soutien { +#header .soutien { background-color: rgba(27, 31, 34, 0.85); height: 100%; border-top: solid 1px #ffffff; border-bottom: solid 1px #ffffff; + margin-top: calc(2.75rem + 3.5rem); } -#footer .soutien .left, #footer .soutien .right { - width: 50%; - margin-bottom: -1rem; -} + #header .soutien .left, #header .soutien .right { + margin: 0 2rem; + } -#footer .soutien span { - vertical-align: middle; -} + #header .soutien span { + vertical-align: middle; + } -#footer .soutien img { - height: 130px; - vertical-align: middle; - padding: 10px; -} + #header .soutien img { + height: 130px; + vertical-align: middle; + padding: 10px; + } .left { float: left; diff --git a/index.html b/index.html index 503b5c1..cc0541d 100644 --- a/index.html +++ b/index.html @@ -71,6 +71,17 @@
  • Foyers et évènements
    • +
    +
    + Avec le soutien de + + +
    +
    + Membre de + +
    +
    @@ -558,17 +569,6 @@ print 'It took ' + i + ' iterations to sort the deck.';