chalec
/
www-template
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

WIP: maj de GSL

This commit is contained in:
Adrien Bourmault 2022-06-23 16:13:49 +02:00
parent 6250b98190
commit 1105e75ebb
No known key found for this signature in database
GPG Key ID: 6EB408FE0ACEC664
1 changed files with 67 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

88
styles.css
View File

@ -221,7 +221,13 @@ aside#chalec_sidebar {
padding-left: 40px; padding-left: 40px;
} }
.chalec_list-post-item a span {
.chalec_list-post-item a:hover {
color: unset;
background-color: unset;
}
.a-lec_list-post-title {
display: block; display: block;
padding: 15px; padding: 15px;
background-color: var(--chalec_blue); background-color: var(--chalec_blue);
@ -231,16 +237,10 @@ aside#chalec_sidebar {
margin: 10px 0px 0px 0px; margin: 10px 0px 0px 0px;
} }
.chalec_list-post-item a span { .chalec_list-post-title:hover{
color: var(--chalec_white);
}
.chalec_list-post-title a:hover{
color: var(--chalec_blue);
background-color: var(--chalec_white);
}
.chalec_list-post-item a .a-lec_list-post-metas { .a-lec_list-post-metas {
display: block; display: block;
padding: 15px; padding: 15px;
background-color: #e0f0ff; background-color: #e0f0ff;
@ -402,7 +402,7 @@ abbr {
.chalec_quote p::before, .chalec_quote p::before,
.chalec_simple-quote p::before { .chalec_simple-quote p::before {
color: var(--chalec_blue); color: var(--chalec_blue);
content: "“"; content: "“";
font-size: 3rem; font-size: 3rem;
margin-left: -30px; margin-left: -30px;
margin-bottom: -30px; margin-bottom: -30px;
@ -412,7 +412,7 @@ abbr {
.chalec_quote p::after, .chalec_quote p::after,
.chalec_simple-quote p::after { .chalec_simple-quote p::after {
color: var(--chalec_blue); color: var(--chalec_blue);
content: "„"; content: "„";
font-size: 3rem; font-size: 3rem;
margin-right: -30px; margin-right: -30px;
margin-top: -35px; margin-top: -35px;
@ -506,83 +506,85 @@ a.chalec_file-link:hover {
/* /*
* Paragraphs * Paragraphs
*/ */
p.chalec_paragraph { p.chalec_p {
display: block; display: block;
margin-top: 10px; margin-top: 10px;
margin-bottom: 10px; margin-bottom: 10px;
} }
div.chalec_content-p1{ div.chalec_content {
display: block;
}
div.chalec_content-p2{
display: block;
}
div.chalec_content-p3{
display: block;
}
div.chalec_content-p4{
display: block;
}
div.chalec_content-p5{
display: block;
}
div.chalec_content-p6{
display: block; display: block;
} }
/* /*
Chalec images Chalec images
*/ */
.chalec_image_center { .chalec_image {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
max-width: 100%; max-width: 100%;
height: auto; height: auto;
} }
.chalec_image-right {
}
.chalec_image-center {
}
.chalec_image-left {
}
/* /*
======================================================================== ========================================================================
HEADINGS HEADINGS
======================================================================== ========================================================================
*/ */
h1,h2,h3,h4,h5,h6 {
.chalec_title, #chalec_site-name {
display: block; display: block;
color: #000; color: #000;
font-weight: bold; font-weight: bold;
text-align: left; text-align: left;
} }
h1 {
#chalec_site-name {
font-size: 150%; font-size: 150%;
margin-top: 30px; margin-top: 30px;
margin-bottom: 5px; margin-bottom: 5px;
} }
h2 {
.chalec_title-1 {
font-size: 150%;
margin-top: 30px;
margin-bottom: 10px;
}
.chalec_title-2 {
font-size: 130%; font-size: 130%;
margin-top: 30px; margin-top: 30px;
margin-bottom: 5px; margin-bottom: 15px;
color: #454545; color: #454545;
} }
h3 {
.chalec_title-3 {
font-size: 110%; font-size: 110%;
margin-top: 30px; margin-top: 30px;
margin-bottom: 5px; margin-bottom: 15px;
color: #505050; color: #505050;
} }
h4 {
.chalec_title-4 {
font-size: 100%; font-size: 100%;
color: #606060; color: #606060;
} }
h5 {
.chalec_title-5 {
font-size: 100%; font-size: 100%;
color: #707070; color: #707070;
} }
h6 {
.chalec_title-6 {
font-size: 100%; font-size: 100%;
color: #808080; color: #808080;
} }