Améliorations du css
This commit is contained in:
Adrien Bourmault
parent
0dd4aa22f7
commit
52aee36832
17
index.html
17
index.html
|
|
@ -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>
|
||||
|
|
|
|||
33
styles.css
33
styles.css
|
|
@ -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 */
|
||||
|
|
@ -379,7 +371,7 @@ footer a::before {
|
|||
h2::before {
|
||||
padding: 25px;
|
||||
}
|
||||
|
||||
|
||||
.adhesion p:last-child {
|
||||
padding: 1em 6%;
|
||||
}
|
||||
|
|
@ -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,13 +639,16 @@ 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;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue