cominfra
/
www-template
8
0
Fork 0
Code Issues 2 Pull Requests Activity

Maj de GSL

This commit is contained in:
Adrien Bourmault 2022-06-26 12:03:41 +02:00
parent bd18da0f6b
commit b766fc2396
No known key found for this signature in database
GPG Key ID: 6EB408FE0ACEC664
1 changed files with 70 additions and 100 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

140
styles.css
View File

@ -86,14 +86,6 @@ aside {
flex-basis: 30%; flex-basis: 30%;
} }
p {
line-height: 26px;
}
article ul {
line-height: 24px;
}
/* /*
======================================================================== ========================================================================
HEADER / BANNER HEADER / BANNER
@ -132,15 +124,15 @@ header {
place-content: baseline center; place-content: baseline center;
} }
#a-lec_site-titles { #a-lec_site-title {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
place-content: baseline center; place-content: baseline center;
text-align: center; padding-left: 50px;
} }
#a-lec_site-titles h2 { #a-lec_site-title h2 {
font-weight: normal; font-weight: normal;
color: #FFF; color: #FFF;
font-size: 130%; font-size: 130%;
@ -151,7 +143,6 @@ header {
color: #FFF; color: #FFF;
font-weight: bold; font-weight: bold;
font-size: 300%; font-size: 300%;
padding-left: 50px;
} }
#a-lec_site-name a:hover { #a-lec_site-name a:hover {
@ -171,7 +162,6 @@ header {
footer { footer {
background: #2d4b63; /* old IE fallback */ background: #2d4b63; /* old IE fallback */
background-attachment: fixed;
background-image: url(../templates/electronic.jpg); background-image: url(../templates/electronic.jpg);
background-position: 0 0; background-position: 0 0;
background-repeat: cover; background-repeat: cover;
@ -215,6 +205,7 @@ div#a-lec_infos {
font-size: 100%; font-size: 100%;
margin: 0px 110px 0px 0px; margin: 0px 110px 0px 0px;
} }
.a-lec_list-cr { .a-lec_list-cr {
display: block; display: block;
margin: 0 0 5px 25px; margin: 0 0 5px 25px;
@ -230,9 +221,9 @@ aside#a-lec_sidebar {
padding-left: 40px; padding-left: 40px;
} }
.a-lec_latest-posts { .a-lec_list-post-item a:hover {
color: var(--a-lec_yellow); color: unset;
font-style: italic; background-color: unset;
} }
.a-lec_list-post-title { .a-lec_list-post-title {
@ -255,28 +246,13 @@ aside#a-lec_sidebar {
font-weight: bold; font-weight: bold;
} }
.a-lec_list-post-info { .a-lec_list-post-item a .a-lec_list-post-info {
display: block; display: block;
background-color: #FDF1B8; background-color: #FDF1B8;
color: var(--a-lec_black);
font-size: 80%; font-size: 80%;
padding: 10px; padding: 10px;
padding-top: unset;
display: block;
color: var(--chalec_black);
font-weight: normal; 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);
} }
/* /*
@ -328,16 +304,16 @@ abbr {
padding: 3px 0; padding: 3px 0;
} }
.a-lec_list-1 { .a-lec_li-1 {
display: block; display: block;
} }
.a-lec_list-2 { .a-lec_li-2 {
display: block; display: block;
margin-left: 20px; margin-left: 20px;
} }
.a-lec_list-3 { .a-lec_li-3 {
display: block; display: block;
margin-left: 40px; margin-left: 40px;
} }
@ -346,9 +322,9 @@ abbr {
counter-increment: step-counter; counter-increment: step-counter;
} }
.a-lec_list-ol .a-lec_list-1::before, .a-lec_list-ol .a-lec_li-1::before,
.a-lec_list-ol .a-lec_list-2::before, .a-lec_list-ol .a-lec_li-2::before,
.a-lec_list-ol .a-lec_list-3::before { .a-lec_list-ol .a-lec_li-3::before {
display: inline-block; display: inline-block;
content: counter(step-counter) "."; content: counter(step-counter) ".";
padding-left: 0px; padding-left: 0px;
@ -356,21 +332,21 @@ abbr {
list-style-type: upper-roman; list-style-type: upper-roman;
} }
.a-lec_list-ol .a-lec_list-1::before { .a-lec_list-ol .a-lec_li-1::before {
color: var(--a-lec_red); color: var(--a-lec_red);
} }
.a-lec_list-ol .a-lec_list-2::before { .a-lec_list-ol .a-lec_li-2::before {
color: var(--a-lec_blue); color: var(--a-lec_blue);
} }
.a-lec_list-ol .a-lec_list-3::before { .a-lec_list-ol .a-lec_li-3::before {
color: var(--a-lec_yellow); color: var(--a-lec_yellow);
} }
.a-lec_list-ul .a-lec_list-1::before, .a-lec_list-ul .a-lec_li-1::before,
.a-lec_list-ul .a-lec_list-2::before, .a-lec_list-ul .a-lec_li-2::before,
.a-lec_list-ul .a-lec_list-3::before { .a-lec_list-ul .a-lec_li-3::before {
display: inline-block; display: inline-block;
content: "\2022"; content: "\2022";
width: 10px; width: 10px;
@ -379,15 +355,15 @@ abbr {
font-weight: bold; font-weight: bold;
} }
.a-lec_list-ul .a-lec_list-1::before { .a-lec_list-ul .a-lec_li-1::before {
color: var(--a-lec_red); color: var(--a-lec_red);
} }
.a-lec_list-ul .a-lec_list-2::before { .a-lec_list-ul .a-lec_li-2::before {
color: var(--a-lec_blue); color: var(--a-lec_blue);
} }
.a-lec_list-ul .a-lec_list-3::before { .a-lec_list-ul .a-lec_li-3::before {
color: var(--a-lec_yellow); color: var(--a-lec_yellow);
} }
@ -522,40 +498,28 @@ a.a-lec_file-link:hover {
/* /*
* Paragraphs * Paragraphs
*/ */
p.a-lec_paragraph { p.a-lec_p{
display: block; display: block;
margin-top: 10px; margin-top: 10px;
margin-bottom: 10px; margin-bottom: 10px;
} }
div.a-lec_content-p1{ div.a-lec_content{
display: block; display: block;
} }
div.a-lec_content-p2{ p {
display: block; line-height: 26px;
} }
div.a-lec_content-p3{ article ul {
display: block; line-height: 24px;
}
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 images
*/ */
.a-lec_image_center { .a-lec_image{
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
max-width: 100%; max-width: 100%;
@ -567,38 +531,45 @@ A-lec images
HEADINGS HEADINGS
======================================================================== ========================================================================
*/ */
h1,h2,h3,h4,h5,h6 { .a-lec_title, #a-lec_site-name {
display: block; display: block;
color: #000; color: #000;
font-weight: bold; font-weight: bold;
} }
h1 {
.a-lec_title-1 {
font-size: 150%;
margin-top: 30px;
margin-bottom: 10px;
}
.a-lec_title-2 {
font-size: 130%; font-size: 130%;
margin-top: 30px; margin-top: 30px;
margin-bottom: 5px; margin-bottom: 15px;
}
h2 {
font-size: 125%;
margin-top: 30px;
margin-bottom: 5px;
color: #454545; color: #454545;
} }
h3 {
font-size: 120%; .a-lec_title-3 {
font-size: 110%;
margin-top: 30px; margin-top: 30px;
margin-bottom: 5px; margin-bottom: 15px;
color: #505050; color: #505050;
} }
h4 {
font-size: 115%; .a-lec_title-4 {
font-size: 100%;
color: #606060; color: #606060;
} }
h5 {
font-size: 110%; .a-lec_title-5 {
font-size: 100%;
color: #707070; color: #707070;
} }
h6 {
font-size: 105%; .a-lec_title-6 {
font-size: 100%;
color: #808080; color: #808080;
} }
@ -711,4 +682,3 @@ h1,h2,h3,h4,h5,h6 {
} }
} }