From f9f3045fc4d1613a5185c4acebdaf005c9855bfc Mon Sep 17 00:00:00 2001 From: Matthieu Dubuget Date: Sun, 30 Sep 2018 12:11:08 +0200 Subject: [PATCH] =?UTF-8?q?Am=C3=A9lioration=20sommaire?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/menu.png | Bin 0 -> 1847 bytes index.html | 58 +++++++++++++++++++++++++++++-------------------- mon_site.css | 52 ++++++++++++++++++++++++++++++++++++-------- 3 files changed, 77 insertions(+), 33 deletions(-) create mode 100644 files/menu.png diff --git a/files/menu.png b/files/menu.png new file mode 100644 index 0000000000000000000000000000000000000000..84def692921ed471c7485809e66d5429e0813f80 GIT binary patch literal 1847 zcmV-72gvw|P)vhDAhJRTTFQ@@*r^w3IF94bpy-8%7>TBQe~7(wX)RYHVP@gpifOOrNI35tpB z*jenXJ+BuhN}OGL*V(mcJ|}zTz1i=xS2Oe8<KOB9ZWnjg4(`xm;@*V-n}Q0{~iy zXej`A%4P*boCJUgA{rG0;ooAh`1kVV%OCFFzrWywF0^y7NF?HSxm>%5Xgg!<6#x+G z9I6BWk2&WzipAo!6DLlj?b2vVz|m;5QxwJh0MJE5%#JaqK}60NyTdt896562{({F_ zh_j+7TZrf&0Bl&O5HoPjA0gtoU@&;M-ZAP5I1-8YJs!{dM6|o!3oisjyrpT{cgK$( ze`eX&szYyY?@mNK0RT&^`q~L1szmfncX#)7OMYez!{M;2wY9aIbN-HXdCnmS!sSdR z^L;23(#+VK3OEvpcwH{nNkn{oVe*`TbADe{)zhI+NUddCGvMCd-d05X7y#DVqRu&n ziRklSFgQ`osOl0DkH?oF;wgCXg9QLshlro__4WCx85sr~4u@TZLg6C-SZB8~2U(NJ zWKM>|VV9ACVZbddEkVZEW@mIc2O_?tH8duwHTHk-{24GlffyMQD~%U7;k`I2?b=18Sd6C)!dPb=FI zQ7se-pH}X}#Y#iQ*b&aT?xv!vt81&@?_X8fJ~=r#J~TAcujkX**}1u+qhr1K5Ui0- zr=O0Dj9jX0CnBHQ?LG_uU(Ifxb4x3VvW0UVa7tVg*rh1SoOx(Yz@<{@U}N<-4-vgL z`}<75(P*@jG1ic*r@?IK>FL=t{beTLaz48#5d`7D^k)VD5Rb>(h^Xd1nTWVvJLjB? zd`hK~VV@lsX{xa4ipS$^0OeU))3n`Sq8xMO%9UTeUhlkJ%+%DBVWu)LFmS`?^9|M- zyI%77yqPRX&@^o)09+IS066DwGFH1XqpE5_RaHyHwR}FWnH1$HM6?|MF0w=-;bDxu z+-yNkgNW-BiG+uZkB@Hzoejt$L`)`=8yI73U9*)migJydNzE40D2PZB%TEMMv0}xF z)|Qr*rIqcuT<-bU*qCmy-0$}<)k`?+BAd-lCX>mkRgP(hND_(2Z+7rNAP{J4Yn%52 z<#M_4^XJd&CJ)=TZQCkIl4Hq3CX*TM@9+QFj4dLzF#zzI9h``CYhZ}RrLk&#c3`B* zfF+g!UIch;eGc@0fB`_h*&-T9-crDbsGA578RrMp`s~0+lL5~~B1$9T3NzLN0|Ns_ z%aW1L&6_uG4-XFySrBE3Y&JV-)|QAeq9}@^rBdltGY-jQa>DGIH%&U7o=m6HrbRgk zB0gc9bKPp=Vq`kt;bseI6ht)4+-~;+04O$FOamy2qWFl(vOEOGc81Nc*xP)_{aZueD9(`2Yo z*V?mZ&)eudgqm=MxA7wy$2j+SDpg52;k@$%P9SF4r(Cx!vvofO6GR zmgS5f2sI0Bh^V_2WsDha-~~Z&G@p#@KqIriy1_uXk8$A#=y5hZi_wFZ?$+3DB*CLfl>F(``NS&IR`k}I2cLt5c zVmkofLz}fV6e2nk3rwfMF+uIRPU6qpIqey?gf>CPQYA9-e|1{D2xF4sp)EsCD#k zQ5-HMqPuRl`%77t4NFbaSUNsjKH;`+LF#M<5id!Sbhg@UJjdSZ1!A$-4n+JwZ=G%= zM5J=gzdm;C*bOUw3wi|r0N%3rsKXWz@s=ox-^#K)ZrOJs7giKybFo-_R}h4n#REGa zq6b9uW94?y3by<^Jv}{}1VK1JL|st-yGlls7-M%3v43{fQ!lpOj^!n6=0z + @@ -793,30 +804,29 @@ -
-
- -
-
-

Sommaire

-
- - + + diff --git a/mon_site.css b/mon_site.css index 92f376d..58f80f4 100644 --- a/mon_site.css +++ b/mon_site.css @@ -1023,13 +1023,47 @@ footer.bk-footer{padding:3em 0;} } table {width: 450px; height: 204px;border-collapse: collapse; border-spacing: 0px; font: inherit; border: 0px none;background-color:rgb(255,255,255);text-align:center} tr.table_header {height: 19px;background-color: rgb(230, 230, 230);font-weight: bold;} -div.sommaire { - position:fixed; - left: -175px; - top: 90px; - transition: 0.5s; - background-color: rgb(230, 230, 230); -} -div.sommaire:hover {left: 10px} p.vert {writing-mode: tb-rl} -div.insommaire {display:table-cell} + +/* The side navigation menu */ +.sidenav { + height: 100%; /* 100% Full-height */ + width: 0; /* 0 width - change this with JavaScript */ + position: fixed; /* Stay in place */ + z-index: 1; /* Stay on top */ + top: 0; /* Stay at the top */ + left: 0; + background-color: #111; /* Black*/ + overflow-x: hidden; /* Disable horizontal scroll */ + padding-top: 60px; /* Place content 60px from the top */ + transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */ +} + +/* The navigation menu links */ +.sidenav a { + padding: 8px 8px 8px 32px; + text-decoration: none; + font-size: 25px; + color: #818181; + display: block; + transition: 0.3s; +} + +/* When you mouse over the navigation links, change their color */ +.sidenav a:hover { + color: #f1f1f1; +} + +/* Position and style the close button (top right corner) */ +.sidenav .closebtn { + position: absolute; + top: 0; + right: 25px; + font-size: 36px; + margin-left: 50px; +} +#fixedbutton { + position: fixed; + top: 10px; + left: 10px; +}