Améliorations du css

This commit is contained in:
Adrien Bourmault 2021-09-04 17:54:30 +02:00
parent 0dd4aa22f7
commit 52aee36832
No known key found for this signature in database
GPG Key ID: 6EB408FE0ACEC664
2 changed files with 26 additions and 24 deletions

View File

@ -23,7 +23,7 @@
<section class="introduction" id="a-lec-introduction"> <section class="introduction" id="a-lec-introduction">
<header role="banner"> <header role="banner">
<h1>Libre en Communs</h1> <h1>Libre en Communs</h1>
<h2>”Connaissance, partage, éducation et solidarité“</h2> <h2>“Connaissance, partage, éducation et solidarité„</h2>
</header> </header>
<div class="summary" id="a-lec-summary" role="article"> <div class="summary" id="a-lec-summary" role="article">
@ -110,7 +110,7 @@
<div class="apropossuite" id="a-lec-apropossuite" role="article"> <div class="apropossuite" id="a-lec-apropossuite" role="article">
<h3>Quelques petits plus pour les membres</h3> <h3>Quelques petits plus pour les membres</h3>
<p>En adhérant à Libre en Communs, vous bénéficiez de quelques services <p>En adhérant à Libre en Communs, vous bénéficiez de quelques services
internes à l'association, comme une compte sur notre internes à l'association, comme un compte sur notre
<a href="https://git.a-lec.org" target="_blank"> <a href="https://git.a-lec.org" target="_blank">
forge logicielle interne</a> forge logicielle interne</a>
et un compte de courriel en <i>@a-lec.org</i> (ou bien un simple alias, et un compte de courriel en <i>@a-lec.org</i> (ou bien un simple alias,
@ -133,7 +133,12 @@
<i>Ce formulaire peut être rempli directement sur ordinateur</i>. <i>Ce formulaire peut être rempli directement sur ordinateur</i>.
</p> </p>
<p><br/></p> <p><br/></p>
<p role="contentinfo">In the free/libre software movement, we develop software that respects users' freedom, so we and you can escape from software that doesn't. I could have made money this way, and perhaps amused myself writing code. But I knew that at the end of my career, I would look back on years of building walls to divide people, and feel I had spent my life making the world a worse place.<br /> <p role="contentinfo">“In the free/libre software movement, we develop
software that respects users' freedom, so we and you can escape from
software that doesn't. I could have made money this way, and perhaps
amused myself writing code. But I knew that at the end of my career,
I would look back on years of building walls to divide people, and feel
I had spent my life making the world a worse place„<br />
Richard Matthew Stallman Richard Matthew Stallman
</p> </p>
</div> </div>
@ -174,10 +179,12 @@
<h3 class="resources">Resources:</h3> <h3 class="resources">Resources:</h3>
<ul> <ul>
<li> <li>
<a href="" title="Super statuts">Statuts de l'association</a> <a href="https://git.a-lec.org/a-lec/vie-associative/statuts/-/blob/master/Statuts.pdf" target="_blank">
Statuts de l'association</a>
</li> </li>
<li> <li>
<a href="" title="Super règlement intérieur">Règlement intérieur</a> <a href="https://git.a-lec.org/a-lec/vie-associative/reglement-interieur/-/blob/master/RI.pdf" target="_blank">
Règlement intérieur</a>
</li> </li>
</ul> </ul>
</div> </div>

View File

@ -14,6 +14,8 @@ body {
background: #fff; background: #fff;
font-family: sans-serif; font-family: sans-serif;
font-size: 70%; font-size: 70%;
text-align: justify;
text-justify: auto;
} }
a { a {
@ -198,11 +200,12 @@ div.apropos p, div.apropossuite p {
/* shared sidebar styling */ /* shared sidebar styling */
.latest-articles ul, .a-lec-resources ul { .latest-articles ul, .a-lec-resources ul {
margin: 0; margin: 0;
text-align: left;
} }
.latest-articles li, .a-lec-resources li { .latest-articles li, .a-lec-resources li {
float: left; float: left;
width: 50%; width: 50%;
padding: 1.5em 10%; padding: 5% 10%;
border-top: solid 1px #e3d9e0; border-top: solid 1px #e3d9e0;
color: #cac3c0; color: #cac3c0;
font-style: italic; font-style: italic;
@ -251,7 +254,7 @@ div.apropos p, div.apropossuite p {
.a-lec-resources li:last-child { .a-lec-resources li:last-child {
float: none; float: none;
width: auto; width: auto;
border-bottom: solid 1px #a0b9ad; border-bottom: none;
} }
@ -345,17 +348,6 @@ footer a::before {
line-height: 1; line-height: 1;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
} }
footer a.a-lec-validate-html::before {content: "5";}
footer a.a-lec-validate-html:hover::before, footer a.a-lec-validate-html:focus::before {content: "%";}
footer a.a-lec-validate-css::before {content: "3";}
footer a.a-lec-validate-css:hover::before, footer a.a-lec-validate-css:focus::before {content: "#";}
footer a.a-lec-license::before {content: "c";}
footer a.a-lec-license:hover::before, footer a.a-lec-license:focus::before {content: "C";}
footer a.a-lec-accessibility::before {content: "a";}
footer a.a-lec-accessibility:hover::before, footer a.a-lec-accessibility:focus::before {content: "A";}
footer a.a-lec-github::before {content: "g";}
footer a.a-lec-github:hover::before, footer a.a-lec-github:focus::before {content: "G";}
/* low-res CSS */ /* low-res CSS */
@ -379,7 +371,7 @@ footer a::before {
h2::before { h2::before {
padding: 25px; padding: 25px;
} }
.adhesion p:last-child { .adhesion p:last-child {
padding: 1em 6%; padding: 1em 6%;
} }
@ -576,7 +568,7 @@ footer a::before {
div.apropos, div.apropossuite { div.apropos, div.apropossuite {
width: 100%; width: 100%;
padding-left: 10%; padding-left: 10%;
padding-right: 38%; padding-right: 10%;
margin: 0; margin: 0;
} }
/* extra padding at the cutoffs */ /* extra padding at the cutoffs */
@ -627,7 +619,7 @@ footer a::before {
} }
/* select a design */ /* select an article */
.latest-articles li:first-child { .latest-articles li:first-child {
border-top: 0; border-top: 0;
} }
@ -638,7 +630,7 @@ footer a::before {
/* resources navigation */ /* resources navigation */
.a-lec-resources { .a-lec-resources {
position: absolute; position: absolute;
top: 1310px; top: auto;
right: 0; right: 0;
width: 34%; width: 34%;
background: transparent; background: transparent;
@ -647,13 +639,16 @@ footer a::before {
display: none; display: none;
} }
.a-lec-resources ul { .a-lec-resources ul {
width: 55.9%;
margin: 0 29.4% 0 14.7%; margin: 0 29.4% 0 14.7%;
} }
.a-lec-resources li { .a-lec-resources li {
padding: 1.5em 0 1.25em 0; padding: 7% 0 7% 0;
margin: 0; margin: 0;
} }
.a-lec-resources li:first-child {
border-top: 0;
}
} }