Améliorations du css
This commit is contained in:
parent
0dd4aa22f7
commit
52aee36832
17
index.html
17
index.html
|
@ -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>
|
||||||
|
|
33
styles.css
33
styles.css
|
@ -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;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue