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

Mise à jour du style

This commit is contained in:
Adrien Bourmault 2022-04-15 12:45:55 +02:00
parent 0951c47f7b
commit bcb1b2d5ce
No known key found for this signature in database
GPG Key ID: 6EB408FE0ACEC664
1 changed files with 116 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

175
styles.css
View File

@ -45,6 +45,14 @@ title {
display: none; display: none;
} }
head {
display: none;
}
style {
display:none;
}
body { body {
color: var(--a-lec_black); color: var(--a-lec_black);
background: var(--a-lec_white); background: var(--a-lec_white);
@ -66,6 +74,7 @@ aside {
background-color: var(--a-lec_white); background-color: var(--a-lec_white);
background-repeat: repeat; background-repeat: repeat;
padding: 10px; padding: 10px;
min-height: 50vh;
} }
article { article {
@ -85,20 +94,20 @@ aside {
*/ */
header { header {
background: #2d4b63 50% 0 url(../templates/fond_titre.png) no-repeat; /* old IE fallback */ background: #2d4b63; /* old IE fallback */
background-attachment: fixed, scroll; background-attachment: fixed;
background-image: url(../templates/electronic.png), url(../templates/fond_titre.png); background-image: url(../templates/electronic.png);
background-position: 0 0, 0 50%; background-position: 0 0;
background-repeat: repeat, no-repeat; background-repeat: cover;
background-size: auto, cover; background-size: auto;
} }
#a-lec_banner, #a-lec_banner,
#a-lec_footer { #a-lec_footer {
display: flex; display: flex;
height: 300px; height: auto;
width: 100%; width: auto;
padding: 20px 25px; padding: 20px 25px;
} }
@ -119,15 +128,15 @@ header {
#a-lec_site-titles { #a-lec_site-titles {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
place-content: baseline center; place-content: baseline center;
padding: 20px
} }
#a-lec_site-titles h2 { #a-lec_site-titles h2 {
font-weight: normal; font-weight: normal;
color: #FFF; color: #FFF;
font-size: 130%; font-size: 130%;
margin-top: 15px;
} }
#a-lec_site-name a { #a-lec_site-name a {
@ -140,6 +149,7 @@ header {
background-color: unset; background-color: unset;
font-weight: bold; font-weight: bold;
font-size: 300%; font-size: 300%;
background-color: unset;
} }
@ -150,19 +160,21 @@ header {
*/ */
footer { footer {
background: #2d4b63 50% 0 url(../templates/fond_titre.png) no-repeat; /* old IE fallback */ background: #2d4b63; /* old IE fallback */
background-attachment: fixed, scroll; background-attachment: fixed;
background-image: url(../templates/electronic.png), url(../templates/fond_titre.png); background-image: url(../templates/electronic.png);
background-position: 0 0, 0 50%; background-position: 0 0;
background-repeat: repeat, no-repeat; background-repeat: cover;
background-size: auto, cover; background-size: auto;
} }
#a-lec_footer h1 { #a-lec_footer h1 {
font-size: 130%; font-size: 130%;
color: #FFF; color: #FFF;
font-weight: bold; font-weight: bold;
margin-top: 0px;
margin-left: 0px;
} }
#a-lec_footer { #a-lec_footer {
@ -184,12 +196,14 @@ footer {
div#a-lec_copyright { div#a-lec_copyright {
font-size: 90%; font-size: 90%;
flex-basis: 25%; flex-basis: 30%;
margin-left: -100px;
} }
div#a-lec_infos { div#a-lec_infos {
flex-basis: 75%; flex-basis: 70%;
font-size: 105%; font-size: 100%;
margin: 0px 110px 0px 0px;
} }
.a-lec_list-cr { .a-lec_list-cr {
display: block; display: block;
@ -202,6 +216,10 @@ div#a-lec_infos {
======================================================================== ========================================================================
*/ */
aside#a-lec_sidebar {
padding-left: 40px;
}
.a-lec_latest-posts { .a-lec_latest-posts {
color: var(--a-lec_yellow); color: var(--a-lec_yellow);
font-style: italic; font-style: italic;
@ -231,6 +249,11 @@ div#a-lec_infos {
display: block; display: block;
color: var(--a-lec_black); color: var(--a-lec_black);
font-weight: normal; font-weight: normal;
display: block;
font-size: 80%;
padding: 10px;
padding-top: unset;
display: block;
} }
.a-lec_list-post-link { .a-lec_list-post-link {
@ -251,15 +274,14 @@ div#a-lec_infos {
* Sticky Author Date * Sticky Author Date
*/ */
#a-lec_metas { #a-lec_metas {
display: block; display: block;
background-color: var(--a-lec_yellow); background-color: var(--a-lec_yellow);
position: relative; position: relative;
text-align: left; text-align: left;
float: right; float: right;
top: -10px; top: -10px;
right: 10px; padding: 5px;
padding: 5px; font-size: 82%;
font-size: 82%;
} }
@ -305,26 +327,52 @@ abbr {
margin-left: 40px; margin-left: 40px;
} }
.a-lec_list-1::before, .a-lec_list-ol li {
.a-lec_list-2::before, counter-increment: step-counter;
.a-lec_list-3::before { }
.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; display: inline-block;
content: "\2022"; content: "\2022";
width: 10px; width: 10px;
padding-left: 15px; padding-left: 5px;
margin-right: 5px; margin-right: 5px;
font-weight: bold; font-weight: bold;
} }
.a-lec_list-1::before { .a-lec_list-ul .a-lec_list-1::before {
color: var(--a-lec_red); color: var(--a-lec_red);
} }
.a-lec_list-2::before { .a-lec_list-ul .a-lec_list-2::before {
color: var(--a-lec_blue); color: var(--a-lec_blue);
} }
.a-lec_list-3::before { .a-lec_list-ul .a-lec_list-3::before {
color: var(--a-lec_yellow); color: var(--a-lec_yellow);
} }
@ -469,27 +517,32 @@ div.a-lec_content-p1{
div.a-lec_content-p2{ div.a-lec_content-p2{
display: block; display: block;
margin-left: 20px;
} }
div.a-lec_content-p3{ div.a-lec_content-p3{
display: block; display: block;
margin-left: 35px;
} }
div.a-lec_content-p4{ div.a-lec_content-p4{
display: block; display: block;
margin-left: 45px;
} }
div.a-lec_content-p5{ div.a-lec_content-p5{
display: block; display: block;
margin-left: 55px;
} }
div.a-lec_content-p6{ div.a-lec_content-p6{
display: block; display: block;
margin-left: 65px; }
/*
A-lec images
*/
.a-lec_image_center {
display: inline-block;
vertical-align: middle;
max-width: 100%;
height: auto;
} }
/* /*
@ -510,27 +563,27 @@ h1,h2,h3,h4,h5,h6 {
} }
h2 { h2 {
font-size: 125%; font-size: 125%;
margin-left: 30px;
margin-top: 30px; margin-top: 30px;
margin-bottom: 5px; margin-bottom: 5px;
color: #454545;
} }
h3 { h3 {
font-size: 120%; font-size: 120%;
margin-left: 40px;
margin-top: 30px; margin-top: 30px;
margin-bottom: 5px; margin-bottom: 5px;
color: #505050;
} }
h4 { h4 {
font-size: 115%; font-size: 115%;
margin-left: 50px; color: #606060;
} }
h5 { h5 {
font-size: 110%; font-size: 110%;
margin-left: 60px; color: #707070;
} }
h6 { h6 {
font-size: 105%; font-size: 105%;
margin-left: 75px; color: #808080;
} }
/* /*
@ -542,11 +595,12 @@ h1,h2,h3,h4,h5,h6 {
section#a-lec_page-wrapper { section#a-lec_page-wrapper {
display: block; display: block;
margin: 0 25px; margin: 10px 25px;
} }
aside#a-lec_sidebar { aside#a-lec_sidebar {
background: none; background: none;
padding-left: 40px;
} }
.a-lec_latest-posts { .a-lec_latest-posts {
@ -554,11 +608,15 @@ h1,h2,h3,h4,h5,h6 {
} }
div#a-lec_metas { div#a-lec_metas {
margin: 10px -10px 0px 0px; margin: 0px -10px 0px 0px;
}
article {
margin-top: 20px;
} }
article#a-lec_index { article#a-lec_index {
margin-left: -10px; margin-top: -10px;
} }
#a-lec_footer { #a-lec_footer {
@ -568,7 +626,7 @@ h1,h2,h3,h4,h5,h6 {
#a-lec_footer .a-lec_paragraph{ #a-lec_footer .a-lec_paragraph{
margin-bottom: 30px; margin-bottom: 30px;
font-size: 80%; font-size: 90%;
border: 2px solid var(--a-lec_blue); border: 2px solid var(--a-lec_blue);
border-top : unset; border-top : unset;
border-left: unset; border-left: unset;
@ -581,6 +639,7 @@ h1,h2,h3,h4,h5,h6 {
font-size: 115%; font-size: 115%;
padding: 15px; padding: 15px;
margin-bottom: -20px; margin-bottom: -20px;
font-size: 120%
} }
#a-lec_footer li { #a-lec_footer li {
@ -595,17 +654,10 @@ h1,h2,h3,h4,h5,h6 {
#a-lec_site-logo img { #a-lec_site-logo img {
all: unset; all: unset;
display: inline-block; display: inline-block;
float: left;
position: relative;
width: 100%; width: 100%;
height: 35%; height: 160px;
} }
#a-lec_site-titles {
all: unset;
}
#a-lec_site-name a { #a-lec_site-name a {
margin-top: -30px; margin-top: -30px;
margin-bottom: -20px; margin-bottom: -20px;
@ -614,11 +666,16 @@ h1,h2,h3,h4,h5,h6 {
font-size: 3rem; font-size: 3rem;
} }
#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 { #a-lec_site-name a:hover {
margin-top: -30px;
margin-bottom: -20px;
position: relative;
float: left; float: left;
font-size: 3rem; font-size: 3rem;
} }