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