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

Image

This commit is contained in:
Adrien Bourmault 2022-04-10 18:24:05 +02:00
parent e933d46f7d
commit fd5bd2300e
No known key found for this signature in database
GPG Key ID: 6EB408FE0ACEC664
2 changed files with 35 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
electronic.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 723 KiB

After

Width:  |  Height:  |  Size: 490 KiB

61
styles.css
View File

@ -87,10 +87,10 @@ aside {
header { header {
background: #e0f0ff; /* old IE fallback */ background: #e0f0ff; /* old IE fallback */
background-attachment: fixed, scroll; background-attachment: fixed;
background-image: url(../templates/electronic.png); background-image: url(../templates/electronic.png);
background-position: 0 0; background-position: 0 0;
background-repeat: repeat; background-repeat: cover;
background-size: auto; background-size: auto;
} }
@ -113,12 +113,13 @@ header {
#chalec_site-logo a { #chalec_site-logo a {
background-color: unset; background-color: unset;
place-content: baseline center;
} }
#chalec_site-titles { #chalec_site-titles {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: start; align-items: center;
place-content: baseline center; place-content: baseline center;
padding: 20px padding: 20px
} }
@ -132,12 +133,13 @@ header {
#chalec_site-name a { #chalec_site-name a {
color: var(--chalec_yellow); color: var(--chalec_yellow);
font-weight: bold; font-weight: bold;
font-size: 240%; font-size: 300%;
vertical-align: middle;
} }
#chalec_site-name a:hover { #chalec_site-name a:hover {
font-size: 280%; color: var(--chalec_yellow);
font-weight: bold;
font-size: 300%;
background-color: unset; background-color: unset;
} }
@ -201,24 +203,33 @@ div#chalec_infos {
*/ */
.chalec_latest-posts { .chalec_latest-posts {
color: var(--chalec_yellow); color: var(--chalec_blue);
font-style: italic; font-style: italic;
} }
.chalec_list-post-title { .chalec_list-post-title {
display: block; display: block;
padding: 15px; padding: 15px;
background-color: var(--chalec_yellow); background-color: var(--chalec_blue);
color: var(--chalec_white); color: var(--chalec_white);
font-weight: bold; font-weight: bold;
padding: 10px; padding: 10px;
margin: 10px 0px 0px 0px; margin: 10px 0px 0px 0px;
} }
.chalec_list-post-title a{
color: var(--chalec_white);
}
.chalec_list-post-title a:hover{
color: var(--chalec_blue);
background-color: var(--chalec_white);
}
.chalec_list-post-metas { .chalec_list-post-metas {
display: block; display: block;
padding: 15px; padding: 15px;
background-color: #FDF1B8; background-color: #e0f0ff;
color: var(--chalec_red);; color: var(--chalec_red);;
font-size: 80%; font-size: 80%;
padding: 10px; padding: 10px;
@ -241,16 +252,20 @@ div#chalec_infos {
* Sticky Author Date * Sticky Author Date
*/ */
#chalec_metas { #chalec_metas {
display: block; display: block;
background-color: var(--chalec_yellow); background-color: var(--chalec_blue);
position: relative; color: var(--chalec_white);
text-align: left; position: relative;
float: right; text-align: left;
top: -10px; float: right;
right: 10px; top: -10px;
padding: 5px; right: 10px;
font-size: 82%; padding: 5px;
font-size: 82%;
}
#chalec_metas strong{
color: var(--chalec_white);
} }
/* /*
@ -528,7 +543,7 @@ h1,h2,h3,h4,h5,h6 {
LITTLE SCREENS LITTLE SCREENS
======================================================================== ========================================================================
*/ */
@media screen and (max-width: 700px) { @media screen and (max-width: 900px) {
section#chalec_page-wrapper { section#chalec_page-wrapper {
display: block; display: block;
@ -559,7 +574,7 @@ h1,h2,h3,h4,h5,h6 {
#chalec_footer .chalec_paragraph{ #chalec_footer .chalec_paragraph{
margin-bottom: 30px; margin-bottom: 30px;
font-size: 80%; font-size: 80%;
border: 2px solid var(--chalec_blue); border: 2px solid var(--chalec_yellow);
border-top : unset; border-top : unset;
border-left: unset; border-left: unset;
border-right: unset; border-right: unset;
@ -591,14 +606,8 @@ h1,h2,h3,h4,h5,h6 {
height: 35%; height: 35%;
} }
#chalec_site-titles {
all: unset;
}
#chalec_site-name a { #chalec_site-name a {
margin-top: -30px; margin-top: -30px;
margin-bottom: -20px;
position: relative; position: relative;
float: left; float: left;
font-size: 3rem; font-size: 3rem;