WIP:form
This commit is contained in:
parent
5535920920
commit
07f6188069
|
|
@ -0,0 +1,114 @@
|
||||||
|
<!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='generator' content="GSL: Statique Littérateur">
|
||||||
|
<meta name='medium' content='website'>
|
||||||
|
<meta name='revisit-after' content="3 days">
|
||||||
|
|
||||||
|
<title>Page introuvable - Libre en Communs</title>
|
||||||
|
<link rel="stylesheet" media="screen" href="/templates/styles_erreur.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="Bienvenue sur le site web de Libre en Communs, association française centrée sur le logiciel libre et les communs.">
|
||||||
|
<meta name='keywords' content="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="/templates/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">
|
||||||
|
|
||||||
|
<img src="/templates/logo_404.svg" class="a-lec_image_center" alt="Erreur 404" title="Erreur 404" style="width:50%;"/>
|
||||||
|
<br/>
|
||||||
|
<b style="font-size: 200%;text-align:center;">Page introuvable</b>
|
||||||
|
|
||||||
|
</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">
|
||||||
|
<!--# include file="./last-posts-list.html" -->
|
||||||
|
</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>
|
||||||
|
|
||||||
|
|
@ -0,0 +1,43 @@
|
||||||
|
<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>
|
||||||
|
|
@ -0,0 +1,25 @@
|
||||||
|
<form action="/my-handling-form-page" method="post">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<label for="name">Nom et prénoms</label>
|
||||||
|
<input type="text" id="name" name="user_name">
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<label for="address">Adresse postale</label>
|
||||||
|
<input type="text" id="mail" name="user_address">
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<label for="mail">Courriel</label>
|
||||||
|
<input type="email" id="mail" name="user_email">
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<label for="mail">Courriel (confirmation)</label>
|
||||||
|
<input type="email" id="mail" name="user_email">
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<label for="amount">Somme versée</label>
|
||||||
|
<input type="number" min="1" step="any" name="user_amount">
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
|
@ -0,0 +1,18 @@
|
||||||
|
<header id="a-lec_banner">
|
||||||
|
<div id="a-lec_site-logo">
|
||||||
|
<a href="/">
|
||||||
|
<img src="./templates/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>
|
||||||
|
|
@ -0,0 +1,701 @@
|
||||||
|
|
||||||
|
/*
|
||||||
|
========================================================================
|
||||||
|
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%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*
|
||||||
|
========================================================================
|
||||||
|
HEADER / BANNER
|
||||||
|
========================================================================
|
||||||
|
*/
|
||||||
|
|
||||||
|
header {
|
||||||
|
background: #2d4b63; /* old IE fallback */
|
||||||
|
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-image: url(../templates/electronic.png);
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
|
#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(../templates/electronic.png);
|
||||||
|
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: -30px;
|
||||||
|
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 {
|
||||||
|
background-color: var(--a-lec_yellow);
|
||||||
|
padding: 4px;
|
||||||
|
color: var(--a-lec_black);
|
||||||
|
}
|
||||||
|
|
||||||
|
.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: inline-block;
|
||||||
|
color: #000;
|
||||||
|
font-weight: bold;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
========================================================================
|
||||||
|
LITTLE SCREENS
|
||||||
|
========================================================================
|
||||||
|
*/
|
||||||
|
@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: 160px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#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;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
Loading…
Reference in New Issue