test de template
This commit is contained in:
parent
604e5b2fc2
commit
f4ee19a9bd
GPG Key ID:
2974E1D5F25DFCC8
|
|
@ -0,0 +1,428 @@
|
|||
Attribution-ShareAlike 4.0 International
|
||||
|
||||
=======================================================================
|
||||
|
||||
Creative Commons Corporation ("Creative Commons") is not a law firm and
|
||||
does not provide legal services or legal advice. Distribution of
|
||||
Creative Commons public licenses does not create a lawyer-client or
|
||||
other relationship. Creative Commons makes its licenses and related
|
||||
information available on an "as-is" basis. Creative Commons gives no
|
||||
warranties regarding its licenses, any material licensed under their
|
||||
terms and conditions, or any related information. Creative Commons
|
||||
disclaims all liability for damages resulting from their use to the
|
||||
fullest extent possible.
|
||||
|
||||
Using Creative Commons Public Licenses
|
||||
|
||||
Creative Commons public licenses provide a standard set of terms and
|
||||
conditions that creators and other rights holders may use to share
|
||||
original works of authorship and other material subject to copyright
|
||||
and certain other rights specified in the public license below. The
|
||||
following considerations are for informational purposes only, are not
|
||||
exhaustive, and do not form part of our licenses.
|
||||
|
||||
Considerations for licensors: Our public licenses are
|
||||
intended for use by those authorized to give the public
|
||||
permission to use material in ways otherwise restricted by
|
||||
copyright and certain other rights. Our licenses are
|
||||
irrevocable. Licensors should read and understand the terms
|
||||
and conditions of the license they choose before applying it.
|
||||
Licensors should also secure all rights necessary before
|
||||
applying our licenses so that the public can reuse the
|
||||
material as expected. Licensors should clearly mark any
|
||||
material not subject to the license. This includes other CC-
|
||||
licensed material, or material used under an exception or
|
||||
limitation to copyright. More considerations for licensors:
|
||||
wiki.creativecommons.org/Considerations_for_licensors
|
||||
|
||||
Considerations for the public: By using one of our public
|
||||
licenses, a licensor grants the public permission to use the
|
||||
licensed material under specified terms and conditions. If
|
||||
the licensor's permission is not necessary for any reason--for
|
||||
example, because of any applicable exception or limitation to
|
||||
copyright--then that use is not regulated by the license. Our
|
||||
licenses grant only permissions under copyright and certain
|
||||
other rights that a licensor has authority to grant. Use of
|
||||
the licensed material may still be restricted for other
|
||||
reasons, including because others have copyright or other
|
||||
rights in the material. A licensor may make special requests,
|
||||
such as asking that all changes be marked or described.
|
||||
Although not required by our licenses, you are encouraged to
|
||||
respect those requests where reasonable. More considerations
|
||||
for the public:
|
||||
wiki.creativecommons.org/Considerations_for_licensees
|
||||
|
||||
=======================================================================
|
||||
|
||||
Creative Commons Attribution-ShareAlike 4.0 International Public
|
||||
License
|
||||
|
||||
By exercising the Licensed Rights (defined below), You accept and agree
|
||||
to be bound by the terms and conditions of this Creative Commons
|
||||
Attribution-ShareAlike 4.0 International Public License ("Public
|
||||
License"). To the extent this Public License may be interpreted as a
|
||||
contract, You are granted the Licensed Rights in consideration of Your
|
||||
acceptance of these terms and conditions, and the Licensor grants You
|
||||
such rights in consideration of benefits the Licensor receives from
|
||||
making the Licensed Material available under these terms and
|
||||
conditions.
|
||||
|
||||
|
||||
Section 1 -- Definitions.
|
||||
|
||||
a. Adapted Material means material subject to Copyright and Similar
|
||||
Rights that is derived from or based upon the Licensed Material
|
||||
and in which the Licensed Material is translated, altered,
|
||||
arranged, transformed, or otherwise modified in a manner requiring
|
||||
permission under the Copyright and Similar Rights held by the
|
||||
Licensor. For purposes of this Public License, where the Licensed
|
||||
Material is a musical work, performance, or sound recording,
|
||||
Adapted Material is always produced where the Licensed Material is
|
||||
synched in timed relation with a moving image.
|
||||
|
||||
b. Adapter's License means the license You apply to Your Copyright
|
||||
and Similar Rights in Your contributions to Adapted Material in
|
||||
accordance with the terms and conditions of this Public License.
|
||||
|
||||
c. BY-SA Compatible License means a license listed at
|
||||
creativecommons.org/compatiblelicenses, approved by Creative
|
||||
Commons as essentially the equivalent of this Public License.
|
||||
|
||||
d. Copyright and Similar Rights means copyright and/or similar rights
|
||||
closely related to copyright including, without limitation,
|
||||
performance, broadcast, sound recording, and Sui Generis Database
|
||||
Rights, without regard to how the rights are labeled or
|
||||
categorized. For purposes of this Public License, the rights
|
||||
specified in Section 2(b)(1)-(2) are not Copyright and Similar
|
||||
Rights.
|
||||
|
||||
e. Effective Technological Measures means those measures that, in the
|
||||
absence of proper authority, may not be circumvented under laws
|
||||
fulfilling obligations under Article 11 of the WIPO Copyright
|
||||
Treaty adopted on December 20, 1996, and/or similar international
|
||||
agreements.
|
||||
|
||||
f. Exceptions and Limitations means fair use, fair dealing, and/or
|
||||
any other exception or limitation to Copyright and Similar Rights
|
||||
that applies to Your use of the Licensed Material.
|
||||
|
||||
g. License Elements means the license attributes listed in the name
|
||||
of a Creative Commons Public License. The License Elements of this
|
||||
Public License are Attribution and ShareAlike.
|
||||
|
||||
h. Licensed Material means the artistic or literary work, database,
|
||||
or other material to which the Licensor applied this Public
|
||||
License.
|
||||
|
||||
i. Licensed Rights means the rights granted to You subject to the
|
||||
terms and conditions of this Public License, which are limited to
|
||||
all Copyright and Similar Rights that apply to Your use of the
|
||||
Licensed Material and that the Licensor has authority to license.
|
||||
|
||||
j. Licensor means the individual(s) or entity(ies) granting rights
|
||||
under this Public License.
|
||||
|
||||
k. Share means to provide material to the public by any means or
|
||||
process that requires permission under the Licensed Rights, such
|
||||
as reproduction, public display, public performance, distribution,
|
||||
dissemination, communication, or importation, and to make material
|
||||
available to the public including in ways that members of the
|
||||
public may access the material from a place and at a time
|
||||
individually chosen by them.
|
||||
|
||||
l. Sui Generis Database Rights means rights other than copyright
|
||||
resulting from Directive 96/9/EC of the European Parliament and of
|
||||
the Council of 11 March 1996 on the legal protection of databases,
|
||||
as amended and/or succeeded, as well as other essentially
|
||||
equivalent rights anywhere in the world.
|
||||
|
||||
m. You means the individual or entity exercising the Licensed Rights
|
||||
under this Public License. Your has a corresponding meaning.
|
||||
|
||||
|
||||
Section 2 -- Scope.
|
||||
|
||||
a. License grant.
|
||||
|
||||
1. Subject to the terms and conditions of this Public License,
|
||||
the Licensor hereby grants You a worldwide, royalty-free,
|
||||
non-sublicensable, non-exclusive, irrevocable license to
|
||||
exercise the Licensed Rights in the Licensed Material to:
|
||||
|
||||
a. reproduce and Share the Licensed Material, in whole or
|
||||
in part; and
|
||||
|
||||
b. produce, reproduce, and Share Adapted Material.
|
||||
|
||||
2. Exceptions and Limitations. For the avoidance of doubt, where
|
||||
Exceptions and Limitations apply to Your use, this Public
|
||||
License does not apply, and You do not need to comply with
|
||||
its terms and conditions.
|
||||
|
||||
3. Term. The term of this Public License is specified in Section
|
||||
6(a).
|
||||
|
||||
4. Media and formats; technical modifications allowed. The
|
||||
Licensor authorizes You to exercise the Licensed Rights in
|
||||
all media and formats whether now known or hereafter created,
|
||||
and to make technical modifications necessary to do so. The
|
||||
Licensor waives and/or agrees not to assert any right or
|
||||
authority to forbid You from making technical modifications
|
||||
necessary to exercise the Licensed Rights, including
|
||||
technical modifications necessary to circumvent Effective
|
||||
Technological Measures. For purposes of this Public License,
|
||||
simply making modifications authorized by this Section 2(a)
|
||||
(4) never produces Adapted Material.
|
||||
|
||||
5. Downstream recipients.
|
||||
|
||||
a. Offer from the Licensor -- Licensed Material. Every
|
||||
recipient of the Licensed Material automatically
|
||||
receives an offer from the Licensor to exercise the
|
||||
Licensed Rights under the terms and conditions of this
|
||||
Public License.
|
||||
|
||||
b. Additional offer from the Licensor -- Adapted Material.
|
||||
Every recipient of Adapted Material from You
|
||||
automatically receives an offer from the Licensor to
|
||||
exercise the Licensed Rights in the Adapted Material
|
||||
under the conditions of the Adapter's License You apply.
|
||||
|
||||
c. No downstream restrictions. You may not offer or impose
|
||||
any additional or different terms or conditions on, or
|
||||
apply any Effective Technological Measures to, the
|
||||
Licensed Material if doing so restricts exercise of the
|
||||
Licensed Rights by any recipient of the Licensed
|
||||
Material.
|
||||
|
||||
6. No endorsement. Nothing in this Public License constitutes or
|
||||
may be construed as permission to assert or imply that You
|
||||
are, or that Your use of the Licensed Material is, connected
|
||||
with, or sponsored, endorsed, or granted official status by,
|
||||
the Licensor or others designated to receive attribution as
|
||||
provided in Section 3(a)(1)(A)(i).
|
||||
|
||||
b. Other rights.
|
||||
|
||||
1. Moral rights, such as the right of integrity, are not
|
||||
licensed under this Public License, nor are publicity,
|
||||
privacy, and/or other similar personality rights; however, to
|
||||
the extent possible, the Licensor waives and/or agrees not to
|
||||
assert any such rights held by the Licensor to the limited
|
||||
extent necessary to allow You to exercise the Licensed
|
||||
Rights, but not otherwise.
|
||||
|
||||
2. Patent and trademark rights are not licensed under this
|
||||
Public License.
|
||||
|
||||
3. To the extent possible, the Licensor waives any right to
|
||||
collect royalties from You for the exercise of the Licensed
|
||||
Rights, whether directly or through a collecting society
|
||||
under any voluntary or waivable statutory or compulsory
|
||||
licensing scheme. In all other cases the Licensor expressly
|
||||
reserves any right to collect such royalties.
|
||||
|
||||
|
||||
Section 3 -- License Conditions.
|
||||
|
||||
Your exercise of the Licensed Rights is expressly made subject to the
|
||||
following conditions.
|
||||
|
||||
a. Attribution.
|
||||
|
||||
1. If You Share the Licensed Material (including in modified
|
||||
form), You must:
|
||||
|
||||
a. retain the following if it is supplied by the Licensor
|
||||
with the Licensed Material:
|
||||
|
||||
i. identification of the creator(s) of the Licensed
|
||||
Material and any others designated to receive
|
||||
attribution, in any reasonable manner requested by
|
||||
the Licensor (including by pseudonym if
|
||||
designated);
|
||||
|
||||
ii. a copyright notice;
|
||||
|
||||
iii. a notice that refers to this Public License;
|
||||
|
||||
iv. a notice that refers to the disclaimer of
|
||||
warranties;
|
||||
|
||||
v. a URI or hyperlink to the Licensed Material to the
|
||||
extent reasonably practicable;
|
||||
|
||||
b. indicate if You modified the Licensed Material and
|
||||
retain an indication of any previous modifications; and
|
||||
|
||||
c. indicate the Licensed Material is licensed under this
|
||||
Public License, and include the text of, or the URI or
|
||||
hyperlink to, this Public License.
|
||||
|
||||
2. You may satisfy the conditions in Section 3(a)(1) in any
|
||||
reasonable manner based on the medium, means, and context in
|
||||
which You Share the Licensed Material. For example, it may be
|
||||
reasonable to satisfy the conditions by providing a URI or
|
||||
hyperlink to a resource that includes the required
|
||||
information.
|
||||
|
||||
3. If requested by the Licensor, You must remove any of the
|
||||
information required by Section 3(a)(1)(A) to the extent
|
||||
reasonably practicable.
|
||||
|
||||
b. ShareAlike.
|
||||
|
||||
In addition to the conditions in Section 3(a), if You Share
|
||||
Adapted Material You produce, the following conditions also apply.
|
||||
|
||||
1. The Adapter's License You apply must be a Creative Commons
|
||||
license with the same License Elements, this version or
|
||||
later, or a BY-SA Compatible License.
|
||||
|
||||
2. You must include the text of, or the URI or hyperlink to, the
|
||||
Adapter's License You apply. You may satisfy this condition
|
||||
in any reasonable manner based on the medium, means, and
|
||||
context in which You Share Adapted Material.
|
||||
|
||||
3. You may not offer or impose any additional or different terms
|
||||
or conditions on, or apply any Effective Technological
|
||||
Measures to, Adapted Material that restrict exercise of the
|
||||
rights granted under the Adapter's License You apply.
|
||||
|
||||
|
||||
Section 4 -- Sui Generis Database Rights.
|
||||
|
||||
Where the Licensed Rights include Sui Generis Database Rights that
|
||||
apply to Your use of the Licensed Material:
|
||||
|
||||
a. for the avoidance of doubt, Section 2(a)(1) grants You the right
|
||||
to extract, reuse, reproduce, and Share all or a substantial
|
||||
portion of the contents of the database;
|
||||
|
||||
b. if You include all or a substantial portion of the database
|
||||
contents in a database in which You have Sui Generis Database
|
||||
Rights, then the database in which You have Sui Generis Database
|
||||
Rights (but not its individual contents) is Adapted Material,
|
||||
|
||||
including for purposes of Section 3(b); and
|
||||
c. You must comply with the conditions in Section 3(a) if You Share
|
||||
all or a substantial portion of the contents of the database.
|
||||
|
||||
For the avoidance of doubt, this Section 4 supplements and does not
|
||||
replace Your obligations under this Public License where the Licensed
|
||||
Rights include other Copyright and Similar Rights.
|
||||
|
||||
|
||||
Section 5 -- Disclaimer of Warranties and Limitation of Liability.
|
||||
|
||||
a. UNLESS OTHERWISE SEPARATELY UNDERTAKEN BY THE LICENSOR, TO THE
|
||||
EXTENT POSSIBLE, THE LICENSOR OFFERS THE LICENSED MATERIAL AS-IS
|
||||
AND AS-AVAILABLE, AND MAKES NO REPRESENTATIONS OR WARRANTIES OF
|
||||
ANY KIND CONCERNING THE LICENSED MATERIAL, WHETHER EXPRESS,
|
||||
IMPLIED, STATUTORY, OR OTHER. THIS INCLUDES, WITHOUT LIMITATION,
|
||||
WARRANTIES OF TITLE, MERCHANTABILITY, FITNESS FOR A PARTICULAR
|
||||
PURPOSE, NON-INFRINGEMENT, ABSENCE OF LATENT OR OTHER DEFECTS,
|
||||
ACCURACY, OR THE PRESENCE OR ABSENCE OF ERRORS, WHETHER OR NOT
|
||||
KNOWN OR DISCOVERABLE. WHERE DISCLAIMERS OF WARRANTIES ARE NOT
|
||||
ALLOWED IN FULL OR IN PART, THIS DISCLAIMER MAY NOT APPLY TO YOU.
|
||||
|
||||
b. TO THE EXTENT POSSIBLE, IN NO EVENT WILL THE LICENSOR BE LIABLE
|
||||
TO YOU ON ANY LEGAL THEORY (INCLUDING, WITHOUT LIMITATION,
|
||||
NEGLIGENCE) OR OTHERWISE FOR ANY DIRECT, SPECIAL, INDIRECT,
|
||||
INCIDENTAL, CONSEQUENTIAL, PUNITIVE, EXEMPLARY, OR OTHER LOSSES,
|
||||
COSTS, EXPENSES, OR DAMAGES ARISING OUT OF THIS PUBLIC LICENSE OR
|
||||
USE OF THE LICENSED MATERIAL, EVEN IF THE LICENSOR HAS BEEN
|
||||
ADVISED OF THE POSSIBILITY OF SUCH LOSSES, COSTS, EXPENSES, OR
|
||||
DAMAGES. WHERE A LIMITATION OF LIABILITY IS NOT ALLOWED IN FULL OR
|
||||
IN PART, THIS LIMITATION MAY NOT APPLY TO YOU.
|
||||
|
||||
c. The disclaimer of warranties and limitation of liability provided
|
||||
above shall be interpreted in a manner that, to the extent
|
||||
possible, most closely approximates an absolute disclaimer and
|
||||
waiver of all liability.
|
||||
|
||||
|
||||
Section 6 -- Term and Termination.
|
||||
|
||||
a. This Public License applies for the term of the Copyright and
|
||||
Similar Rights licensed here. However, if You fail to comply with
|
||||
this Public License, then Your rights under this Public License
|
||||
terminate automatically.
|
||||
|
||||
b. Where Your right to use the Licensed Material has terminated under
|
||||
Section 6(a), it reinstates:
|
||||
|
||||
1. automatically as of the date the violation is cured, provided
|
||||
it is cured within 30 days of Your discovery of the
|
||||
violation; or
|
||||
|
||||
2. upon express reinstatement by the Licensor.
|
||||
|
||||
For the avoidance of doubt, this Section 6(b) does not affect any
|
||||
right the Licensor may have to seek remedies for Your violations
|
||||
of this Public License.
|
||||
|
||||
c. For the avoidance of doubt, the Licensor may also offer the
|
||||
Licensed Material under separate terms or conditions or stop
|
||||
distributing the Licensed Material at any time; however, doing so
|
||||
will not terminate this Public License.
|
||||
|
||||
d. Sections 1, 5, 6, 7, and 8 survive termination of this Public
|
||||
License.
|
||||
|
||||
|
||||
Section 7 -- Other Terms and Conditions.
|
||||
|
||||
a. The Licensor shall not be bound by any additional or different
|
||||
terms or conditions communicated by You unless expressly agreed.
|
||||
|
||||
b. Any arrangements, understandings, or agreements regarding the
|
||||
Licensed Material not stated herein are separate from and
|
||||
independent of the terms and conditions of this Public License.
|
||||
|
||||
|
||||
Section 8 -- Interpretation.
|
||||
|
||||
a. For the avoidance of doubt, this Public License does not, and
|
||||
shall not be interpreted to, reduce, limit, restrict, or impose
|
||||
conditions on any use of the Licensed Material that could lawfully
|
||||
be made without permission under this Public License.
|
||||
|
||||
b. To the extent possible, if any provision of this Public License is
|
||||
deemed unenforceable, it shall be automatically reformed to the
|
||||
minimum extent necessary to make it enforceable. If the provision
|
||||
cannot be reformed, it shall be severed from this Public License
|
||||
without affecting the enforceability of the remaining terms and
|
||||
conditions.
|
||||
|
||||
c. No term or condition of this Public License will be waived and no
|
||||
failure to comply consented to unless expressly agreed to by the
|
||||
Licensor.
|
||||
|
||||
d. Nothing in this Public License constitutes or may be interpreted
|
||||
as a limitation upon, or waiver of, any privileges and immunities
|
||||
that apply to the Licensor or You, including from the legal
|
||||
processes of any jurisdiction or authority.
|
||||
|
||||
|
||||
=======================================================================
|
||||
|
||||
Creative Commons is not a party to its public
|
||||
licenses. Notwithstanding, Creative Commons may elect to apply one of
|
||||
its public licenses to material it publishes and in those instances
|
||||
will be considered the “Licensor.” The text of the Creative Commons
|
||||
public licenses is dedicated to the public domain under the CC0 Public
|
||||
Domain Dedication. Except for the limited purpose of indicating that
|
||||
material is shared under a Creative Commons public license or as
|
||||
otherwise permitted by the Creative Commons policies published at
|
||||
creativecommons.org/policies, Creative Commons does not authorize the
|
||||
use of the trademark "Creative Commons" or any other trademark or logo
|
||||
of Creative Commons without its prior written consent including,
|
||||
without limitation, in connection with any unauthorized modifications
|
||||
to any of its public licenses or any other arrangements,
|
||||
understandings, or agreements concerning use of licensed material. For
|
||||
the avoidance of doubt, this paragraph does not form part of the
|
||||
public licenses.
|
||||
|
||||
Creative Commons may be contacted at creativecommons.org.
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
# Template STL pour www.a-lec.org
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 145 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 722 KiB |
|
|
@ -0,0 +1,5 @@
|
|||
Fichier original: https://search.creativecommons.org/photos/efbd6747-894b-4c18-b7e3-ea5baf06c3a5
|
||||
Licence originale: Licence CC-BY 2.0
|
||||
Auteur original: Creativity103
|
||||
|
||||
Modifié par Adrien Bourmault sous Licence CC-BY-SA 4.0
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 72 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1019 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 175 KiB |
|
|
@ -0,0 +1,3 @@
|
|||
Fichier original: https://git.a-lec.org/a-lec/vie-associative/logo-association
|
||||
Licence originale: Tous droits réservés
|
||||
Auteur original: Claudia MA
|
||||
|
|
@ -1,23 +1,58 @@
|
|||
|
||||
/*
|
||||
* Raw empty styles used by Tyto - Littérateur
|
||||
* "tyto" is default. replace with YOUR domain css name if changed
|
||||
* Some classes from markers, like paragraphs, lists... can have custom classes
|
||||
========================================================================
|
||||
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;
|
||||
}
|
||||
|
||||
/* ----------------------------------------------------------------------------
|
||||
* Template website
|
||||
*/
|
||||
|
||||
* {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
body {
|
||||
line-height: 1.5em;
|
||||
background-attachment: fixed;
|
||||
background-image: url(../template/electronic.jpg);
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
/* Contains all website, after <body> */
|
||||
div#site_container {}
|
||||
div#site_container {
|
||||
}
|
||||
|
||||
/* div contains <article> and <aside> */
|
||||
main#article_aside {}
|
||||
main {
|
||||
background-color: var(--a-lec_white);
|
||||
}
|
||||
|
||||
|
||||
/* ----------------------------------------------------------------------------
|
||||
* Article contents styles
|
||||
*/
|
||||
article#article {}
|
||||
article#article {
|
||||
padding: 10px 10px 10px 10px;
|
||||
}
|
||||
|
||||
header#article_header {}
|
||||
img#article_logo {}
|
||||
h1#article_title {}
|
||||
|
|
@ -79,7 +114,46 @@ code.tyto {}
|
|||
/*
|
||||
* Blockquotes
|
||||
*/
|
||||
blockquote.tyto {}
|
||||
blockquote.tyto {
|
||||
display: block;
|
||||
margin: 20px 20px 20px 20px;
|
||||
color: var(--a-lec_black);
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
blockquote.tyto p {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
blockquote.tyto p::before {
|
||||
color: var(--a-lec_blue);
|
||||
content: "“";
|
||||
font-size: 2rem;
|
||||
margin-left: -20px;
|
||||
margin-bottom: -25px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
blockquote.tyto p::after {
|
||||
color: var(--a-lec_blue);
|
||||
content: "„";
|
||||
font-size: 2rem;
|
||||
margin-right: -15px;
|
||||
margin-top: -25px;
|
||||
text-align: right;
|
||||
display: block;
|
||||
}
|
||||
|
||||
blockquote.tyto a {
|
||||
display: block;
|
||||
float: right;
|
||||
background-color: var(--a-lec_yellow);
|
||||
padding: 4px;
|
||||
color: var(--a-lec_black);
|
||||
margin-right: -10px;
|
||||
font-size: initial;
|
||||
}
|
||||
|
||||
/* If blockquote has metadatas, footer.tyto also gets new custom CSS */
|
||||
footer.tyto {}
|
||||
|
||||
|
|
@ -99,13 +173,42 @@ code.bcode_code {}
|
|||
/* ----------------------------------------------------------------------------
|
||||
* Header (Wensite Logo, Description)
|
||||
*/
|
||||
|
||||
a#site_link {}
|
||||
header#header {}
|
||||
div#header_logo {}
|
||||
img#header_logo_image {}
|
||||
header#header {
|
||||
display: flex;
|
||||
place-content: baseline center;
|
||||
}
|
||||
div#header_logo {
|
||||
display:none;
|
||||
background-image:url("logo_a-lec.svg");
|
||||
}
|
||||
img#header_logo_image {
|
||||
align-items: start;
|
||||
width: 160px;
|
||||
height: 160px;
|
||||
place-content: baseline center;
|
||||
color: #FFF;
|
||||
font-weight: bold;
|
||||
font-size: 300%;
|
||||
}
|
||||
div#header_abouts {}
|
||||
p#header_title {}
|
||||
p#header_about {}
|
||||
p#header_title {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
||||
padding-left: 50px;
|
||||
color: #FFF;
|
||||
font-weight: bold;
|
||||
font-size: 300%;
|
||||
}
|
||||
p#header_about {
|
||||
font-weight: normal;
|
||||
color: #FFF;
|
||||
font-size: 130%;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
|
@ -135,18 +238,44 @@ p.sidebar_post_about_p {}
|
|||
/* ============================================================================
|
||||
* Footer (Website)
|
||||
*/
|
||||
footer#footer {}
|
||||
div#footer_title {}
|
||||
div#footer_about_menu {}
|
||||
footer#footer {
|
||||
background: #2d4b63; /* old IE fallback */
|
||||
|
||||
background-image: url(../template/electronic.jpg);
|
||||
background-position: 0 0;
|
||||
background-repeat: cover;
|
||||
background-size: auto;
|
||||
color: #FFF;
|
||||
height: 100%;
|
||||
}
|
||||
div#footer_title {
|
||||
display: block;
|
||||
font-size: 130%;
|
||||
color: #FFF;
|
||||
font-weight: bold;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 10px;
|
||||
margin-left: 0px;
|
||||
}
|
||||
div#footer_about_menu {
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
border: 2px solid var(--a-lec_blue);
|
||||
border-top : unset;
|
||||
border-left: unset;
|
||||
border-right: unset;
|
||||
font-size: 90%;
|
||||
padding: 15px;
|
||||
}
|
||||
div#footer_about {}
|
||||
p#footer_about_p {}
|
||||
nav#footer_menu {}
|
||||
ul#footer_items {}
|
||||
ul#footer_items {
|
||||
color: var(--a-lec_yellow);
|
||||
}
|
||||
li.footer_item {}
|
||||
a.footer_item_link {}
|
||||
div#footer_credit {}
|
||||
p#footer_copyright {}
|
||||
p#footer_tyto {}
|
||||
a.footer_cr_link {}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,722 @@
|
|||
|
||||
/*
|
||||
========================================================================
|
||||
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(../template/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-title {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
place-content: baseline center;
|
||||
padding-left: 50px;
|
||||
}
|
||||
|
||||
#a-lec_site-title 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%;
|
||||
}
|
||||
|
||||
#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-image: url(../template/electronic.jpg);
|
||||
background-position: 0 0;
|
||||
background-repeat: cover;
|
||||
background-size: auto;
|
||||
}
|
||||
|
||||
#a-lec_footer h1 {
|
||||
display: block;
|
||||
font-size: 130%;
|
||||
color: #FFF;
|
||||
font-weight: bold;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 10px;
|
||||
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;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.a-lec_list-post-item a:hover {
|
||||
color: unset;
|
||||
background-color: unset;
|
||||
}
|
||||
|
||||
.a-lec_list-post-title {
|
||||
display: block;
|
||||
background-color: var(--a-lec_yellow);
|
||||
color: var(--a-lec_white);
|
||||
font-weight: bold;
|
||||
padding: 10px;
|
||||
padding-bottom: 15px;
|
||||
padding-left: 11px;
|
||||
margin: -10px 0px 0px 0px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.a-lec_list-post-item:hover .a-lec_list-post-title {
|
||||
background-color: #2f4f6f;
|
||||
}
|
||||
|
||||
.a-lec_list-post-item:hover .a-lec_list-post-metas,
|
||||
.a-lec_list-post-item:hover .a-lec_list-post-info {
|
||||
background-color: #e1ecf5;
|
||||
}
|
||||
|
||||
.a-lec_list-post-metas {
|
||||
display: none;
|
||||
padding: 15px;
|
||||
background-color: #FDF1B8;
|
||||
color: var(--a-lec_red);;
|
||||
font-size: 80%;
|
||||
padding: 10px;
|
||||
font-weight: bold;
|
||||
margin-bottom: -10px;
|
||||
}
|
||||
|
||||
.a-lec_list-post-metas:first-letter {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.a-lec_list-post-item a .a-lec_list-post-info {
|
||||
display: block;
|
||||
background-color: #FDF1B8;
|
||||
color: var(--a-lec_black);
|
||||
font-size: 80%;
|
||||
padding: 10px;
|
||||
font-weight: normal;
|
||||
margin-top: -10px;
|
||||
}
|
||||
|
||||
/*
|
||||
========================================================================
|
||||
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_li-1 {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.a-lec_li-2 {
|
||||
display: block;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.a-lec_li-3 {
|
||||
display: block;
|
||||
margin-left: 40px;
|
||||
}
|
||||
|
||||
.a-lec_list-ol li {
|
||||
counter-increment: step-counter;
|
||||
}
|
||||
|
||||
.a-lec_list-ol .a-lec_li-1::before,
|
||||
.a-lec_list-ol .a-lec_li-2::before,
|
||||
.a-lec_list-ol .a-lec_li-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_li-1::before {
|
||||
color: var(--a-lec_red);
|
||||
}
|
||||
|
||||
.a-lec_list-ol .a-lec_li-2::before {
|
||||
color: var(--a-lec_blue);
|
||||
}
|
||||
|
||||
.a-lec_list-ol .a-lec_li-3::before {
|
||||
color: var(--a-lec_yellow);
|
||||
}
|
||||
|
||||
.a-lec_list-ul .a-lec_li-1::before,
|
||||
.a-lec_list-ul .a-lec_li-2::before,
|
||||
.a-lec_list-ul .a-lec_li-3::before {
|
||||
display: inline-block;
|
||||
content: "\2022";
|
||||
width: 10px;
|
||||
padding-left: 5px;
|
||||
margin-right: 5px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.a-lec_list-ul .a-lec_li-1::before {
|
||||
color: var(--a-lec_red);
|
||||
}
|
||||
|
||||
.a-lec_list-ul .a-lec_li-2::before {
|
||||
color: var(--a-lec_blue);
|
||||
}
|
||||
|
||||
.a-lec_list-ul .a-lec_li-3::before {
|
||||
color: var(--a-lec_yellow);
|
||||
}
|
||||
|
||||
/*
|
||||
* Blockquotes
|
||||
*/
|
||||
.a-lec_quote {
|
||||
|
||||
display: block;
|
||||
margin: 40px 20px 20px 20px;
|
||||
color: var(--a-lec_black);
|
||||
}
|
||||
|
||||
.a-lec_quote p {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.a-lec_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 {
|
||||
color: var(--a-lec_blue);
|
||||
content: "„";
|
||||
font-size: 3rem;
|
||||
margin-right: -30px;
|
||||
margin-top: -35px;
|
||||
display: block;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.a-lec_quote cite {
|
||||
display: inline;
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
.a-lec_quote a {
|
||||
display: block;
|
||||
float: right;
|
||||
background-color: var(--a-lec_yellow);
|
||||
padding: 4px;
|
||||
color: var(--a-lec_black);
|
||||
margin-top: 10px;
|
||||
margin-right: -20px;
|
||||
font-size: initial;
|
||||
}
|
||||
.a-lec_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: none;
|
||||
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_p{
|
||||
display: block;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
div.a-lec_content{
|
||||
display: block;
|
||||
}
|
||||
|
||||
p {
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
article ul {
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
/*
|
||||
A-lec images
|
||||
*/
|
||||
.a-lec_image{
|
||||
display: inline;
|
||||
vertical-align: middle;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.a-lec_image.left{
|
||||
float: left;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
.a-lec_image.right{
|
||||
float: right;
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
p.a-lec_p.images_center {
|
||||
text-align: center;
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
/*
|
||||
========================================================================
|
||||
HEADINGS
|
||||
========================================================================
|
||||
*/
|
||||
.a-lec_title, #a-lec_site-name {
|
||||
display: block;
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
.a-lec_title-1 {
|
||||
font-size: 150%;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.a-lec_title-2 {
|
||||
font-size: 130%;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 15px;
|
||||
color: #454545;
|
||||
}
|
||||
|
||||
.a-lec_title-3 {
|
||||
font-size: 110%;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 15px;
|
||||
color: #505050;
|
||||
}
|
||||
|
||||
.a-lec_title-4 {
|
||||
font-size: 100%;
|
||||
color: #606060;
|
||||
}
|
||||
|
||||
.a-lec_title-5 {
|
||||
font-size: 100%;
|
||||
color: #707070;
|
||||
}
|
||||
|
||||
.a-lec_title-6 {
|
||||
font-size: 100%;
|
||||
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;
|
||||
}
|
||||
|
||||
article {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
#a-lec_footer {
|
||||
display: block;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
#a-lec_banner {
|
||||
display: block;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
#a-lec_a-propos {
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
border: 2px solid var(--a-lec_blue);
|
||||
border-top : unset;
|
||||
border-left: unset;
|
||||
border-right: unset;
|
||||
font-size: 90%;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
#a-lec_footer h1 {
|
||||
margin-top: 0px;
|
||||
padding: 15px;
|
||||
margin-bottom: 0px;
|
||||
font-size: 110%
|
||||
}
|
||||
|
||||
#a-lec_footer li {
|
||||
text-align: center;
|
||||
margin-left: 0px;
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
#a-lec_banner,
|
||||
#a-lec_footer {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#a-lec_site-logo img {
|
||||
all: unset;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
margin-top: 20px;
|
||||
height: min(20vw,20vh);
|
||||
}
|
||||
|
||||
#a-lec_site-description {
|
||||
all: unset;
|
||||
margin-top: 15px;
|
||||
position: relative;
|
||||
float: left;
|
||||
font-size: 1rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#a-lec_site-logo a {
|
||||
background-color: unset;
|
||||
place-content: baseline center;
|
||||
}
|
||||
|
||||
#a-lec_site-title {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
#a-lec_site-title h2 {
|
||||
font-weight: normal;
|
||||
font-size: 5vw;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
#a-lec_site-title h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#a-lec_site-name a {
|
||||
color: #FFF;
|
||||
font-weight: bold;
|
||||
font-size: 8.4vw;
|
||||
}
|
||||
|
||||
#a-lec_site-name a:hover {
|
||||
background-color: unset;
|
||||
font-weight: bold;
|
||||
background-color: unset;
|
||||
font-size: 8.4vw;
|
||||
}
|
||||
|
||||
p {
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
aside#a-lec_sidebar {
|
||||
display: block;
|
||||
margin: -10px;
|
||||
margin-top: 30px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -0,0 +1,516 @@
|
|||
/*
|
||||
* Theme for Tyto - Littérateur website
|
||||
* Created by echolib
|
||||
*/
|
||||
|
||||
/*
|
||||
* Define main colors
|
||||
*/
|
||||
:root {
|
||||
--ext-link: #7760CC;
|
||||
--int-link: #B38700;
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
body {
|
||||
margin-top: 10px;
|
||||
max-width: 800px;
|
||||
margin: auto;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
div#site_container {
|
||||
}
|
||||
|
||||
div#article_sidebar_container {
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--ext-link);
|
||||
font-weight: bold;
|
||||
}
|
||||
a:hover, abbr.tyto {
|
||||
text-decoration: underline var(--int-link);
|
||||
}
|
||||
|
||||
/*---------------------------------------------------------------------
|
||||
* Header
|
||||
*/
|
||||
header#header_page {
|
||||
padding: 10px;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
img#site_logo_image {
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
div#site_infos {
|
||||
width: 660px;
|
||||
align-self: center;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
p#site_about {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
/*---------------------------------------------------------------------
|
||||
* Navbar
|
||||
*/
|
||||
nav#site_menu {
|
||||
border-bottom: 4px ridge black;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
menu#site_menu_items {
|
||||
}
|
||||
|
||||
li.site_menu_item {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
font-size: 1.2em;
|
||||
padding: 0 10px;
|
||||
margin-right: 10px;
|
||||
border-left: 2px ridge black;
|
||||
border-right: 2px ridge black;
|
||||
border-top: 4px ridge var(--ext-link);
|
||||
}
|
||||
|
||||
li.site_menu_item:hover {
|
||||
border-top: 4px ridge var(--int-link);
|
||||
}
|
||||
|
||||
li.site_menu_item:first-letter {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
a.site_menu_link {
|
||||
text-decoration: none;
|
||||
color: var(--int-link);
|
||||
}
|
||||
a.site_menu_link:hover {
|
||||
color: var(--ext-link);
|
||||
}
|
||||
|
||||
|
||||
/*---------------------------------------------------------------------
|
||||
* Article
|
||||
*/
|
||||
article#article_main {
|
||||
font-size: 1.2em !important;
|
||||
padding: 20px;
|
||||
border: 2px ridge black;
|
||||
}
|
||||
|
||||
article#article_main img {
|
||||
max-width: 758px;
|
||||
border: 8px ridge grey;
|
||||
}
|
||||
|
||||
a.anchor_link {
|
||||
color: var(--int-link) !important;
|
||||
}
|
||||
a.anchor_link:hover {
|
||||
text-decoration: var(--ext-link) underline !important;
|
||||
}
|
||||
|
||||
abbr.tyto {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/*
|
||||
* Titles in article
|
||||
*/
|
||||
h1#post_title,
|
||||
h2.title_2, h3.title_3, h4.title_4, h5.title_5, h6.title_6 {
|
||||
margin: 30px 0 20px 0;
|
||||
}
|
||||
|
||||
h1#post_title {
|
||||
font-size: 1.8em;
|
||||
border-bottom: 2px ridge black;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
h2.title_2 {
|
||||
font-size: 1.6em;
|
||||
}
|
||||
|
||||
h3.title_3 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
h4.title_4 {
|
||||
font-size: 1.4em;
|
||||
}
|
||||
|
||||
h5.title_5 {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
h6.title_6 {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* Articles contents paragraphs
|
||||
*/
|
||||
div.contents {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
div.contents p {
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
div#article_infos {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/*
|
||||
* Misc Words tags
|
||||
*/
|
||||
code.icode, span.custom, cite.cite {
|
||||
font-weight: 700;
|
||||
padding: 1px 4px;
|
||||
}
|
||||
cite.cite {
|
||||
color: #00BE13;
|
||||
font-style: italic;
|
||||
}
|
||||
code.icode {
|
||||
color: #00948F;
|
||||
font-size: 1.3em;
|
||||
}
|
||||
span.custom {
|
||||
color: #A7A700;
|
||||
}
|
||||
strong.strong {
|
||||
font-weight: 900;
|
||||
}
|
||||
b.tyto {
|
||||
font-weight: 700;
|
||||
}
|
||||
del.tyto {
|
||||
color: red;
|
||||
opacity: 0.7;
|
||||
text-decoration: white line-through;
|
||||
}
|
||||
u.tyto {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* Personal adds
|
||||
*/
|
||||
img.post_pic {
|
||||
margin: auto !important;
|
||||
display: flex;
|
||||
max-width: 90%!important;
|
||||
}
|
||||
|
||||
p.rappels, p.astuces {
|
||||
padding: 5px;
|
||||
font-size: .9em;
|
||||
}
|
||||
p.rappels{
|
||||
border: 1px dashed var(--int-link);
|
||||
}
|
||||
p.astuces {
|
||||
border: 1px dashed #009916;
|
||||
}
|
||||
|
||||
div.two_cols {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
div.two_cols p {
|
||||
flex: 0 0 47%;
|
||||
}
|
||||
|
||||
/*
|
||||
* Lists
|
||||
*/
|
||||
ul {
|
||||
list-style-type: disc;
|
||||
list-style-position: inside;
|
||||
}
|
||||
ol {
|
||||
list-style-type: decimal;
|
||||
list-style-position: inside;
|
||||
}
|
||||
ul ul, ol ul {
|
||||
list-style-type: circle;
|
||||
list-style-position: inside;
|
||||
margin-left: 15px;
|
||||
}
|
||||
ol ol, ul ol {
|
||||
list-style-type: lower-latin;
|
||||
list-style-position: inside;
|
||||
margin-left: 15px;
|
||||
}
|
||||
ul.tyto, ul.index {
|
||||
margin: 15px 0 15px 15px;
|
||||
font-size: .9em;
|
||||
}
|
||||
|
||||
/* Sitemap */
|
||||
span.sitemap_date {
|
||||
color: grey;
|
||||
font-size: .9em;
|
||||
}
|
||||
ul.sitemap {
|
||||
font-size: .9em;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* Block-Codes
|
||||
*/
|
||||
code.tyto {
|
||||
color: white;
|
||||
margin: 15px 0;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
pre.bcode {
|
||||
padding: 15px;
|
||||
width: 100%;
|
||||
display: grid;
|
||||
background-color: black;
|
||||
border: 8px ridge #616161;
|
||||
text-align: left;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
pre.bcode:before {
|
||||
counter-reset: listing;
|
||||
}
|
||||
|
||||
p.bcode {
|
||||
counter-increment: listing;
|
||||
margin: 0 !important;
|
||||
text-indent: 0;
|
||||
line-height: 1.3em;
|
||||
font-size: .9em;
|
||||
font-family: Courier New;
|
||||
}
|
||||
|
||||
pre.bcode p.bcode:before {
|
||||
content: counter(listing) ". ";
|
||||
color: grey;
|
||||
width: 40px; /* Assez pour 9999 lignes */
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
|
||||
/*---------------------------------------------------------------------
|
||||
* Sidebar
|
||||
*/
|
||||
aside#sidebar {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
h2#sidebar_title {
|
||||
text-align: center;
|
||||
padding: 5px 0;
|
||||
border-left: 2px ridge black;
|
||||
border-right: 2px ridge black;
|
||||
border-top: 4px ridge var(--int-link);
|
||||
}
|
||||
|
||||
ul#sidebar_list {
|
||||
border: 2px ridge black;
|
||||
padding: 10px 20px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
column-gap: 22px;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
li.sidebar_item {
|
||||
flex: 0 0 48%;
|
||||
list-style-type: none;
|
||||
margin: 10px 0;
|
||||
border: 2px ridge var(--ext-link);
|
||||
}
|
||||
|
||||
a.sidebar_item_link {
|
||||
color: currentColor;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
li.sidebar_item:hover {
|
||||
border: 2px solid var(--int-link)
|
||||
}
|
||||
|
||||
li.sidebar_item:hover h3.sidebar_item_title {
|
||||
background-color: var(--ext-link);
|
||||
}
|
||||
|
||||
h3.sidebar_item_title {
|
||||
background-color: var(--int-link);
|
||||
color: #FFF;
|
||||
font-weight: 900;
|
||||
padding-left: 5px;
|
||||
border-bottom: 2px ridge black;
|
||||
}
|
||||
|
||||
p.sidebar_item_about {
|
||||
padding: 5px
|
||||
}
|
||||
|
||||
|
||||
/*---------------------------------------------------------------------
|
||||
* Footer
|
||||
*/
|
||||
footer#footer_page {
|
||||
margin-top: 30px;
|
||||
padding-top: 15px;
|
||||
border-top: 2px ridge black;
|
||||
}
|
||||
|
||||
div#footer_infos {
|
||||
width: 535px;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
h2#footer_site_title {
|
||||
text-align: left;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
div#footer_references {
|
||||
margin-left: 30px;
|
||||
font-size: .9em;
|
||||
}
|
||||
|
||||
div#footer_container {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
div#footer_credits {
|
||||
margin-top: 30px;
|
||||
margin-bottom: 30px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
|
||||
/*---------------------------------------------------------------------
|
||||
* For small screens
|
||||
* under 500px
|
||||
*/
|
||||
|
||||
@media all and (max-width: 500px) {
|
||||
body {
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
h1#site_title {
|
||||
font-size: 1.7em;
|
||||
line-height: 1.3em;
|
||||
}
|
||||
|
||||
li.site_menu_item {
|
||||
font-size: 1.1em;
|
||||
padding: 0 5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
article#article_main {
|
||||
font-size: 1.1em !important;
|
||||
padding: 5px;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
h1#post_title,
|
||||
h2.title_2, h3.title_3, h4.title_4, h5.title_5, h6.title_6 {
|
||||
margin: 30px 0 20px 0;
|
||||
}
|
||||
|
||||
h1#main_title {
|
||||
font-size: 1.6em;
|
||||
}
|
||||
|
||||
h2.title_2 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
h3.title_3 {
|
||||
font-size: 1.4em;
|
||||
}
|
||||
|
||||
h4.title_4 {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
|
||||
h5.title_5 {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
h6.title_6 {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
div.two_cols p {
|
||||
flex: 0 0 100%;
|
||||
}
|
||||
span#article_code {
|
||||
display:block;
|
||||
text_align:right;
|
||||
}
|
||||
|
||||
/* Sidebar */
|
||||
ul#sidebar_list {
|
||||
display: block;
|
||||
}
|
||||
|
||||
li.sidebar_item {
|
||||
display: block;
|
||||
}
|
||||
|
||||
h2#footer_site_title {
|
||||
font-size: 1.2em;
|
||||
line-height: 1.3em;
|
||||
}
|
||||
|
||||
p#footer_about {
|
||||
font-size: .9em;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
footer#footer_page {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
div#footer_infos {
|
||||
width: 100%;
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
div#footer_container {
|
||||
display: block;
|
||||
}
|
||||
|
||||
div#footer_credits {
|
||||
font-size: .7em;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
img.logo_ta {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
|
||||
Loading…
Reference in New Issue