diff --git a/erreur_403.html b/erreur_403.html new file mode 100644 index 0000000..8558e4e --- /dev/null +++ b/erreur_403.html @@ -0,0 +1,114 @@ + + + + + + + + + + + Accueil - Libre en Communs + + + + + + + + + + + + + + + + +
+ +
+

+ + Libre en Communs + +

+

“Connaissance, partage, éducation et solidarité„

+
+
+ +
+
+ +Erreur 403 +
+Accès interdit + +
+ + +
+ + + + + + diff --git a/erreur_404.html b/erreur_404.html new file mode 100644 index 0000000..e28200d --- /dev/null +++ b/erreur_404.html @@ -0,0 +1,114 @@ + + + + + + + + + + + Accueil - Libre en Communs + + + + + + + + + + + + + + + + +
+ +
+

+ + Libre en Communs + +

+

“Connaissance, partage, éducation et solidarité„

+
+
+ +
+
+ +Erreur 404 +
+Page introuvable + +
+ + +
+ + + + + + diff --git a/erreur_500.html b/erreur_500.html new file mode 100644 index 0000000..d6148ed --- /dev/null +++ b/erreur_500.html @@ -0,0 +1,114 @@ + + + + + + + + + + + Accueil - Libre en Communs + + + + + + + + + + + + + + + + +
+ +
+

+ + Libre en Communs + +

+

“Connaissance, partage, éducation et solidarité„

+
+
+ +
+
+ +Erreur 500 +
+Erreur interne du serveur + +
+ + +
+ + + + + + diff --git a/styles_erreur.css b/styles_erreur.css new file mode 100644 index 0000000..f1e800d --- /dev/null +++ b/styles_erreur.css @@ -0,0 +1,536 @@ + +/* +======================================================================== + 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(./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(./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 +*/ +/* + * Basic texts +*/ +strong { + color: #454545; + font-weight: bold; +} + +b { + color: #676767; + font-weight: bold; +} + +i { + font-style: italic; +} + +abbr { + text-transform: uppercase; +} + +.a-lec_paragraph-2 { + display: block; + margin: 30px; +} + +/* + * 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; +} + +article { + text-align: center; +} + +/* +======================================================================== + 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; + } + +} +