Initial commit
This commit is contained in:
commit
0fe6584ef4
Binary file not shown.
|
After Width: | Height: | Size: 145 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 72 KiB |
|
|
@ -0,0 +1,247 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name='viewport' content="width=device-width, initial-scale=1.0"/>
|
||||
<meta name='robots' content="all"/>
|
||||
<meta name='medium' content='website'/>
|
||||
<meta name='revisit-after' content="3 days"/>
|
||||
|
||||
<title>Adhérer - Libre en Communs</title>
|
||||
<link rel="stylesheet" media="screen" href="styles.css" />
|
||||
<link rel="shortcut icon" type="image/png" href="favicon.png" />
|
||||
<link rel='me' type='text/html' href="https://toot.a-lec.org/@a_lec"/>
|
||||
|
||||
<meta name='language' content="fr"/>
|
||||
<meta name='reply-to' content="cominfra+www@a-lec.org"/>
|
||||
<meta name='copyright' content="2022 Libre en Communs CC-BY-SA 4.0 sauf mention contraire"/>
|
||||
<meta name='title' content="Accueil - Libre en Communs"/>
|
||||
<meta name='author' content="neox"/>
|
||||
<meta name='description' content="Adhérer à Libre en Communs"/>
|
||||
<meta name='keywords' content="don,libre,free,communs,Logiciels Libres,Connaissance,Partage,Éducation,Solidarité"/>
|
||||
<meta name='search_date' content="2021-07-01"/>
|
||||
</head>
|
||||
|
||||
<body id="a-lec_page">
|
||||
|
||||
<header id="a-lec_banner">
|
||||
<div id="a-lec_site-logo">
|
||||
<a href="/">
|
||||
<img src="logo_a-lec.svg"
|
||||
alt="Logo de Libre en Communs"
|
||||
title="Logo de Libre en Communs"/>
|
||||
</a>
|
||||
</div>
|
||||
<section id="a-lec_site-titles">
|
||||
<h1 id="a-lec_site-name">
|
||||
<a href="/"
|
||||
title="Page d'accueil de Libre en Communs">
|
||||
Libre en Communs
|
||||
</a>
|
||||
</h1>
|
||||
<h2 id="a-lec_site-description">“Connaissance, partage, éducation et solidarité„</h2>
|
||||
</section>
|
||||
</header>
|
||||
|
||||
<section id="a-lec_page-wrapper">
|
||||
<article id="a-lec_index">
|
||||
|
||||
<?php
|
||||
|
||||
function data_uri($contents, $mime)
|
||||
{
|
||||
$base64 = base64_encode($contents);
|
||||
return ('data:' . $mime . ';base64,' . $base64);
|
||||
}
|
||||
|
||||
$captcha_value = rand(0,9) . rand(0,9) . rand(0,9) . rand(0,9) . rand(0,9) . rand(0,9);
|
||||
|
||||
$captcha_data = shell_exec("/srv/captcha/captcha.sh " . $captcha_value);
|
||||
|
||||
if(isset($_POST['captcha']) && $_POST['captcha'] == $_POST['captcha_value'] && $_POST['mail'] == $_POST['mailconfirm']) {
|
||||
|
||||
echo "<h1>Merci de votre demande d'adhésion !</h1>";
|
||||
echo "<p><b>Libre en Communs</b> vous remercie de votre engagement. Vous recevrez la réponse à votre demande par courriel prochainement, accompagnée des instructions à suivre pour régler votre cotisation le cas échéant.</p><br/>";
|
||||
} else {
|
||||
|
||||
echo "<h1>Adhérer à l'association Libre en Communs</h1>";
|
||||
|
||||
echo '<p class="a-lec_paragraph"><b>Libre en Communs</b> est une association reconnue d\'intêret général par l\'État, sous le régime fiscal du mécénat. Le champ d\'action de notre association a pour centre le Logiciel Libre tel que défini par la <a href="https://www.fsf.org/" target="blank">Free Software Foundation</a> (Fondation pour le <b>Logiciel Libre</b>) et le projet <a href="https://www.gnu.org/philosophy/free-sw.fr.html" target="blank"><abbr title="GNU\'s Not Unix!">GNU</abbr></a>. Ainsi, nous nous donnons pour but de constituer une communauté solidaire autour du logiciel libre, des communs et leurs valeurs qui s\'étendent à celles de la recherche et du <b>partage de la connaissance</b> ainsi qu\'à l\'<b>éducation populaire</b>. Vous pouvez retrouver sur le site principal nos <a href="https://git.a-lec.org/a-lec/vie-associative/statuts/-/blob/master/Statuts.pdf" target="blank">statuts</a> et notre <a href="https://git.a-lec.org/a-lec/vie-associative/reglement-interieur/-/blob/master/RI.pdf" target="blank">règlement intérieur</a>, que vous vous engagez à respecter lors de votre adhésion.</p>';
|
||||
|
||||
echo "<br/><br/>";
|
||||
|
||||
echo "<p>Pour adhérer, merci de remplir le formulaire ci-dessous. Vous recevrez la confirmation de votre adhésion ainsi que les instructions pour effectuer le règlement de votre cotisation par courriel une fois le formulaire validé.</p>";
|
||||
|
||||
echo "<br/><br/>";
|
||||
|
||||
if(isset($_POST['captcha']) && $_POST['captcha'] != $_POST['captcha_value']) {
|
||||
echo '<span style="color:#FF0000;text-align:center;">Échec de saisie du captcha, merci de recommencer votre saisie.</span><br/>';
|
||||
}
|
||||
|
||||
if(isset($_POST['mail']) && $_POST['mail'] != $_POST['mailconfirm']) {
|
||||
echo '<span style="color:#FF0000;text-align:center;">Le courriel et sa confirmation diffèrent, merci de saisir à nouveau.</span><br/>';
|
||||
}
|
||||
|
||||
echo "<form action=\"" . htmlspecialchars($_SERVER['PHP_SELF']) . "\" method=\"post\">";
|
||||
echo "<div class=\"tableform\">";
|
||||
echo "<input type=\"hidden\" id=\"captcha_value\" name=\"captcha_value\" value=\"" . $captcha_value . "\">";
|
||||
echo "<p>";
|
||||
echo "<label for=\"nom\">Nom</label>";
|
||||
echo "<input class=\"renseignements\" type=\"text\" id=\"nom\" name=\"nom\" required>";
|
||||
echo "</p>";
|
||||
echo "<p>";
|
||||
echo "<label for=\"prenom\">Prénom(s)</label>";
|
||||
echo "<input class=\"renseignements\" type=\"text\" id=\"prenom\" name=\"prenom\" required/>";
|
||||
echo "</p>";
|
||||
echo "<p>";
|
||||
echo "<label for=\"adresse\">Adresse postale</label>";
|
||||
echo "<input class=\"renseignements\" type=\"text\" id=\"adresse\" name=\"adresse\" required/>";
|
||||
echo "</p>";
|
||||
echo "<p>";
|
||||
echo "<label for=\"mail\">Courriel<b>actuel</b></label>";
|
||||
echo "<input class=\"renseignements\" type=\"email\" id=\"mail\" name=\"mail\" required/>";
|
||||
echo "</p>";
|
||||
echo "<p>";
|
||||
echo "<label for=\"mailconfirm\">Courriel<b>actuel</b>(confirmation)</label>";
|
||||
echo "<input class=\"renseignements\" type=\"email\" id=\"mailconfirm\" name=\"mailconfirm\" required/>";
|
||||
echo "</p>";
|
||||
echo "</div>";
|
||||
|
||||
echo "<br/><p class=\"a-lec_paragraph\">Un courriel est fourni par l’association à chacun de ses membres. C’est cette adresse qui sera contactée par l’association pour les invitations aux Assemblées Générales et toute information liée à l’association. Si vous ne comptez pas utiliser ce courriel, vous pouvez opter pour une redirection du courrier entrant à l’adresse que vous aurez choisie vers un mail personnel de votre de choix, en
|
||||
remplissant le champ Redirection.</p>";
|
||||
|
||||
echo "<p class=\"a-lec_paragraph\">Nous proposons également à nos membre de posséder un compte sur notre serveur XMPP afin de faciliter la présence dans nos salons où se déroulent la majorité des activités des commissions et projets de l'association. Votre compte aura la même adresse que votre courriel<b>@a-lec.org</b>.</p><br/>";
|
||||
|
||||
echo "<div class=\"tableform\">";
|
||||
echo "<p>";
|
||||
echo "<label for=\"mailalec\">Courriel<b>@a-lec.org</b>désiré</label>";
|
||||
echo "<input class=\"renseignements\" type=\"email\" id=\"mailalec\" name=\"mailalec\" required/>";
|
||||
echo "</p>";
|
||||
echo "<p>";
|
||||
echo "<label for=\"rediralec\">Redirection vers courriel personnel</label>";
|
||||
echo "<input class=\"mode\" type=\"checkbox\" id=\"rediralec\" name=\"rediralec\"/>";
|
||||
echo "</p>";
|
||||
echo "<p>";
|
||||
echo "<label for=\"xmppalec\">Compte XMPP<b>@a-lec.org</b></label>";
|
||||
echo "<input class=\"mode\" type=\"checkbox\" id=\"xmppalec\" name=\"xmppalec\"/>";
|
||||
echo "</p>";
|
||||
echo "</div>";
|
||||
|
||||
echo "<br/><p class=\"a-lec_paragraph\">Les membres de plein droit versent une cotisation annuelle de 20€. Les personnes dont les ressources sont limitées peuvent bénéficier d’une réduction de 10€. Les membres sont libres d’augmenter ou diminuer le montant de leur cotisation chaque année.</p><br/>";
|
||||
|
||||
echo "<div class=\"tableform\">";
|
||||
echo "<p>";
|
||||
echo "<label for=\"cotisation\">Cotisation annuelle</label>";
|
||||
echo "<span class=\"mode_radio\">";
|
||||
echo "<span><input class=\"mode\" type=\"radio\" id=\"cotisation\" name=\"cotisation\" value=\"tarif normal\" required>tarif normal (20€)</input></span>";
|
||||
echo "<span><input class=\"mode\" type=\"radio\" id=\"cotisation\" name=\"cotisation\" value=\"tarif réduit\" required>tarif réduit (10€)</input></span>";
|
||||
echo "</span>";
|
||||
echo "</p>";
|
||||
echo "<p>";
|
||||
echo "<label for=\"mode\">Mode de versement</label>";
|
||||
echo "<span class=\"mode_radio\">";
|
||||
echo "<span><input class=\"mode\" type=\"radio\" id=\"mode\" name=\"mode\" value=\"virement bancaire\" required>virement bancaire</input></span>";
|
||||
echo "<span><input class=\"mode\" type=\"radio\" id=\"mode\" name=\"mode\" value=\"espèces\" required>espèces</input></span>";
|
||||
echo "<span><input class=\"mode\" type=\"radio\" id=\"mode\" name=\"mode\" value=\"chèque\" required>chèque</input></span>";
|
||||
echo "</span>";
|
||||
echo "</p>";
|
||||
echo "<p>";
|
||||
echo "<label for=\"captcha\">Captcha</label>";
|
||||
echo "<img src=\"" . data_uri($captcha_data, 'image/png') . "\" alt=\"Captcha à résoudre\" style=\"display:table-cell;text-align:right;\"/>";
|
||||
echo "<input class=\"renseignements\" type=\"text\" id=\"captcha\" name=\"captcha\" required/>";
|
||||
echo "</p>";
|
||||
echo "</div>";
|
||||
|
||||
echo "<br/><p class=\"a-lec_paragraph\">En cliquant sur <b>Valider</b>, j’atteste sur l’honneur que les informations précédemment renseignées sont exactes.</p><p class=\"a-lec_paragraph\">J’atteste sur l’honneur être âgé de 12 ans au moins.</p><p class=\"a-lec_paragraph\">Une autorisation parentale signée est nécessaire pour les mineurs adhérant. Vous pouvez l'envoyer par courriel à <b>secretaire@a-lec.org</b></p><br/>";
|
||||
|
||||
echo "<div class=\"tableform\">";
|
||||
echo "<p>";
|
||||
echo "<label><br/></label>";
|
||||
echo "<input class=\"validation\" type=\"submit\" value=\"Valider\">";
|
||||
echo "</p>";
|
||||
echo "</div>";
|
||||
|
||||
echo "</form>";
|
||||
}
|
||||
?>
|
||||
|
||||
<br/>
|
||||
<br/>
|
||||
<p>Conformément à la Loi Informatique et Liberté, vous bénéficiez d’un droit d’accès et rectification des données personnelles vous concernant. Pour exercer ce droit, contactez <b>secretaire@a-lec.org</b>.</p>
|
||||
|
||||
</article>
|
||||
|
||||
<aside id="a-lec_sidebar">
|
||||
<div class="a-lec_wrapper" role="navigation">
|
||||
<nav id="a-lec_latest-posts">
|
||||
<h1 class="a-lec_latest-posts"></h1>
|
||||
<ul aria-label="Liste d'Articles">
|
||||
<li>
|
||||
<span class="a-lec_list-post-title"><a href="https://www.a-lec.org" class="a-lec_list-post-link">Site web principal</a></span>
|
||||
<div class="a-lec_list-post-info"><br/>Site web de Libre en Communs</div>
|
||||
</li>
|
||||
<li>
|
||||
<span class="a-lec_list-post-title"><a href="https://www.a-lec.org/composition-ca.html" class="a-lec_list-post-link">Composition du Conseil d'Administration</a></span>
|
||||
<div class="a-lec_list-post-info"><br/>Connaître les dirigeants de Libre en Communs</div>
|
||||
</li>
|
||||
<li>
|
||||
<span class="a-lec_list-post-title"><a href="https://www.a-lec.org/contact.html" class="a-lec_list-post-link">Contact</a></span>
|
||||
<div class="a-lec_list-post-info"><br/>Contacter Libre en Communs</div>
|
||||
</li>
|
||||
<li>
|
||||
<span class="a-lec_list-post-title"><a href="https://www.a-lec.org/mentions-legales.html" class="a-lec_list-post-link">Mentions Légales</a></span>
|
||||
<div class="a-lec_list-post-info"><br/>Mentions légales du site web don.a-lec.org</div>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</aside>
|
||||
</section>
|
||||
|
||||
<footer id="a-lec_footer">
|
||||
<div id="a-lec_infos">
|
||||
<h1>À propos de Libre en Communs</h1>
|
||||
<div id="a-lec_a-propos">
|
||||
<p class="a-lec_paragraph">
|
||||
<b>Libre en Communs</b> est une
|
||||
<a title="Plus d'informations sur la page Wikipédia France"
|
||||
href="https://fr.wikipedia.org/wiki/Association_loi_de_1901">
|
||||
association loi 1901</a>, à but non lucratif avec pour champ
|
||||
d'action le logiciel libre, tel que défini par la
|
||||
<a href="https://www.fsf.org/">Free Software Foundation</a>
|
||||
(Fondation pour le Logiciel Libre) et le projet
|
||||
<a href="https://www.gnu.org/philosophy/free-sw.fr.html">
|
||||
<abbr title="GNU's Not Unix">GNU</abbr></a>.
|
||||
Pour adhérer, voir sur la
|
||||
<a title="Page d'accueil du site Libre en Communs"
|
||||
href="https://www.a-lec.org/">page d'accueil</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="a-lec_copyright">
|
||||
<ul>
|
||||
<li class="a-lec_list-cr">
|
||||
<a href="https://git.a-lec.org/a-lec/vie-associative/statuts/-/blob/master/Statuts.pdf"
|
||||
target="_blank"
|
||||
title="Fichier PDF des Statuts de l'association Libre en Communs">Statuts de l'association</a>
|
||||
</li>
|
||||
<li class="a-lec_list-cr">
|
||||
<a href="https://git.a-lec.org/a-lec/vie-associative/reglement-interieur/-/blob/master/RI.pdf"
|
||||
target="_blank"
|
||||
title="Fichier PDF du Règlement Intérieur de l'association Libre en Communs">Règlement intérieur</a>
|
||||
</li>
|
||||
<li class="a-lec_list-cr">Copyright © 2021-2022 Libre en Communs</li>
|
||||
<li class="a-lec_list-cr"
|
||||
title="Creative Commons: Attribution-ShareAlike 4.0 International">Licence CC-BY-SA 4.0 sauf mention contraire</li>
|
||||
<li class="a-lec_list-cr">Propulsé par GSL
|
||||
(<a title="Code source du site a-lec.org"
|
||||
href="https://git.a-lec.org/a-lec/commissions/infrastructure//site-web-www.a-lec.org"
|
||||
target="_blank">voir le code</a>)
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 175 KiB |
|
|
@ -0,0 +1,836 @@
|
|||
|
||||
/*
|
||||
========================================================================
|
||||
Description : CSS stylesheet
|
||||
Author : echolib & neox
|
||||
Website : https://a-lec.org
|
||||
License : AGPL
|
||||
========================================================================
|
||||
*/
|
||||
|
||||
/*
|
||||
========================================================================
|
||||
ROOT VARIABLES DOCUMENT
|
||||
========================================================================
|
||||
*/
|
||||
:root {
|
||||
--a-lec_blue: #00bdff;
|
||||
--a-lec_red: #b11107;
|
||||
--a-lec_yellow: #ecb41a;
|
||||
--a-lec_black: #2d3842;
|
||||
--a-lec_white: #fefff9;
|
||||
}
|
||||
|
||||
/*
|
||||
========================================================================
|
||||
Reset all:
|
||||
- Inherited properties to inherit value
|
||||
- Non-inherited properties to initial value
|
||||
========================================================================
|
||||
*/
|
||||
* {
|
||||
all: unset;
|
||||
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
|
||||
-moz-box-sizing: border-box; /* Firefox, other Gecko */
|
||||
box-sizing: border-box; /* Opera/IE 8+ */
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/*
|
||||
========================================================================
|
||||
Foundations
|
||||
========================================================================
|
||||
*/
|
||||
title {
|
||||
display: none;
|
||||
}
|
||||
|
||||
head {
|
||||
display: none;
|
||||
}
|
||||
|
||||
style {
|
||||
display:none;
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--a-lec_black);
|
||||
background: var(--a-lec_white);
|
||||
font-family: sans-serif;
|
||||
font-size: 100%;
|
||||
text-align: justify;
|
||||
text-justify: auto;
|
||||
background: var(--a-lec_white);
|
||||
}
|
||||
|
||||
section#a-lec_page-wrapper {
|
||||
display: flex;
|
||||
margin: 0 25px;
|
||||
}
|
||||
|
||||
article,
|
||||
aside {
|
||||
margin: 7px;
|
||||
background-color: var(--a-lec_white);
|
||||
background-repeat: repeat;
|
||||
padding: 10px;
|
||||
min-height: 62vh;
|
||||
}
|
||||
|
||||
article {
|
||||
flex-basis: 70%;
|
||||
}
|
||||
|
||||
aside {
|
||||
margin: 10px;
|
||||
flex-basis: 30%;
|
||||
}
|
||||
|
||||
p {
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
article ul {
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
/*
|
||||
========================================================================
|
||||
HEADER / BANNER
|
||||
========================================================================
|
||||
*/
|
||||
|
||||
header {
|
||||
background: #2d4b63; /* old IE fallback */
|
||||
|
||||
background-attachment: fixed;
|
||||
background-image: url(./electronic.jpg);
|
||||
background-position: 0 0;
|
||||
background-repeat: cover;
|
||||
background-size: auto;
|
||||
}
|
||||
|
||||
#a-lec_banner,
|
||||
#a-lec_footer {
|
||||
display: flex;
|
||||
height: auto;
|
||||
width: auto;
|
||||
padding: 20px 25px;
|
||||
}
|
||||
|
||||
#a-lec_site-logo img {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: start;
|
||||
width: 160px;
|
||||
height: 160px;
|
||||
place-content: baseline center;
|
||||
}
|
||||
|
||||
#a-lec_site-logo a {
|
||||
background-color: unset;
|
||||
place-content: baseline center;
|
||||
}
|
||||
|
||||
#a-lec_site-titles {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
place-content: baseline center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#a-lec_site-titles h2 {
|
||||
font-weight: normal;
|
||||
color: #FFF;
|
||||
font-size: 130%;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
#a-lec_site-name a {
|
||||
color: #FFF;
|
||||
font-weight: bold;
|
||||
font-size: 300%;
|
||||
padding-left: 50px;
|
||||
}
|
||||
|
||||
#a-lec_site-name a:hover {
|
||||
background-color: unset;
|
||||
font-weight: bold;
|
||||
font-size: 300%;
|
||||
background-color: unset;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
========================================================================
|
||||
FOOTER
|
||||
========================================================================
|
||||
*/
|
||||
|
||||
footer {
|
||||
background: #2d4b63; /* old IE fallback */
|
||||
|
||||
background-attachment: fixed;
|
||||
background-image: url(./electronic.jpg);
|
||||
background-position: 0 0;
|
||||
background-repeat: cover;
|
||||
background-size: auto;
|
||||
}
|
||||
|
||||
#a-lec_footer h1 {
|
||||
font-size: 130%;
|
||||
color: #FFF;
|
||||
font-weight: bold;
|
||||
margin-top: 0px;
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
#a-lec_footer {
|
||||
color: #FFF;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#a-lec_footer a {
|
||||
color: var(--a-lec_yellow);
|
||||
}
|
||||
|
||||
#a-lec_footer a:hover {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
#a-lec_footer b {
|
||||
color: var(--a-lec_blue);
|
||||
}
|
||||
|
||||
div#a-lec_copyright {
|
||||
font-size: 90%;
|
||||
flex-basis: 30%;
|
||||
margin-left: -100px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
div#a-lec_infos {
|
||||
flex-basis: 70%;
|
||||
font-size: 100%;
|
||||
margin: 0px 110px 0px 0px;
|
||||
}
|
||||
.a-lec_list-cr {
|
||||
display: block;
|
||||
margin: 0 0 5px 25px;
|
||||
}
|
||||
|
||||
/*
|
||||
========================================================================
|
||||
SIDEBAR
|
||||
========================================================================
|
||||
*/
|
||||
|
||||
aside#a-lec_sidebar {
|
||||
padding-left: 40px;
|
||||
}
|
||||
|
||||
.a-lec_latest-posts {
|
||||
color: var(--a-lec_yellow);
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.a-lec_list-post-title {
|
||||
display: block;
|
||||
padding: 15px;
|
||||
background-color: var(--a-lec_yellow);
|
||||
color: var(--a-lec_white);
|
||||
font-weight: bold;
|
||||
padding: 10px;
|
||||
margin: 10px 0px 0px 0px;
|
||||
}
|
||||
|
||||
.a-lec_list-post-metas {
|
||||
display: block;
|
||||
padding: 15px;
|
||||
background-color: #FDF1B8;
|
||||
color: var(--a-lec_red);;
|
||||
font-size: 80%;
|
||||
padding: 10px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.a-lec_list-post-info {
|
||||
display: block;
|
||||
background-color: #FDF1B8;
|
||||
font-size: 80%;
|
||||
padding: 10px;
|
||||
padding-top: unset;
|
||||
display: block;
|
||||
color: var(--chalec_black);
|
||||
font-weight: normal;
|
||||
display: block;
|
||||
font-size: 80%;
|
||||
padding: 10px;
|
||||
padding-top: unset;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.a-lec_list-post-link {
|
||||
color: var(--a-lec_white);
|
||||
}
|
||||
|
||||
.a-lec_list-post-link:hover {
|
||||
color: var(--a-lec_white);
|
||||
}
|
||||
|
||||
/*
|
||||
========================================================================
|
||||
ARTICLE
|
||||
========================================================================
|
||||
*/
|
||||
|
||||
/*
|
||||
* Sticky Author Date
|
||||
*/
|
||||
#a-lec_metas {
|
||||
display: block;
|
||||
background-color: var(--a-lec_yellow);
|
||||
position: relative;
|
||||
text-align: left;
|
||||
float: right;
|
||||
top: -10px;
|
||||
padding: 5px;
|
||||
font-size: 82%;
|
||||
|
||||
}
|
||||
|
||||
/*
|
||||
* Basic texts
|
||||
*/
|
||||
strong {
|
||||
color: #454545;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
b {
|
||||
color: #676767;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
i {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
abbr {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
/*
|
||||
* Lists
|
||||
*/
|
||||
.a-lec_post-content li {
|
||||
padding: 3px 0;
|
||||
}
|
||||
|
||||
.a-lec_list-1 {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.a-lec_list-2 {
|
||||
display: block;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.a-lec_list-3 {
|
||||
display: block;
|
||||
margin-left: 40px;
|
||||
}
|
||||
|
||||
.a-lec_list-ol li {
|
||||
counter-increment: step-counter;
|
||||
}
|
||||
|
||||
.a-lec_list-ol .a-lec_list-1::before,
|
||||
.a-lec_list-ol .a-lec_list-2::before,
|
||||
.a-lec_list-ol .a-lec_list-3::before {
|
||||
display: inline-block;
|
||||
content: counter(step-counter) ".";
|
||||
padding-left: 0px;
|
||||
margin-right: 5px;
|
||||
list-style-type: upper-roman;
|
||||
}
|
||||
|
||||
.a-lec_list-ol .a-lec_list-1::before {
|
||||
color: var(--a-lec_red);
|
||||
}
|
||||
|
||||
.a-lec_list-ol .a-lec_list-2::before {
|
||||
color: var(--a-lec_blue);
|
||||
}
|
||||
|
||||
.a-lec_list-ol .a-lec_list-3::before {
|
||||
color: var(--a-lec_yellow);
|
||||
}
|
||||
|
||||
.a-lec_list-ul .a-lec_list-1::before,
|
||||
.a-lec_list-ul .a-lec_list-2::before,
|
||||
.a-lec_list-ul .a-lec_list-3::before {
|
||||
display: inline-block;
|
||||
content: "\2022";
|
||||
width: 10px;
|
||||
padding-left: 5px;
|
||||
margin-right: 5px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.a-lec_list-ul .a-lec_list-1::before {
|
||||
color: var(--a-lec_red);
|
||||
}
|
||||
|
||||
.a-lec_list-ul .a-lec_list-2::before {
|
||||
color: var(--a-lec_blue);
|
||||
}
|
||||
|
||||
.a-lec_list-ul .a-lec_list-3::before {
|
||||
color: var(--a-lec_yellow);
|
||||
}
|
||||
|
||||
/*
|
||||
* Blockquotes
|
||||
*/
|
||||
.a-lec_fgc-quote,
|
||||
.a-lec_quote,
|
||||
.a-lec_simple-quote {
|
||||
}
|
||||
|
||||
.a-lec_quote,
|
||||
.a-lec_simple-quote {
|
||||
|
||||
display: block;
|
||||
font-style: italic;
|
||||
margin: 25px 0px 0px 0px;
|
||||
color: var(--a-lec_black);
|
||||
}
|
||||
|
||||
.a-lec_paragraph-2 {
|
||||
display: block;
|
||||
margin: 30px;
|
||||
}
|
||||
|
||||
.a-lec_quote p::before,
|
||||
.a-lec_simple-quote p::before {
|
||||
color: var(--a-lec_blue);
|
||||
content: "“";
|
||||
font-size: 3rem;
|
||||
margin-left: -30px;
|
||||
margin-bottom: -30px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.a-lec_quote p::after,
|
||||
.a-lec_simple-quote p::after {
|
||||
color: var(--a-lec_blue);
|
||||
content: "„";
|
||||
font-size: 3rem;
|
||||
margin-right: -35px;
|
||||
margin-top: -35px;
|
||||
display: block;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.a-lec_fgc-quote {
|
||||
display: block;
|
||||
margin: -20px 0px 20px 0px;
|
||||
text-align: right;
|
||||
padding-bottom: 3px;
|
||||
}
|
||||
|
||||
.a-lec_simple-quote {
|
||||
padding-bottom: 3px;
|
||||
}
|
||||
|
||||
.a-lec_fgc-quote a {
|
||||
display: inline-block;
|
||||
background-color: var(--a-lec_yellow);
|
||||
padding: 4px;
|
||||
color: var(--a-lec_black);
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.a-lec_fgc-quote a:hover {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Block-Codes
|
||||
*/
|
||||
.a-lec_block-code {
|
||||
display: block;
|
||||
padding: 15px;
|
||||
margin: 10px 30px 15px 10px;
|
||||
background-color: #000;
|
||||
color: #fff;
|
||||
font-size: 88%;
|
||||
padding: 10px;
|
||||
margin: 30px 30px 30px 10px;
|
||||
border: 3px solid var(--a-lec_blue);
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Inline-Codes
|
||||
*/
|
||||
.a-lec_inline-code {
|
||||
display: inline-block;
|
||||
background-color: #000;
|
||||
padding: 0 5px;
|
||||
font-size: 89%;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* Links
|
||||
*/
|
||||
a {
|
||||
color: var(--a-lec_red);
|
||||
padding: 0 2px;
|
||||
font-weight: bold;
|
||||
-webkit-transition: all 0.25s ease-out;
|
||||
-moz-transition: all 0.25s ease-out;
|
||||
transition: all 0.25s ease-out;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
padding: 0 2px;
|
||||
background-color: var(--a-lec_blue);
|
||||
color: #000;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
a:active {
|
||||
text-decoration: underline;
|
||||
cursor: progress;
|
||||
}
|
||||
|
||||
a.a-lec_file-link {
|
||||
background-color: #FFF;
|
||||
}
|
||||
|
||||
a.a-lec_file-link:hover {
|
||||
background-color: var(--a-lec_yellow);
|
||||
color: #000;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/*
|
||||
* Paragraphs
|
||||
*/
|
||||
p.a-lec_paragraph {
|
||||
display: block;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
div.a-lec_content-p1{
|
||||
display: block;
|
||||
}
|
||||
|
||||
div.a-lec_content-p2{
|
||||
display: block;
|
||||
}
|
||||
|
||||
div.a-lec_content-p3{
|
||||
display: block;
|
||||
}
|
||||
|
||||
div.a-lec_content-p4{
|
||||
display: block;
|
||||
}
|
||||
|
||||
div.a-lec_content-p5{
|
||||
display: block;
|
||||
}
|
||||
|
||||
div.a-lec_content-p6{
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*
|
||||
A-lec images
|
||||
*/
|
||||
.a-lec_image_center {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/*
|
||||
========================================================================
|
||||
HEADINGS
|
||||
========================================================================
|
||||
*/
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
display: block;
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
}
|
||||
h1 {
|
||||
font-size: 130%;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
h2 {
|
||||
font-size: 125%;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 5px;
|
||||
color: #454545;
|
||||
}
|
||||
h3 {
|
||||
font-size: 120%;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 5px;
|
||||
color: #505050;
|
||||
}
|
||||
h4 {
|
||||
font-size: 115%;
|
||||
color: #606060;
|
||||
}
|
||||
h5 {
|
||||
font-size: 110%;
|
||||
color: #707070;
|
||||
}
|
||||
h6 {
|
||||
font-size: 105%;
|
||||
color: #808080;
|
||||
}
|
||||
|
||||
/*
|
||||
========================================================================
|
||||
FORMs
|
||||
========================================================================
|
||||
*/
|
||||
|
||||
.tableform {
|
||||
margin-top: 20px;
|
||||
display: table;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.tableform *{
|
||||
padding: 5px;
|
||||
margin: 10px;
|
||||
line-height: 20px;
|
||||
text-justify: none;
|
||||
}
|
||||
|
||||
.tableform p {
|
||||
display: table-row;
|
||||
}
|
||||
|
||||
.tableform label {
|
||||
display: table-cell;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
input[type=radio] {
|
||||
all: revert;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
input[type=checkbox] {
|
||||
all: revert;
|
||||
margin-left: 15px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.input-symbol-euro {
|
||||
position: relative;
|
||||
}
|
||||
.input-symbol-euro {
|
||||
margin-left: -5px;
|
||||
padding-top: 0px;
|
||||
}
|
||||
|
||||
.input-symbol-euro::after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
content:"€";
|
||||
font-size: 120%;
|
||||
}
|
||||
|
||||
.tableform .mode {
|
||||
display: table-cell;
|
||||
}
|
||||
|
||||
.tableform .renseignements {
|
||||
display: table-cell;
|
||||
border-bottom: 2px solid lightgrey;
|
||||
border-radius: 3px;
|
||||
background-color: whitesmoke;
|
||||
padding: 5px;
|
||||
color: black;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.tableform .renseignements:focus {
|
||||
border-bottom: 2px solid var(--a-lec_blue);
|
||||
border-radius: 3px;
|
||||
background-color: aliceblue;
|
||||
}
|
||||
|
||||
.tableform .validation {
|
||||
background-color: var(--a-lec_blue);
|
||||
box-shadow: 3px 3px 5px grey;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
float: right;
|
||||
margin-bottom: -10px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.tableform .validation:focus {
|
||||
display: table-cell;
|
||||
background-color: var(--a-lec_red);
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.tableform p img {
|
||||
all: unset;
|
||||
margin-top: 20px;
|
||||
margin-left: 10px;
|
||||
width: 30vh;
|
||||
}
|
||||
|
||||
/*
|
||||
========================================================================
|
||||
LITTLE SCREENS
|
||||
========================================================================
|
||||
*/
|
||||
|
||||
@media screen and (max-width: 1100px) {
|
||||
.mode_radio {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.mode_radio span {
|
||||
display: block;
|
||||
}
|
||||
|
||||
form {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 700px) {
|
||||
|
||||
section#a-lec_page-wrapper {
|
||||
display: block;
|
||||
margin: 10px 25px;
|
||||
}
|
||||
|
||||
aside#a-lec_sidebar {
|
||||
background: none;
|
||||
padding-left: 40px;
|
||||
}
|
||||
|
||||
.a-lec_latest-posts {
|
||||
margin-left: -35px;
|
||||
}
|
||||
|
||||
div#a-lec_metas {
|
||||
margin: 0px -10px 0px 0px;
|
||||
}
|
||||
|
||||
article {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
article#a-lec_index {
|
||||
margin-top: -10px;
|
||||
}
|
||||
|
||||
#a-lec_footer {
|
||||
display: block;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
#a-lec_footer .a-lec_paragraph{
|
||||
margin-bottom: 30px;
|
||||
font-size: 90%;
|
||||
border: 2px solid var(--a-lec_blue);
|
||||
border-top : unset;
|
||||
border-left: unset;
|
||||
border-right: unset;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
#a-lec_footer h1 {
|
||||
margin-top: 10px;
|
||||
font-size: 115%;
|
||||
padding: 15px;
|
||||
margin-bottom: -20px;
|
||||
font-size: 120%
|
||||
}
|
||||
|
||||
#a-lec_footer li {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#a-lec_banner,
|
||||
#a-lec_footer {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#a-lec_site-logo img {
|
||||
all: unset;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 12vh;
|
||||
}
|
||||
|
||||
#a-lec_site-name a {
|
||||
margin-top: -30px;
|
||||
margin-bottom: -20px;
|
||||
position: relative;
|
||||
float: left;
|
||||
font-size: 3rem;
|
||||
padding-left: 0px;
|
||||
}
|
||||
|
||||
#chalec_site-titles h2 {
|
||||
font-weight: normal;
|
||||
color: var(--chalec_white);
|
||||
font-size: 130%;
|
||||
margin-top: 15px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
|
||||
#a-lec_site-name a:hover {
|
||||
float: left;
|
||||
font-size: 3rem;
|
||||
}
|
||||
|
||||
#a-lec_site-description {
|
||||
all: unset;
|
||||
margin-top: 15px;
|
||||
position: relative;
|
||||
float: left;
|
||||
font-size: 1rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
p {
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue