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