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">
<header role="banner">
<h1>Libre en Communs</h1>
<h2>”Connaissance, partage, éducation et solidarité“</h2>
<h2>“Connaissance, partage, éducation et solidarité„</h2>
</header>
<div class="summary" id="a-lec-summary" role="article">
@ -110,7 +110,7 @@
<div class="apropossuite" id="a-lec-apropossuite" role="article">
<h3>Quelques petits plus pour les membres</h3>
<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">
forge logicielle interne</a>
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>.
</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
</p>
</div>
@ -174,10 +179,12 @@
<h3 class="resources">Resources:</h3>
<ul>
<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>
<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>
</ul>
</div>

View File

@ -14,6 +14,8 @@ body {
background: #fff;
font-family: sans-serif;
font-size: 70%;
text-align: justify;
text-justify: auto;
}
a {
@ -198,11 +200,12 @@ div.apropos p, div.apropossuite p {
/* shared sidebar styling */
.latest-articles ul, .a-lec-resources ul {
margin: 0;
text-align: left;
}
.latest-articles li, .a-lec-resources li {
float: left;
width: 50%;
padding: 1.5em 10%;
padding: 5% 10%;
border-top: solid 1px #e3d9e0;
color: #cac3c0;
font-style: italic;
@ -251,7 +254,7 @@ div.apropos p, div.apropossuite p {
.a-lec-resources li:last-child {
float: none;
width: auto;
border-bottom: solid 1px #a0b9ad;
border-bottom: none;
}
@ -345,17 +348,6 @@ footer a::before {
line-height: 1;
-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 */
@ -576,7 +568,7 @@ footer a::before {
div.apropos, div.apropossuite {
width: 100%;
padding-left: 10%;
padding-right: 38%;
padding-right: 10%;
margin: 0;
}
/* extra padding at the cutoffs */
@ -627,7 +619,7 @@ footer a::before {
}
/* select a design */
/* select an article */
.latest-articles li:first-child {
border-top: 0;
}
@ -638,7 +630,7 @@ footer a::before {
/* resources navigation */
.a-lec-resources {
position: absolute;
top: 1310px;
top: auto;
right: 0;
width: 34%;
background: transparent;
@ -647,14 +639,17 @@ footer a::before {
display: none;
}
.a-lec-resources ul {
width: 55.9%;
margin: 0 29.4% 0 14.7%;
}
.a-lec-resources li {
padding: 1.5em 0 1.25em 0;
padding: 7% 0 7% 0;
margin: 0;
}
.a-lec-resources li:first-child {
border-top: 0;
}
}