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

170
styles.css
View File

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